Use javascript styles instead of card-mod for floor cards

#6

admin_dashboard.yaml

@@ -75,18 +75,6 @@ views:
             title: Automations
             state_color: true
             show_header_toggle: false
-          - type: entities
-            entities:
-              - entity: input_text.material_rounded_base_color_tony_stork
-                secondary_info: none
-                name: Tony
-              - entity: input_text.material_rounded_base_color_christina_stork
-                secondary_info: none
-                name: Tina
-              - entity: input_text.material_rounded_base_color_kallen_stork
-                secondary_info: none
-                name: Kallen
-            title: Theme Colors
       - type: grid
         cards:
           - type: heading
@@ -910,6 +898,10 @@ views:
                   int %} {% set roomtemp =
                   states('sensor.master_bedroom_temperature') | int %} {{
                   'Threshold Met' if roomtemp >= threshold else '' }}
+              - entity: input_boolean.master_bedroom_aircon_installed
+                name: Aircon Installed
+              - entity: input_boolean.master_bedroom_climate_protocol
+                name: Climate Automations
             title: Master Bedroom Aircon
             visibility:
               - condition: state
@@ -941,6 +933,14 @@ views:
                   int %} {% set roomtemp =
                   states('sensor.emma_bedroom_temperature') | int %} {{
                   'Threshold Met' if roomtemp >= threshold else '' }}
+              - entity: input_boolean.emma_bedroom_aircon_installed
+                name: Aircon Installed
+              - entity: input_boolean.emma_bedroom_heater_installed
+                name: Heater Installed
+              - entity: input_boolean.emma_bedroom_climate_protocol
+                name: Climate Automations
+              - entity: switch.emma_bedroom_climate_watchdog
+                name: Climate Watchdog
             title: Emma Bedroom Aircon
             visibility:
               - condition: state
@@ -1510,80 +1510,108 @@ views:
             heading: Volume Settings
             heading_style: title
             icon: mdi:volume-high
+          - type: entities
+            entities:
+              - entity: sensor.basement_echo_dot_volume
+                name: Basement Echo
+                secondary_info: >
+                  {% if
+                  is_state_attr('media_player.basement_echo_dot','is_volume_muted',true)
+                  %}
+                    MUTED
+                  {% elif
+                  state_attr('media_player.basement_echo_dot','volume_level') %}
+                    {{ state_attr('media_player.basement_echo_dot','volume_level') | round(2) }}
+                  {% else %}
+                    Off
+                  {% endif %}
+              - entity: sensor.basement_google_speaker_volume
+                name: Basement Google
+                secondary_info: >
+                  {% if
+                  is_state_attr('media_player.basement_google_speaker','is_volume_muted',true)
+                  %}
+                    MUTED
+                  {% elif
+                  state_attr('media_player.basement_google_speaker','volume_level')
+                  %}
+                    {{ state_attr('media_player.basement_google_speaker','volume_level') | round(2) }}
+                  {% else %}
+                    Off
+                  {% endif %}
+              - entity: sensor.living_room_echo_dot_volume
+                name: Living Room Echo
+                secondary_info: >
+                  {% if
+                  is_state_attr('media_player.living_room_echo_dot','is_volume_muted',true)
+                  %}
+                    MUTED
+                  {% elif
+                  state_attr('media_player.living_room_echo_dot','volume_level')
+                  %}
+                    {{ state_attr('media_player.living_room_echo_dot','volume_level') | round(2) }}
+                  {% else %}
+                    Off
+                  {% endif %}
+              - entity: sensor.master_bedroom_echo_dot_volume
+                name: Master Bedroom Echo
+                secondary_info: >
+                  {% if
+                  is_state_attr('media_player.master_bedroom_echo_dot','is_volume_muted',true)
+                  %}
+                    MUTED
+                  {% elif
+                  state_attr('media_player.master_bedroom_echo_dot','volume_level')
+                  %}
+                    {{ state_attr('media_player.master_bedroom_echo_dot','volume_level') | round(2) }}
+                  {% else %}
+                    Off
+                  {% endif %}
+              - entity: sensor.kallen_bedroom_google_speaker_volume
+                name: Kallen Bedroom Google
+                secondary_info: >
+                  {% if
+                  is_state_attr('media_player.kallen_bedroom_google_speaker','is_volume_muted',true)
+                  %}
+                    MUTED
+                  {% elif
+                  state_attr('media_player.kallen_bedroom_google_speaker','volume_level')
+                  %}
+                    {{ state_attr('media_player.kallen_bedroom_google_speaker','volume_level') | round(2) }}
+                  {% else %}
+                    Off
+                  {% endif %}
+              - entity: sensor.emma_bedroom_google_speaker_volume
+                name: Emma Bedroom Google
+                secondary_info: >
+                  {% if
+                  is_state_attr('media_player.emma_bedroom_google_speaker','is_volume_muted',true)
+                  %}
+                    MUTED
+                  {% elif
+                  state_attr('media_player.emma_bedroom_google_speaker','volume_level')
+                  %}
+                    {{ state_attr('media_player.emma_bedroom_google_speaker','volume_level') | round(2) }}
+                  {% else %}
+                    Off
+                  {% endif %}
+            title: Active Settings
+            show_header_toggle: false
+            state_color: true
           - type: entities
             entities:
               - entity: input_number.basement_echo_dot_day_volume
                 name: Basement Echo
