Change Danger Text in Dark Mode

Wappler General Need Help
1

Dark mode works amazingly well right out of the box. Except for one thing my red (text-danger) text does not show up well.

I have tried adjusting the CSS. Is this correct?

[data-bs-theme=dark] .text-danger {
    color: #f94a4a
}

Edit: The class is in a <span> tag if that matters.

2

Have you customized the default bootstrap text-danger class somehow in your css?

3

Nope, just with the Theme Manager.

4

So you're not using the default .text-danger class color but a modified color?

Try adding !important to your rule:

[data-bs-theme="dark"] .text-danger {
    color: #f94a4a !important;
}
1 Like
5

Adding important designation solved it, thanks! :beers:

1 Like