Skip to content

v2.2.4 - OFF State Dimming

Choose a tag to compare

@aspenrt78 aspenrt78 released this 02 Mar 22:52

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.)