Question about theme text color

[Eric_F]

I am learning how themes work in Wappler but have a question about where a color comes from.

I made the colors stand out as much as I could to better show.

The “Light card title” seems to use the light color for the background and the dark color for the text.
The dark and others use their own color as the background but where does the text color come from?

And looking at the navbars

the light one seems to not use the dark color for the text like it did in the card.

So where does the white color for most of the text come from? And same for the black color in light navbar?

[Teodor]

@Eric_F

The “Light card title” seems to use the light color for the background and the dark color for the text.
The dark and others use their own color as the background but where does the text color come from?

It all comes from classes applied to the card. For example this is the “light” card. It uses the light background and dark text:

You can see the classes and options selected for each of the cards in the App Structure.

As for dark and light navbar color schemes, you can learn more here: Navbar · Bootstrap v5.1

[Eric_F]

So if I want to change the color I would go to the advanced tab and change the class for the dark color on the navbar like this

and it should be inherited and applied to all the navbar elements with the class dark?

Then how would I change the color for the navbar brand? It isn’t taking the dark color and I don’t see any option for navbar brand color.

[Eric_F]

Also, how do I go about using a color not in the theme? I was looking to use some of the colors from https://getbootstrap.com/docs/5.2/customize/color/#all-colors
but it seems like I can’t simply do bg-blue-200 as a class. Are those colors just for changing the theme colors like seen here https://docs.wappler.io/t/theme-manager-advanced-options/20111#Changing-the-Primary-Color

Can I add more theme colors or is it possible to do shades of theme colors ie bg-primary-200?