"Fixed" badge icon colour ignored when switch in off state

[Ascathon]

Checklist

• [X] I have updated to the latest available Home Assistant version.
• [X] I have cleared the cache of my browser.
• [X] I have tried a different browser to see if it is related to my browser.
• [x] I have tried reproducing the issue in safe mode to rule out problems with unsupported custom resources.

Describe the issue you are experiencing

When setting a specific/fixed colour for a badge icon, this is ignore when (in my case) the switch goes to the off state. Red are switches that are toggled on, grey are switches toggles off. Colour is set to red.

Describe the behavior you expected

Why I am expecting red even for off, is because the top entry at the colour picker says "Default (state)". So assuming picking a specific colour should ignore the state.

Steps to reproduce the issue

1. Add badge for a switch entity
2. Set icon colour to red
3. Toggle switch to off
4. Badge shows icon in grey. ...

What version of Home Assistant Core has the issue?

core-2024.8.0

What was the last working version of Home Assistant Core?

No response

In which browser are you experiencing the issue with?

Mozilla Firefox 129.0

Which operating system are you using to run this browser?

Windows 10

State of relevant entities

No response

Problem-relevant frontend configuration

No response

Javascript errors shown in your browser console/inspector

No response

Additional information

No response