-                secondary_info: |
-                  {% if is_state('input_boolean.give_me_darkness','off') %}
-                    {% if is_state_attr('media_player.basement_echo_dot','is_volume_muted',true) %}
-                      MUTED
-                    {% elif state_attr('media_player.basement_echo_dot','volume_level') %}
-                      {{ state_attr('media_player.basement_echo_dot','volume_level') | round(2) }}
-                    {% else %}
-                      Off
-                    {% endif %}
-                  {% endif %}
               - entity: input_number.basement_google_speaker_day_volume
                 name: Basement Google
-                secondary_info: |
-                  {% if is_state('input_boolean.give_me_darkness','off') %}
-                    {% if is_state_attr('media_player.basement_google_speaker','is_volume_muted',true) %}
-                      MUTED
-                    {% elif state_attr('media_player.basement_google_speaker','volume_level') %}
-                      {{ state_attr('media_player.basement_google_speaker','volume_level') | round(2) }}
-                    {% else %}
-                      Off
-                    {% endif %}
-                  {% endif %}
               - entity: input_number.living_room_echo_dot_day_volume
                 name: Living Room Echo
-                secondary_info: |
-                  {% if is_state('input_boolean.give_me_darkness','off') %}
-                    {% if is_state_attr('media_player.living_room_echo_dot','is_volume_muted',true) %}
-                      MUTED
-                    {% elif state_attr('media_player.living_room_echo_dot','volume_level') %}
-                      {{ state_attr('media_player.living_room_echo_dot','volume_level') | round(2) }}
-                    {% else %}
-                      Off
-                    {% endif %}
-                  {% endif %}
               - entity: input_number.master_bedroom_echo_dot_day_volume
                 name: Master Bedroom Echo
-                secondary_info: |
-                  {% if is_state('input_boolean.give_me_darkness','off') %}
-                    {% if is_state_attr('media_player.master_bedroom_echo_dot','is_volume_muted',true) %}
-                      MUTED
-                    {% elif state_attr('media_player.master_bedroom_echo_dot','volume_level') %}
-                      {{ state_attr('media_player.master_bedroom_echo_dot','volume_level') | round(2) }}
-                    {% else %}
-                      Off
-                    {% endif %}
-                  {% endif %}
               - entity: input_number.kallen_bedroom_google_speaker_day_volume
                 name: Kallen Bedroom Google
-                secondary_info: |
-                  {% if is_state('input_boolean.give_me_darkness','off') %}
-                    {% if is_state_attr('media_player.kallen_bedroom_google_speaker','is_volume_muted',true) %}
-                      MUTED
-                    {% elif state_attr('media_player.kallen_bedroom_google_speaker','volume_level') %}
-                      {{ state_attr('media_player.kallen_bedroom_google_speaker','volume_level') | round(2) }}
-                    {% else %}
-                      Off
-                    {% endif %}
-                  {% endif %}
               - entity: input_number.emma_bedroom_google_speaker_day_volume
                 name: Emma Bedroom Google
-                secondary_info: |
-                  {% if is_state('input_boolean.give_me_darkness','off') %}
-                    {% if is_state_attr('media_player.emma_bedroom_google_speaker','is_volume_muted',true) %}
-                      MUTED
-                    {% elif state_attr('media_player.emma_bedroom_google_speaker','volume_level') %}
-                      {{ state_attr('media_player.emma_bedroom_google_speaker','volume_level') | round(2) }}
-                    {% else %}
-                      Off
-                    {% endif %}
-                  {% endif %}
             title: Day
             show_header_toggle: false
             state_color: true
