Light dashboard for mobile

Configuration Frontend
1

Hi. I’m new to this game, and am enjoying it thus far.

Just a simple question (not for me tho) … when I select the light in the mushroom template for the 4 icons, the light turns on off which is great. But how can I get it to show or turn a different color when it is off (or on)?

IMG_1855
IMG_18551290×2796 275 KB

2

heres the current code
‘’’
type: horizontal-stack
cards:

  • type: custom:mushroom-template-card
    primary: ‘’
    secondary: ‘’
    icon: mdi:home
    icon_color: amber
    layout: vertical
    picture: ‘’
    entity: light.house_lights
  • type: custom:mushroom-template-card
    primary: ‘’
    secondary: ‘’
    icon: mdi:home-floor-1
    icon_color: amber
    layout: vertical
    tap_action:
    action: navigate
    navigation_path: ‘’
    entity: light.downstairs_lights
  • type: custom:mushroom-template-card
    primary: ‘’
    secondary: ‘’
    icon: mdi:home-floor-2
    entity: light.hallway
    icon_color: amber
  • type: custom:mushroom-template-card
    primary: ‘’
    secondary: ‘’
    icon: mdi:home-floor-3
    icon_color: amber
    entity: light.office_lights
    fill_container: false
    ‘’’
3

Hi Michael, what happens if hold the button instead of tapping?

btw: if you post yaml code, use the ‘Preformatted text’ button (</>) from the toolbar.

4

Thanks Nick. Noted for future.

if i hold the button, a blue circle pops up and then it goes into the light options (i.e. color, effect, etc.)

5

Isn’t that what you were looking for?

6

hmm, looking for something to indicate that the light group is in an on state or off state.

If its off, then maybe the house floor icon lights up as gray.
if its on, then the house floor icon lights up as amber.

7

Maybe possible, you have to dig into the details/examples of the mushroom template card.

8

yeah…i was able to get it to work