started out with the template-entity-row fix that was made by TheHolyRoger, and it is clear there is still some work before that does also pickup the theme settings…(it does pickup the new HA default though)
Just noticed this from a few months back, actually I apologize, I wasn’t intending to be a jerk, I was trying to be helpful thinking the question may have a better chance of a good answer. I sometimes don’t realize how my comments are likely to be interpreted, esp. when I am trying to be concise. Anyways, apologies for being kind of a jerk (if unintentional)
There is a way - but it has limitations. Check Docs.
Imagine you have these zones:
– zone.home (friendly name “Home”)
– zone.bar (“Bar”)
– zone.my_mom (“Mom”)
– zone.company (“My Office”)
Define these variables:
–state-person-home-color
–state-person-bar-color
–state-person-mom-color
–state-person-my_office-color
and enjoy your colors.
(similarly for device_tracker)
But - these zones must have exactly these FRIENDLY NAMES and in ENGLISH only.
And one more thing.
If you 10 zones and defined vars for 5 of them - other zones will still have same color.
So, it is not like “all zones is history have different colors, user may define explicitly some of them”.
I’m stuck on 2022.6 as I can’t get around this issue easily, it’s so frustrating!
My whole dashboard is screwed, all the colours are off and not even consistant.
Fixing the integrations etc is fine, but changing the whole colour scheme was just a total disaster… I thought somebody by now would have got a quick win solution but it isn’t looking that way with over 700+ comments to read through.
There has been a Looong topic regarding this, with various solutions and tips (keep searching/reading, as i don’t intend to look them up for you, like after 5 month, my memory dont last so long in this environment
1 “main” solution is adding/edit your theme, card_mod solve some, and for some “entities” there is now a “default” solution to change “active color”
That is a “very” bad excuse for being 1 YEAR ( 12 month behind ) … im pretty sure you “missing” a “few” Braking Changes, so you really should spend your time , updating 1 by 1, And not think you just can easily “jump” 12 month, without quite alot “problems”
There is no “clause” to fix. This has been a request for many for a long time which unfortunately broke all the custom solutions people had. Just take a look at the frontend documentation as it covers what you need to do. Which most likely means you have to remove your custom settings and move all coloring to your theme using the new theme variables.
Revisiting this thread after 6 months I am surprise to see that the odd colour choice for alarm still remains. I am quite happy with everything else, so the only reason i would use theme is just for the alarm color.
For amateurs like myself who just want quickly change the color of the alarms states, here is how do it. Thank you to all the people above who already put in all the work and instructions.
Add the following to the configuration.yaml
frontend:
themes: !include theme.yaml
create a theme.yaml file in the config directory with the following
You can name “Legacy” to anything you want, the last section light and dark modes is there so that you can switch between light and dark mode manually.
In HA menu developers tools > yaml > reload “all yaml configuration”
Hello Kenneth, I am where you wehere 1 year ago Did you manage to solve this how to set different colors on icons when using picture-elements? All mine are yellow… If you have a solution please share Thanks
I just wanted to post for those like me that are still searching for an answer to the red/green icons for the lock/unlock in HA not matching the other colors (colours) in your theme. For me, I am using the google theme that has both light & dark modes. To change the lock/unlock icon for my house lock, I added the following lines to the google_theme.yaml in \config\themes\google_theme:
In in the light section:
state-lock-locked-color: rgb(95, 99, 104) #added by Spaldo grey light icon
state-lock-unlocked-color: rgb(140, 110, 195) #added by Spaldo purpleish icon
In the dark section:
state-lock-locked-color: rgb(169, 177, 188) #added by Spaldo whiteish icon
state-lock-unlocked-color: rgb(140, 110, 195) #added by Spaldo purpleish icon
Hopefully this helps someone, or at the very least future Spaldo