v2.2.4 - OFF State Dimming
What's New
Buttons now visually indicate OFF state by default
Previously, a button with a custom background color looked identical whether the entity was ON or OFF, because \styles.card\ applies to all states in button-card.
Now, for binary entities (lights, switches, fans, automations, etc.):
- ON: button displays at full brightness with your chosen color/gradient
- OFF: button is automatically dimmed to 50% brightness (\ilter: brightness(0.5))
This happens automatically — no configuration needed. The preview now matches this behavior too.
The dimming is skipped when:
- You've set an explicit OFF-state background color (State Off Color)
- You've added a conditional style matching \off\
- \color: auto\ is enabled (button-card's own entity-color behavior handles on/off visually)
- The entity is not binary (sensors, media players with non on/off states, etc.)