light button with mushroom

[tunguskar]

Hi there,

At the moment I struggle with the mushroom light button you showed in the preview:

I added my own popup to the first button:

          - type: custom:button-card
            entity: light.lichter_eg
            name: Lichter
            template:
              - light
              - icon_shade
            double_tap_action:
              !include popup/licht_eg.yaml

the licht_eg.yaml

looks like this:

action: fire-dom-event
browser_mod:
  service: browser_mod.popup
  data:
    title: Licht EG
    card_mod:
      style:
        #popup header
        .:
    content:
      type: vertical-stack
      cards:
        - type: entities
          state_color: true
          show_header_toggle: false
          card_mod:
            class: content
          entities:

            - entity: light.licht_wohnzimmer_links
              secondary_info: last-changed
            - entity: light.licht_wohnzimmer_mitte
              secondary_info: last-changed
            - entity: light.licht_wohnzimmer_rechts
              secondary_info: last-changed

But it looks like this:

what mistake do I make and how is it possible to get the mushroom design you showed?

Btw. is it possible to hide the dimmer symbol when the lamp is not dimable?

[matt8707]

if you remove double_tap_action it'll get auto-generated from here
https://github.com/matt8707/hass-config/blob/master/button_card_templates/light.yaml

if you want to override that (like you did) use custom:mushroom-light-card and not entities

[tunguskar]

Thank you that did the trick!