@@ -1591,76 +1619,17 @@ views:
             entities:
               - entity: input_number.basement_echo_dot_night_volume
                 name: Basement Echo
-                secondary_info: |
-                  {% if is_state('input_boolean.give_me_darkness','on') %}
-                    {% if is_state_attr('media_player.basement_echo_dot','is_volume_muted',true) %}
-                      MUTED
-                    {% elif state_attr('media_player.basement_echo_dot','volume_level') %}
-                      {{ state_attr('media_player.basement_echo_dot','volume_level') | round(2) }}
-                    {% else %}
-                      Off
-                    {% endif %}
-                  {% endif %}
               - entity: input_number.basement_google_speaker_night_volume
                 name: Basement Google
-                secondary_info: |
-                  {% if is_state('input_boolean.give_me_darkness','on') %}
-                    {% if is_state_attr('media_player.basement_google_speaker','is_volume_muted',true) %}
-                      MUTED
-                    {% elif state_attr('media_player.basement_google_speaker','volume_level') %}
-                      {{ state_attr('media_player.basement_google_speaker','volume_level') | round(2) }}
-                    {% else %}
-                      Off
-                    {% endif %}
-                  {% endif %}
               - entity: input_number.living_room_echo_dot_night_volume
                 name: Living Room Echo
-                secondary_info: |
+                secondary_info: ''
-                  {% if is_state('input_boolean.give_me_darkness','on') %}
-                    {% if is_state_attr('media_player.living_room_echo_dot','is_volume_muted',true) %}
-                      MUTED
-                    {% elif state_attr('media_player.living_room_echo_dot','volume_level') %}
-                      {{ state_attr('media_player.living_room_echo_dot','volume_level') | round(2) }}
-                    {% else %}
-                      Off
-                    {% endif %}
-                  {% endif %}
               - entity: input_number.master_bedroom_echo_dot_night_volume
                 name: Master Bedroom Echo
-                secondary_info: |
-                  {% if is_state('input_boolean.give_me_darkness','on') %}
-                    {% if is_state_attr('media_player.master_bedroom_echo_dot','is_volume_muted',true) %}
-                      MUTED
-                    {% elif state_attr('media_player.master_bedroom_echo_dot','volume_level') %}
-                      {{ state_attr('media_player.master_bedroom_echo_dot','volume_level') | round(2) }}
-                    {% else %}
-                      Off
-                    {% endif %}
-                  {% endif %}
               - entity: input_number.kallen_bedroom_google_speaker_night_volume
                 name: Kallen Bedroom Google
-                secondary_info: |
-                  {% if is_state('input_boolean.give_me_darkness','on') %}
-                    {% if is_state_attr('media_player.kallen_bedroom_google_speaker','is_volume_muted',true) %}
-                      MUTED
-                    {% elif state_attr('media_player.kallen_bedroom_google_speaker','volume_level') %}
-                      {{ state_attr('media_player.kallen_bedroom_google_speaker','volume_level') | round(2) }}
-                    {% else %}
-                      Off
-                    {% endif %}
-                  {% endif %}
               - entity: input_number.emma_bedroom_google_speaker_night_volume
                 name: Emma Bedroom Google
-                secondary_info: |
-                  {% if is_state('input_boolean.give_me_darkness','on') %}
-                    {% if is_state_attr('media_player.emma_bedroom_google_speaker','is_volume_muted',true) %}
-                      MUTED
-                    {% elif state_attr('media_player.emma_bedroom_google_speaker','volume_level') %}
-                      {{ state_attr('media_player.emma_bedroom_google_speaker','volume_level') | round(2) }}
-                    {% else %}
-                      Off
-                    {% endif %}
-                  {% endif %}
             title: Night
             show_header_toggle: false
             state_color: true

main_dashboard.yaml

@@ -1,4 +1,4 @@
-decluttering_templates:
+streamline_templates:
   phone_info_grid:
     card:
       type: custom:stack-in-card
@@ -2487,6 +2487,9 @@ views:
                       name: Cancel Door Alert
                     - entity: switch.emma_bedroom_motion_lighting
                       name: Motion Lighting
