How do I change the header colors in a theme? I’ve found several posts on here with different tags in the theme.yaml files, but none of them seem to work. This is what I have now (which doesn’t work):
livingroom:
primary-color: yellow
primary-background-color: darkgray
primary-text-color: lightgray
primary-text-size: "2px"
primary-header-background-color: yellow
primary-header-text-color: black
#cards
card-background-color: black
card-font-size: "2px"
That wasn’t exactly my answer, but it got me to the answer. Thank you!
I have been mucking around in the developer tools trying to trace down how tp identify the style that need to be changed. The correct style is
app-header-background-color
I could see in the developer tools that the style had a line through it meaning something was overriding it, specifically, “primary-color”. Even setting primary-color in my theme wasn’t doing anything. Something had a lock on that primary-color
I never thought to look in the UI…it was right there the whole time. I logged in as my kiosk user, went to the Browser Settings and noticed that “Use Default Theme” and that the Primary Color was set there. This is what was overriding the yaml changes I was making. Switched the theme from “Use Default Theme” to the theme I’ve been working on and boom… everything took over as I was expecting.