sync all header color schemes with dashboard view header color scheme

[Mariusthvdb]

changing color schemes for our views can be done by using card-mod-themes and set the variables for

        app-header, app-toolbar {
          background: radial-gradient(var(--primary-color),var(--card-background-color));
          color: var(--text-primary-color);
        }

however, this doesnt work on the left side menu pages, which either use the primary color, like dev tools and energy.

Configuration uses yet another scheme, and doesnt set primary color as header.

Fully aware card-mod-theme'ing is custom and not core at all, I would like to ask if there is some purpose behind the big differences in color scheming between the

• dashboard views,
• the dev tools, and
• the configuration

If core Lovelace could use the same variables/color scheme for these pages (preferably the scheme for dashboards), we could streamline the overall view of these pages in our themes.

thanks for considering

[mrand]

I would love to see this made more consistent, especially because in my mind, it's actually a bit worse than you describe:
Some theme variables are overloaded and/or used inconsistently. Unless things have changed recently, here are two examples:

• text-primary-color: used for some text, and also tab indicator for dashboard and dev panels
• mdc-theme-primary: used for the background on some buttons, but text on other buttons

The end result of this is that there are certain things that are not possible to properly theme as desired, especially if your trying to work with a limited palette (my night theme is monochrome red).