+                    - entity: switch.emma_bedroom_climate_watchdog
+                      name: Climate Watchdog
+                      secondary_info: Protects aircon settings
                     - entity: input_number.nighttime_brightness_emma_bedroom
                       name: Night Brightness
                     - entity: input_number.emma_bedroom_lights_off_delay
@@ -2999,6 +3002,11 @@ views:
                         layout: icon|name_state
                         state:
                           case: first
+                      - entity: switch.front_porch_storm_mode
+                        name: Storm Mode
+                        layout: icon|name_state
+                        state:
+                          case: first
                   - entity: input_number.daytime_colortemp_front_porch
                     name: Day Colortemp
                   - entity: input_number.nighttime_colortemp_front_porch
@@ -3436,18 +3444,12 @@ views:
         cards:
           - type: heading
             heading: Master Bedroom
-          - type: entities
-            entities:
-              - entity: input_boolean.master_bedroom_aircon_installed
-                name: Aircon Installed
-              - entity: input_boolean.master_bedroom_climate_protocol
-                name: Climate Automations
-            state_color: true
-            show_header_toggle: false
           - type: entities
             entities:
               - entity: switch.master_bedroom_aircon_display
                 name: A/C Display
+              - entity: switch.master_bedroom_aircon_prompt_tone
+                name: Prompt Tone
               - entity: binary_sensor.master_bedroom_aircon_filter_alert
                 name: Filter Status
               - entity: input_number.master_bedroom_daytime_temp
@@ -3458,6 +3460,13 @@ views:
                 name: Bedtime Temp
               - entity: button.master_bedroom_fan_only
                 name: A/C Fan Only
+              - entity: button.master_bedroom_day_mode
+                name: Day Mode
+                icon: m3rf:sunny
+              - entity: button.master_bedroom_night_mode
+                name: Night Mode
+              - entity: button.master_bedroom_bedtime_mode
+                name: Bedtime Mode
               - entity: button.master_bedroom_climate_reset
                 name: Climate Reset
             show_header_toggle: false
@@ -3475,24 +3484,15 @@ views:
         cards:
           - type: heading
             heading: Emma Bedroom
-          - type: entities
-            entities:
-              - entity: input_boolean.emma_bedroom_aircon_installed
-                name: Aircon Installed
-              - entity: input_boolean.emma_bedroom_climate_protocol
-                name: Climate Automations
-            state_color: true
-            show_header_toggle: false
-          - type: entities
-            entities:
-              - entity: input_boolean.emma_bedroom_heater_installed
-                name: Heater Installed
-            show_header_toggle: false
-            state_color: true
           - type: entities
             entities:
               - entity: switch.emma_bedroom_aircon_display
                 name: A/C Display
+              - entity: switch.emma_bedroom_aircon_prompt_tone
+                name: Prompt Tone
+              - entity: switch.emma_bedroom_climate_watchdog
+                name: Climate Watchdog
+                secondary_info: Protects aircon settings
               - entity: binary_sensor.emma_bedroom_aircon_filter_alert
                 name: Filter Status
               - entity: input_number.emma_bedroom_daytime_temp
@@ -3503,6 +3503,13 @@ views:
                 name: Bedtime Temp
               - entity: button.emma_bedroom_fan_only
                 name: A/C Fan Only
+              - entity: button.emma_bedroom_day_mode
+                name: Day Mode
+                icon: m3rf:sunny
+              - entity: button.emma_bedroom_night_mode
+                name: Night Mode
+              - entity: button.emma_bedroom_bedtime_mode
+                name: Bedtime Mode
               - entity: button.emma_bedroom_climate_reset
                 name: Climate Reset
             show_header_toggle: false
@@ -3564,11 +3571,8 @@ views:
                 exclude_states:
                   - unavailable
                   - unknown
-              - entity: sensor.master_bedroom_aircon_eco_mode
+              - entity: switch.master_bedroom_aircon_eco_mode
                 name: Master Bedroom Eco Mode
-                exclude_states:
-                  - unavailable
-                  - unknown
               - entity: sensor.master_bedroom_aircon_fan_mode
                 name: Master Bedroom A/C Fan
                 exclude_states:
@@ -3584,11 +3588,8 @@ views:
                 exclude_states:
                   - unavailable
                   - unknown
-              - entity: sensor.emma_bedroom_eco_mode
+              - entity: switch.emma_bedroom_aircon_eco_mode
                 name: Emma Bedroom Eco Mode
