Is there a way to change the color of the gas consumption bar?

Configuration Frontend
1

Being color blind, the default color (dark red) is not ideal in dark mode. It’s very hard to see. Is there a way to change this?

image
image1488×812 20.5 KB

2

With a custom theme, you can set --energy-gas-color to a color of your choice.

1 Like
3

I tried that, however I use the dark theme and when setting a single value in a custom theme, HA seems to use the light theme for all other colors. Is there a way for HS to fall back to dark theme for all colors not defined in the custom theme?

4

Either define different values or delete a line with this var to fallback to a default value.

my_theme:
  light:
    energy-gas-color: ...
  dark:
    energy-gas-color: ...
5

This (modes) turned out to be doing the trick:

# themes.yaml
custom:
  modes:
    light:
      energy-gas-color: "#4444FF"
    dark:
      energy-gas-color: "#4444FF"

However, these settings don’t seem to have an effect in the mobile app. In the app, still the original colors are used.

6

Have you set same theme in the app?

1 Like
7

facepalm… haha thanks for reminding me!