How to identify and change a theme color in States tab, or in general

Configuration
1

Hey guys,
Im having an issue with a theme i applied (called Synthwave)
The states page has some very dark characters i cant read:
image

Anyone know how which setting i should tweak in a theme to control the color of the entities names?
Also, since i’ve spend a lot of time looking for it, by inspecting items on the browser’s console, is there a simple way to recognize and change them if it happens again in the future?

Thanks in Advance

2

Check out this post I made awhile ago. Shows you how to find things.

3

Thanks for the precise guide.
I was able to find out that it takes its value from primary-color.
Thing is i don’t want to change the primary color value, is there some way i can target that css specifically?

4

You need to select contrasting colours. So if you don’t want to change the primary colour for the text you will need to change the background colour, which is card-background-color:

5

I see.
Was trying out this synthwave theme from hacs but it seems like too much work to troubleshoot it :slight_smile:
I guess I’ll get back to my own theme :slight_smile:
Thanks for the input guys

6

I don’t suppose you ever did find out the descriptor for that particular entity-text in the States tab? I’m in the situation you were in. I don’t want to change the Theme primary-color and I don’t want to change the card-background-color, I just want to change that text color and I don’t know what to add to my Theme yaml to specify that bit of text.

7

I think I did, but I have no idea how.
Let me look into it tomorrow and tell you :slight_smile:

Edit: Never figured it out, went back to my own theme and gave up on the purple disco theme :smiley:

1 Like
8

–primary-color is the text color in that area. To clarify it inherits from --primary-color and that’s the only way to change it unless you use a custom solution.

9

Fair enough, I thought maybe I’d missed something in my Theme yaml and it was adopting primary-color instead. Background colour change it is then!

Just in case someone else stumbles across this topic, the background colour here is: -

table-row-background-color and
table-row-alternative-background-color