-                exclude_states:
-                  - unavailable
-                  - unknown
               - entity: sensor.emma_bedroom_aircon_fan_mode
                 name: Emma Bedroom A/C Fan
                 exclude_states:
@@ -3624,6 +3625,16 @@ views:
                 exclude_states:
                   - unavailable
                   - unknown
+              - entity: switch.master_bedroom_aircon_display
+                name: Master Bedroom A/C Display
+                exclude_states:
+                  - unavailable
+                  - unknown
+              - entity: switch.emma_bedroom_aircon_display
+                name: Emma Bedroom A/C Display
+                exclude_states:
+                  - unavailable
+                  - unknown
     max_columns: 4
     cards: []
     badges: []
@@ -3991,9 +4002,6 @@ views:
                 name: I am awake
               - entity: input_select.kallen_morning_briefing_location
                 name: Morning Briefing Location
-              - entity: input_text.material_rounded_base_color_kallen_stork
-                secondary_info: none
-                name: Theme Color
     max_columns: 4
     cards: []
     background:
@@ -4146,11 +4154,11 @@ views:
         cards:
           - type: heading
             heading: Tony's iPhone
-          - type: custom:decluttering-card
+          - type: custom:streamline-card
             template: iphone_entities_card
             variables:
               - device: tony_s_iphone
-          - type: custom:decluttering-card
+          - type: custom:streamline-card
             template: phone_info_grid
             variables:
               - device: tony_s_iphone
@@ -4159,11 +4167,11 @@ views:
         cards:
           - type: heading
             heading: Tina's iPhone
-          - type: custom:decluttering-card
+          - type: custom:streamline-card
             template: iphone_entities_card
             variables:
               - device: tinas_iphone
-          - type: custom:decluttering-card
+          - type: custom:streamline-card
             template: phone_info_grid
             variables:
               - device: tinas_iphone
@@ -4172,11 +4180,11 @@ views:
         cards:
           - type: heading
             heading: Kallen's iPhone
-          - type: custom:decluttering-card
+          - type: custom:streamline-card
             template: iphone_entities_card
             variables:
               - device: kallen_iphone
-          - type: custom:decluttering-card
+          - type: custom:streamline-card
             template: phone_info_grid
             variables:
               - device: kallen_iphone
@@ -4211,7 +4219,7 @@ views:
         cards:
           - type: heading
             heading: Tony's iPad
-          - type: custom:decluttering-card
+          - type: custom:streamline-card
             template: ipad_entities_card
             variables:
               - device: tony_s_ipad
@@ -4219,7 +4227,7 @@ views:
         cards:
           - type: heading
             heading: Tina’s iPad
-          - type: custom:decluttering-card
+          - type: custom:streamline-card
             template: ipad_entities_card
             variables:
               - device: tinas_ipad
@@ -5153,7 +5161,7 @@ views:
         cards:
           - type: heading
             heading: ironnerd24
-          - type: custom:decluttering-card
+          - type: custom:streamline-card
             template: xbox_card
             variables:
               - gamertag: tm24fan
@@ -5161,7 +5169,7 @@ views:
         cards:
           - type: heading
             heading: kjsgamer2012
-          - type: custom:decluttering-card
+          - type: custom:streamline-card
             template: xbox_card
             variables:
               - gamertag: kjsgamer2012
@@ -5169,7 +5177,7 @@ views:
         cards:
           - type: heading
             heading: irishpirate1988
-          - type: custom:decluttering-card
+          - type: custom:streamline-card
             template: xbox_card
             variables:
               - gamertag: irishpirate1988
@@ -5835,22 +5843,6 @@ views:
                     {{ "Stupid" if
                     is_state('input_boolean.early_night_mode','on') else "Not
                     Stupid" }}
-          - type: custom:config-template-card
-            variables:
-              BOOL_STATE: states['input_boolean.toggle_testing'].state
-              LIGHT_STATE: states['light.living_room_lights'].state
-            entities:
-              - light.living_room_lights
-              - input_boolean.toggle_testing
-            card:
-              type: entities
-              title: '${BOOL_STATE === ''on'' ? ''Testing'' : ''Fucked Up''}'
-              entities:
-                - entity: light.living_room_lights
-                  name: '${BOOL_STATE === ''on'' ? ''Lights'' : ''Other Lights''}'
-                - entity: input_boolean.toggle_testing
-              show_header_toggle: false
-              state_color: true
       - type: grid
         cards:
           - type: heading