Custom CSS for callout boxes

Anyone trying to create custom callout boxes CSS but frustrated at dark titles in dark mode, you can change the callout title color accordingly with CSS snippets:

.callout[data-callout="custom"] {
    --callout-title-color: #ff0000;
    --callout-color: 0, 254, 0;
    --callout-icon: lucide-clipboard-list;
}

3 Likes