Mushroom Cards - Build a beautiful dashboard easily 🍄 (Part 1)

Share your Projects!
,
8026

Dont have scenes so not sure. Does a scene entity have an on/off state? If so something like this should work:

card_mod:
  style:
    mushroom-shape-icon$: |
      .shape {
        position: relative;
        width: 490px !important;
        border-radius: 13px !important;
        {% if states('scene.good_night') == 'on' %}
          background: rgba(var(--rgb-purple), 0.2) !important;
        {% else %}
          background: rgba(var(--rgb-blue), 0.2) !important;
        {% endif %}
      }
    .: |
      ha-state-icon {
        position: absolute;
        left: 10px;
        {% if states('scene.good_night') == 'on' %}
          color: rgba(var(--rgb-purple), 1) !important;
        {% else %}
          color: rgba(var(--rgb-blue), 1) !important;
        {% endif %}
      }
      mushroom-state-info {
        position: absolute;
        top: 24px;
        left: -10px;
      }

For more styling info check my guide:

1 Like