lovelace-living-room-remote.yaml

decluttering_templates: !include_dir_named lovelace/decluttering_templates
button_card_templates: !include lovelace/button_card_templates.yaml

kiosk_mode:
  non_admin_settings:
    hide_notifications: true
    hide_account: true
    hide_overflow: true

header_cards:
  justify_content: space-between
  replace_tabs: true
  cards:
    - type: markdown
      content: |
        {{ states('sensor.time') }}
      card_mod:
        style: |
          ha-card {
            background: rgba(0,0,0,0) !important;
            box-shadow: none !important;
            color: var(--app-header-text-color,#fff);
            font-size: 120%;
            font-weight: 500;
          }
    - type: custom:mushroom-entity-card
      entity: sensor.stue_fjernbetjening_battery_level
      primary_info: state
      secondary_info: none
      card_mod:
        style:
          .: |
            ha-card {
              background: rgba(0,0,0,0) !important;
              box-shadow: none !important;
            }
            mushroom-shape-icon {
              --icon-color:rgb(var(
                {%- set lvl = states('sensor.stue_fjernbetjening_battery_level') | int -%}
                {%- if lvl < 10 -%}
                  --rgb-red
                {%- elif lvl < 20 -%}
                  --rgb-orange
                {%- else -%}
                  --rgb-green
                {%- endif -%}
              )) !important;
              --shape-color: var(--ha-card-background,var(--card-background-color,#fff)) !important;
            }
          "mushroom-state-info$": |
            .container .primary {
              color: var(--app-header-text-color,#fff);
              font-size: 120%;
            }

views:
  - !include lovelace/views/living_room_remote.yaml