Skip to content

šŸ’” Light & Switch Dialogs ​

NOTE

✨ Available on šŸ’Ž Ultimate Version Only

✨ Overview ​

The Light & Switch Dialogs provide a clean, Google-style toggle interface for light, switch, and other binary entities. They are designed for quick, straightforward control, allowing you to turn devices on or off with a simple, satisfying interaction.

These dialogs are perfect for entities that don't need complex controls, offering a focused and minimalist user experience.

āœ… How to Open the Dialogs ​

These dialogs open automatically. There is no need for manual configuration.

  • If you do not define a hold_action, the appropriate dialog will open automatically when you hold the card.
  • The default tap action for these entities is to toggle their state (on/off).

Example: The dialog is automatic on hold

yaml
type: custom:material-button-card
entity: switch.coffee_machine
# No hold_action needed! The switch-dialog will open on hold.

ā„¹ļø Action trigger ​

DialogAction TypeCard TypeEntity Domain / Type
light-dialoghold_actionmaterial-button-card, material-options-card, material-circle-progress-cardlight (on/off only)
switch-dialoghold_actionmaterial-button-card, material-options-card, material-circle-progress-cardswitch, input_boolean, automation

šŸ’” Light Dialog ​

✨ Overview ​

The light-dialog is specifically styled for light entities, featuring a yellowish background effect when the light is on, mimicking a warm glow.

ā˜€ļø Light Off

Dialog Light
ā˜€ļø Light On

Dialog On Light
šŸŒ™ Dark Off

Dialog Dark
šŸŒ™ Dark On

Dialog On Dark

āš™ļø Supported Entity Domains ​

DomainNoteAction Type
lightOnly for lights that support on/off. Lights with brightness or color controls will open the default Home Assistant more-info dialog.hold_action

šŸŽØ Dialog Features ​

FeatureDescription
Glow EffectA subtle, warm background glow appears when the light is on.
Simple ToggleA large, centered toggle for easy on/off control.
Responsive LayoutProvides a clean, focused view on both mobile and desktop.

šŸ’” Example Use Cases ​

  • Hold a simple light switch card → quickly toggle it from a focused dialog without accidental taps.
  • Use for non-dimmable lights like accent lighting or indicators.

šŸŽ›ļø Switch Dialog ​

✨ Overview ​

The switch-dialog is designed for general-purpose binary entities. It uses neutral theme colors for its on/off state, making it suitable for a wide range of devices.

ā˜€ļø Light Off

Dialog Light
ā˜€ļø Light On

Dialog On Light
šŸŒ™ Dark Off

Dialog Dark
šŸŒ™ Dark On

Dialog On Dark

āš™ļø Supported Entity Domains ​

DomainDescriptionAction Type
switchFor any standard switch entity.hold_action
input_booleanFor helper toggles and input booleans.hold_action
automationFor enabling/disabling automations.hold_action

šŸŽØ Dialog Features ​

FeatureDescription
Neutral ThemeUses your theme's primary colors for the on state, ensuring a consistent look.
Simple ToggleA large, centered toggle for clear on/off control.
VersatileCan be used for a wide variety of binary entities beyond just switches.

šŸ’” Example Use Cases ​

  • Hold a coffee machine switch → toggle power from a dedicated dialog.
  • Hold an automation card → quickly enable or disable it without navigating to the Automations dashboard.
  • Hold an input_boolean used for a guest mode or other helper.