gauge card, no red color if the theme is not selected

[asystentka-jolka]

Checklist

• I have updated to the latest available Home Assistant version.
• I have cleared the cache of my browser.
• I have tried a different browser to see if it is related to my browser.

The problem

if the theme is not selected on the gauge there is no red color
see the example below

type: gauge
entity: sensor.ais_wifi_service_current_network_info
min: 0
max: 100
severity:
  green: 70
  yellow: 40
  red: 30
name: Connection speed

1. the connection speed is above 70 - all correct - green
   

2. the connection speed is between 40-70 - all correct - yellow
   

3. the connection speed is between 30-40- no red color
   

I thought that this is a problem with template but it is not - see the code inspector - the style for .value class is not generated

When we do this in other way:

type: gauge
entity: sensor.ais_wifi_service_current_network_info
min: 0
max: 100
severity:
  green: 0
  yellow: 40
  red: 70
name: Connection speed

1. the green is green
   

2. the yellow is yellow
   

3. again the is not red
   

It looks that the .value style is not generated for red

When the theme is selected all works as expected

Expected behavior

It will be great if the default colors work even if the theme is not selected.

Steps to reproduce

as described above

Environment

• Home Assistant release with the issue: I think this was always like that
• Last working Home Assistant release (if known): no
• Browser and browser version: latest chrome, ff etc..
• Operating system: linux

State of relevant entities

Problem-relevant configuration

Javascript errors shown in your browser console/inspector

Additional information

[bramkragten]

Can't reproduce, is working here.

[asystentka-jolka]

Probably your skills are better than my test ;)

I'm going to check this again on pure HA (completely without my local template definition).
I will reopen when I will be 100% sure that this is not related with my template

Thanks 👋