rajan
(Raivo Kask)
November 5, 2020, 1:12pm
1
Where can I find information about themes … don’t understand what is the difference between:
primary-text-color:
secondary-text-color:
text-primary-color:
disabled-text-color:
tom_l
November 5, 2020, 1:48pm
2
Have a look at this:
Okay this is one UGLY looking theme but that is by design… try as people might the descriptions in theme’s don’t clearly point to all places a parameter is applied. For me a picture is worth a thousand words so I created this theme you can navigate through to reference where colors are applied. I have noted the color or where it applies next to each parameter. I have not found every parameter available yet but got quite a few. Also this site is a great reference for colors… https://www.colorhexa…
One or two options may be out of date (e.g. card background colour).
I find theming in HA to be pretty difficult and there is almost no documentation. The mentionend names are css variables for different elements in the frontend interface. They are used throughout the frontend, but there is no clear way to find out where without looking in the devtools of your browser.
Maybe have a look here and read through some of the examples to get a better understanding:
https://community.home-assistant.io/c/projects/themes/29
I’ve been struggling with this too. This is what I’ve got so far:
I wonder if anybody can help me here…
I’m starting to learn about themes and I’ve set myself the exercise of recreating the standard “dark” theme.
It seems to work, and it looks pretty good (some of the colours may be a bit off, but hey…). What I’m after is additions and corrections to my comments. The point of the exercise is to understand what each item in a theme does - in some cases it’s obvious, in others not so much. Also, have I missed out any important items? (I’m told “paper” is on th…