diff --git a/dashboards/cards/alarm.yaml b/dashboards/cards/alarm.yaml index 873625f4..891f3e45 100644 --- a/dashboards/cards/alarm.yaml +++ b/dashboards/cards/alarm.yaml @@ -1,33 +1,34 @@ type: entities title: Intrusions -style: - .: | - .header { - position: absolute; - right: 0; - top: 0; - margin: 12px 12px 0 0; - --mdc-icon-size: 24px; - } - "hui-buttons-header-footer$": | - .divider { - display: none; - } - hui-buttons-base.header.header { - --padding-top: 0; - } - "hui-buttons-header-footer$hui-buttons-base$ha-chip$": | - .mdc-chip__icon { - margin-inline: 0 !important; - } - "hui-buttons-header-footer$hui-buttons-base$state-badge$": | - ha-icon[data-domain="lock"][data-state="unlocked"] { - color: var(--paper-item-icon-color) !important; - } - ha-icon[data-domain="lock"][data-state="locked"] { - color: var(--paper-item-icon-active-color) !important; - } +card_mod: + style: + .: | + .header { + position: absolute; + right: 0; + top: 0; + margin: 12px 12px 0 0; + --mdc-icon-size: 24px; + } + "hui-buttons-header-footer$": | + .divider { + display: none; + } + hui-buttons-base.header.header { + --padding-top: 0; + } + "hui-buttons-header-footer$hui-buttons-base$ha-chip$": | + .mdc-chip__icon { + margin-inline: 0 !important; + } + "hui-buttons-header-footer$hui-buttons-base$state-badge$": | + ha-icon[data-domain="lock"][data-state="unlocked"] { + color: var(--paper-item-icon-color) !important; + } + ha-icon[data-domain="lock"][data-state="locked"] { + color: var(--paper-item-icon-active-color) !important; + } header: type: buttons @@ -63,11 +64,12 @@ footer: label: "No" - value: "on" label: "Yes" - style: | - ha-card { - --ha-card-background: none; - border: 0; - } + card_mod: + style: | + ha-card { + --ha-card-background: none; + border: 0; + } entities: - type: "custom:button-card" diff --git a/dashboards/cards/area.yaml.j2 b/dashboards/cards/area.yaml.j2 index f908ffa4..f15e6cc0 100644 --- a/dashboards/cards/area.yaml.j2 +++ b/dashboards/cards/area.yaml.j2 @@ -150,34 +150,35 @@ type: picture-elements image: {{ image | default('/local/rooms/placeholder.webp') }} -style: | - .element[class~=element] { - position: relative; - transform: none; - } - ::-webkit-scrollbar { - width: 3px; - height: 3px; - } - ::-webkit-scrollbar-track { - background: rgba(0, 0, 0, 0.55); - } - ::-webkit-scrollbar-thumb { - background: rgba({{ color }}, 0.55); - } - ::-webkit-scrollbar-thumb:hover { - background: rgba({{ color }}, 1); - } +card_mod: + style: | + .element[class~=element] { + position: relative; + transform: none; + } + ::-webkit-scrollbar { + width: 3px; + height: 3px; + } + ::-webkit-scrollbar-track { + background: rgba(0, 0, 0, 0.55); + } + ::-webkit-scrollbar-thumb { + background: rgba({{ color }}, 0.55); + } + ::-webkit-scrollbar-thumb:hover { + background: rgba({{ color }}, 1); + } elements: - type: custom:container-element style: position: absolute - top: 0 - right: 0 - left: 0 - bottom: 0 + inset: 0 display: flex + align-items: stretch flex-direction: column + flex-wrap: nowrap + justify-content: space-between "--secondary-text-color": "#DADADB" "--primary-text-color": "#DADADB" "--paper-item-icon-color": "#DADADB" @@ -214,7 +215,7 @@ elements: display: flex flex-grow: 0 flex-shrink: 0 - padding: 0 10px + width: "100%" color: "#D3D3D3" font-size: 1.6em font-weight: 500 @@ -297,9 +298,10 @@ elements: cards: - type: entities show_header_toggle: false - style: | - ha-card .card-content { padding: 0; } - ha-card #states > * { margin: 0; } + card_mod: + style: | + ha-card .card-content { padding: 0; } + ha-card #states > * { margin: 0; } entities: - entity: input_select.{{ climate.room_key }}_thermostat_mode name: Mode @@ -310,15 +312,16 @@ elements: - type: custom:simple-thermostat entity: climate.{{ climate.room_key }}_thermostat - style: | - ha-card { - height: 100%; - width: 100%; - display: flex; - align-items: center; - justify-content: center; - --st-spacing: 0; - } + card_mod: + style: | + ha-card { + height: 100%; + width: 100%; + display: flex; + align-items: center; + justify-content: center; + --st-spacing: 0; + } control: [] decimals: 1 header: false diff --git a/dashboards/cards/batteries.yaml b/dashboards/cards/batteries.yaml index f256656c..af254524 100644 --- a/dashboards/cards/batteries.yaml +++ b/dashboards/cards/batteries.yaml @@ -1,10 +1,11 @@ type: entities title: Batteries show_header_toggle: false -style: !template - file: ../styles/inset-icon.css.j2 - variables: - svg_path: "M16,10H8V6H16M16.67,4H15V2H9V4H7.33A1.33,1.33 0 0,0 6,5.33V20.67C6,21.4 6.6,22 7.33,22H16.67A1.33,1.33 0 0,0 18,20.67V5.33C18,4.6 17.4,4 16.67,4Z" +card_mod: + style: !template + file: ../styles/inset-icon.css.j2 + variables: + svg_path: "M16,10H8V6H16M16.67,4H15V2H9V4H7.33A1.33,1.33 0 0,0 6,5.33V20.67C6,21.4 6.6,22 7.33,22H16.67A1.33,1.33 0 0,0 18,20.67V5.33C18,4.6 17.4,4 16.67,4Z" entities: - entity: binary_sensor.all_batteries name: Status diff --git a/dashboards/cards/bolt-ev.yaml b/dashboards/cards/bolt-ev.yaml index 9a064e83..cc90e5ca 100644 --- a/dashboards/cards/bolt-ev.yaml +++ b/dashboards/cards/bolt-ev.yaml @@ -1,10 +1,11 @@ type: picture-elements image: /local/car/bolt_ev_tile.png -style: | - .element[class~=element] { - position: relative; - transform: none; - } +card_mod: + style: | + .element[class~=element] { + position: relative; + transform: none; + } elements: - type: custom:container-element style: diff --git a/dashboards/cards/climate-overview.yaml b/dashboards/cards/climate-overview.yaml index ce34e396..53372cf2 100644 --- a/dashboards/cards/climate-overview.yaml +++ b/dashboards/cards/climate-overview.yaml @@ -38,10 +38,11 @@ cards: service: script.restore_climate_auto_mode - type: entities - style: !template - file: ../styles/inset-icon.css.j2 - variables: - svg_path: "M12 3L2 12H5V20H19V12H22L12 3M12 8A1 1 0 0 1 13 9V14.27A2 2 0 0 1 14 16A2 2 0 0 1 12 18A2 2 0 0 1 10 16A2 2 0 0 1 11 14.27V9A1 1 0 0 1 12 8Z" + card_mod: + style: !template + file: ../styles/inset-icon.css.j2 + variables: + svg_path: "M12 3L2 12H5V20H19V12H22L12 3M12 8A1 1 0 0 1 13 9V14.27A2 2 0 0 1 14 16A2 2 0 0 1 12 18A2 2 0 0 1 10 16A2 2 0 0 1 11 14.27V9A1 1 0 0 1 12 8Z" entities: - input_number.climate_override_temperature - input_select.climate_override_location diff --git a/dashboards/cards/guests.yaml b/dashboards/cards/guests.yaml index 510fc164..8d8e075d 100644 --- a/dashboards/cards/guests.yaml +++ b/dashboards/cards/guests.yaml @@ -1,10 +1,11 @@ type: entities show_header_toggle: false -style: !template - file: ../styles/inset-icon.css.j2 - variables: - background_size: "contain" - svg_path: "M12,5.5A3.5,3.5 0 0,1 15.5,9A3.5,3.5 0 0,1 12,12.5A3.5,3.5 0 0,1 8.5,9A3.5,3.5 0 0,1 12,5.5M5,8C5.56,8 6.08,8.15 6.53,8.42C6.38,9.85 6.8,11.27 7.66,12.38C7.16,13.34 6.16,14 5,14A3,3 0 0,1 2,11A3,3 0 0,1 5,8M19,8A3,3 0 0,1 22,11A3,3 0 0,1 19,14C17.84,14 16.84,13.34 16.34,12.38C17.2,11.27 17.62,9.85 17.47,8.42C17.92,8.15 18.44,8 19,8M5.5,18.25C5.5,16.18 8.41,14.5 12,14.5C15.59,14.5 18.5,16.18 18.5,18.25V20H5.5V18.25M0,20V18.5C0,17.11 1.89,15.94 4.45,15.6C3.86,16.28 3.5,17.22 3.5,18.25V20H0M24,20H20.5V18.25C20.5,17.22 20.14,16.28 19.55,15.6C22.11,15.94 24,17.11 24,18.5V20Z" +card_mod: + style: !template + file: ../styles/inset-icon.css.j2 + variables: + background_size: "contain" + svg_path: "M12,5.5A3.5,3.5 0 0,1 15.5,9A3.5,3.5 0 0,1 12,12.5A3.5,3.5 0 0,1 8.5,9A3.5,3.5 0 0,1 12,5.5M5,8C5.56,8 6.08,8.15 6.53,8.42C6.38,9.85 6.8,11.27 7.66,12.38C7.16,13.34 6.16,14 5,14A3,3 0 0,1 2,11A3,3 0 0,1 5,8M19,8A3,3 0 0,1 22,11A3,3 0 0,1 19,14C17.84,14 16.84,13.34 16.34,12.38C17.2,11.27 17.62,9.85 17.47,8.42C17.92,8.15 18.44,8 19,8M5.5,18.25C5.5,16.18 8.41,14.5 12,14.5C15.59,14.5 18.5,16.18 18.5,18.25V20H5.5V18.25M0,20V18.5C0,17.11 1.89,15.94 4.45,15.6C3.86,16.28 3.5,17.22 3.5,18.25V20H0M24,20H20.5V18.25C20.5,17.22 20.14,16.28 19.55,15.6C22.11,15.94 24,17.11 24,18.5V20Z" header: type: custom:button-card @@ -46,8 +47,9 @@ entities: type: glance show_state: false theme: blank - style: | - ha-card { - margin: 0; - border-top: 1px solid var(--secondary-text-color); - } + card_mod: + style: | + ha-card { + margin: 0; + border-top: 1px solid var(--secondary-text-color); + } diff --git a/dashboards/cards/house-feed.yaml b/dashboards/cards/house-feed.yaml index d7fb5299..c5165ed9 100644 --- a/dashboards/cards/house-feed.yaml +++ b/dashboards/cards/house-feed.yaml @@ -3,12 +3,13 @@ card: type: logbook title: House feed hours_to_show: 24 - style: !template - file: ../styles/inset-icon.css.j2 - variables: - background_size: "contain" - svg_path: "M6.18,15.64A2.18,2.18 0 0,1 8.36,17.82C8.36,19 7.38,20 6.18,20C5,20 4,19 4,17.82A2.18,2.18 0 0,1 6.18,15.64M4,4.44A15.56,15.56 0 0,1 19.56,20H16.73A12.73,12.73 0 0,0 4,7.27V4.44M4,10.1A9.9,9.9 0 0,1 13.9,20H11.07A7.07,7.07 0 0,0 4,12.93V10.1Z" - css: ".content ha-logbook { height: 330px; }" + card_mod: + style: !template + file: ../styles/inset-icon.css.j2 + variables: + background_size: "contain" + svg_path: "M6.18,15.64A2.18,2.18 0 0,1 8.36,17.82C8.36,19 7.38,20 6.18,20C5,20 4,19 4,17.82A2.18,2.18 0 0,1 6.18,15.64M4,4.44A15.56,15.56 0 0,1 19.56,20H16.73A12.73,12.73 0 0,0 4,7.27V4.44M4,10.1A9.9,9.9 0 0,1 13.9,20H11.07A7.07,7.07 0 0,0 4,12.93V10.1Z" + css: ".content ha-logbook { height: 330px; }" filter: template: >- {# Using a custom expand because the built-in expand only works on `group.*` #} diff --git a/dashboards/cards/livings-overview.yaml b/dashboards/cards/livings-overview.yaml index 317cda32..92a235b9 100644 --- a/dashboards/cards/livings-overview.yaml +++ b/dashboards/cards/livings-overview.yaml @@ -1,10 +1,11 @@ type: picture-elements image: "/local/empty_tile.png" -style: | - ha-card { - height: 188px - width: 100% - } +card_mod: + style: | + ha-card { + height: 188px + width: 100% + } elements: - <<: &sensor_image_element_config type: image diff --git a/dashboards/cards/person.yaml.j2 b/dashboards/cards/person.yaml.j2 index 3f3c6065..cb979a75 100644 --- a/dashboards/cards/person.yaml.j2 +++ b/dashboards/cards/person.yaml.j2 @@ -1,10 +1,11 @@ type: picture-elements image: "{{ image }}" -style: | - .element[class~=element] { - position: relative; - transform: none; - } +card_mod: + style: | + .element[class~=element] { + position: relative; + transform: none; + } elements: - type: custom:container-element style: @@ -68,9 +69,10 @@ elements: entity_id: "{{ person_entity }}" content: "{{ "{{" }} time_since(states['{{ person_entity }}'].last_changed, 1) {{ "}}" }}" theme: blank - style: | - ha-markdown.markdown.no-header { - padding: 0; - font-size: 0.9rem; - color: #D3D3D3; - } + card_mod: + style: | + ha-markdown.markdown.no-header { + padding: 0; + font-size: 0.9rem; + color: #D3D3D3; + } diff --git a/dashboards/cards/plant.yaml.j2 b/dashboards/cards/plant.yaml.j2 index d2d14dea..487f22c6 100644 --- a/dashboards/cards/plant.yaml.j2 +++ b/dashboards/cards/plant.yaml.j2 @@ -10,19 +10,20 @@ type: picture-elements image: "{{ image }}" -style: | - .element[class~=element] { - transform: none; - } - .element button-card { - position: relative; - --ha-label-badge-title-font-size: 0; - --ha-label-badge-font-size: 1.2rem; - --label-badge-red: #363941; - } - .element button-card + button-card { - margin-left: 1em; - } +card_mod: + style: | + .element[class~=element] { + transform: none; + } + .element button-card { + position: relative; + --ha-label-badge-title-font-size: 0; + --ha-label-badge-font-size: 1.2rem; + --label-badge-red: #363941; + } + .element button-card + button-card { + margin-left: 1em; + } elements: - type: custom:button-card color_type: label-card diff --git a/dashboards/cards/server.yaml.j2 b/dashboards/cards/server.yaml.j2 index 7fb48633..49f9637b 100644 --- a/dashboards/cards/server.yaml.j2 +++ b/dashboards/cards/server.yaml.j2 @@ -7,10 +7,11 @@ type: entities title: {{ name }} show_header_toggle: false -style: !template - file: ../styles/inset-icon.css.j2 - variables: - svg_path: "{{ icon_path | default('M4,1H20A1,1 0 0,1 21,2V6A1,1 0 0,1 20,7H4A1,1 0 0,1 3,6V2A1,1 0 0,1 4,1M4,9H20A1,1 0 0,1 21,10V14A1,1 0 0,1 20,15H4A1,1 0 0,1 3,14V10A1,1 0 0,1 4,9M4,17H20A1,1 0 0,1 21,18V22A1,1 0 0,1 20,23H4A1,1 0 0,1 3,22V18A1,1 0 0,1 4,17M9,5H10V3H9V5M9,13H10V11H9V13M9,21H10V19H9V21M5,3V5H7V3H5M5,11V13H7V11H5M5,19V21H7V19H5Z') }}" +card_mod: + style: !template + file: ../styles/inset-icon.css.j2 + variables: + svg_path: "{{ icon_path | default('M4,1H20A1,1 0 0,1 21,2V6A1,1 0 0,1 20,7H4A1,1 0 0,1 3,6V2A1,1 0 0,1 4,1M4,9H20A1,1 0 0,1 21,10V14A1,1 0 0,1 20,15H4A1,1 0 0,1 3,14V10A1,1 0 0,1 4,9M4,17H20A1,1 0 0,1 21,18V22A1,1 0 0,1 20,23H4A1,1 0 0,1 3,22V18A1,1 0 0,1 4,17M9,5H10V3H9V5M9,13H10V11H9V13M9,21H10V19H9V21M5,3V5H7V3H5M5,11V13H7V11H5M5,19V21H7V19H5Z') }}" entities: - type: custom:restriction-card row: true diff --git a/dashboards/cards/terrarium.yaml.j2 b/dashboards/cards/terrarium.yaml.j2 index 5026eb7d..72cb006e 100644 --- a/dashboards/cards/terrarium.yaml.j2 +++ b/dashboards/cards/terrarium.yaml.j2 @@ -63,24 +63,25 @@ type: picture-elements image: {{ image }} -style: | - .element[class~=element] { - position: relative; - transform: none; - } - ::-webkit-scrollbar { - width: 3px; - height: 3px; - } - ::-webkit-scrollbar-track { - background: rgba(0, 0, 0, 0.45); - } - ::-webkit-scrollbar-thumb { - background: rgba(0, 139, 239, 0.45); - } - ::-webkit-scrollbar-thumb:hover { - background: rgba(0, 139, 239, 1); - } +card_mod: + style: | + .element[class~=element] { + position: relative; + transform: none; + } + ::-webkit-scrollbar { + width: 3px; + height: 3px; + } + ::-webkit-scrollbar-track { + background: rgba(0, 0, 0, 0.45); + } + ::-webkit-scrollbar-thumb { + background: rgba(0, 139, 239, 0.45); + } + ::-webkit-scrollbar-thumb:hover { + background: rgba(0, 139, 239, 1); + } elements: - type: custom:container-element style: diff --git a/dashboards/views/climate.yaml b/dashboards/views/climate.yaml index 734ed408..2959cdec 100644 --- a/dashboards/views/climate.yaml +++ b/dashboards/views/climate.yaml @@ -21,16 +21,18 @@ - type: "thermostat" entity: "climate.heat_pump" name: " " - style: | - #info { - padding-bottom: 6px - } + card_mod: + style: | + #info { + padding-bottom: 6px + } - type: "entities" show_header_toggle: false - style: !template - file: ../styles/inset-icon.css.j2 - variables: - svg_path: "M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3M19 19H5V5H19V19M12 18C15.31 18 18 15.31 18 12S15.31 6 12 6 6 8.69 6 12 8.69 18 12 18M11.25 15.92C10.7 15.82 10.2 15.6 9.75 15.3L11.25 13.8V15.92M12.75 15.92V13.81L14.25 15.31C13.8 15.61 13.3 15.82 12.75 15.92M15.31 14.25L13.81 12.75H15.92C15.82 13.3 15.61 13.8 15.31 14.25M15.92 11.25H13.81L15.31 9.75C15.61 10.2 15.82 10.7 15.92 11.25M12.75 8.08C13.3 8.18 13.8 8.4 14.25 8.7L12.75 10.2V8.08M12 11C12.55 11 13 11.45 13 12S12.55 13 12 13 11 12.55 11 12 11.45 11 12 11M11.25 8.08V10.19L9.75 8.69C10.2 8.39 10.7 8.18 11.25 8.08M8.69 9.75L10.19 11.25H8.08C8.18 10.7 8.39 10.2 8.69 9.75M10.19 12.75L8.69 14.25C8.39 13.81 8.18 13.3 8.07 12.75H10.19Z" + card_mod: + style: !template + file: ../styles/inset-icon.css.j2 + variables: + svg_path: "M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3M19 19H5V5H19V19M12 18C15.31 18 18 15.31 18 12S15.31 6 12 6 6 8.69 6 12 8.69 18 12 18M11.25 15.92C10.7 15.82 10.2 15.6 9.75 15.3L11.25 13.8V15.92M12.75 15.92V13.81L14.25 15.31C13.8 15.61 13.3 15.82 12.75 15.92M15.31 14.25L13.81 12.75H15.92C15.82 13.3 15.61 13.8 15.31 14.25M15.92 11.25H13.81L15.31 9.75C15.61 10.2 15.82 10.7 15.92 11.25M12.75 8.08C13.3 8.18 13.8 8.4 14.25 8.7L12.75 10.2V8.08M12 11C12.55 11 13 11.45 13 12S12.55 13 12 13 11 12.55 11 12 11.45 11 12 11M11.25 8.08V10.19L9.75 8.69C10.2 8.39 10.7 8.18 11.25 8.08M8.69 9.75L10.19 11.25H8.08C8.18 10.7 8.39 10.2 8.69 9.75M10.19 12.75L8.69 14.25C8.39 13.81 8.18 13.3 8.07 12.75H10.19Z" entities: - entity: "input_boolean.use_heat_pump_virtual_probe" - entity: "sensor.heat_pump_virtual_probe" @@ -51,10 +53,11 @@ title: "Ground floor" show_header_toggle: false state_color: true - style: !template - file: ../styles/inset-icon.css.j2 - variables: - svg_path: "M12,3L2,12H5V20H19V12H22L12,3M11,8H15V10H11V16H13V12H15V16C15,17.11 14.1,18 13,18H11A2,2 0 0,1 9,16V10C9,8.89 9.9,8 11,8Z" + card_mod: + style: !template + file: ../styles/inset-icon.css.j2 + variables: + svg_path: "M12,3L2,12H5V20H19V12H22L12,3M11,8H15V10H11V16H13V12H15V16C15,17.11 14.1,18 13,18H11A2,2 0 0,1 9,16V10C9,8.89 9.9,8 11,8Z" entities: - entity: "sensor.main_bathroom_temperature" name: "Bathroom" @@ -75,10 +78,11 @@ title: "Basement" show_header_toggle: false state_color: true - style: !template - file: ../styles/inset-icon.css.j2 - variables: - svg_path: "M12,3L2,12H5V20H19V12H22L12,3M9,8H13A2,2 0 0,1 15,10V11.5A1.5,1.5 0 0,1 13.5,13A1.5,1.5 0 0,1 15,14.5V16A2,2 0 0,1 13,18H9V8M11,10V12H13V10H11M11,14V16H13V14H11Z" + card_mod: + style: !template + file: ../styles/inset-icon.css.j2 + variables: + svg_path: "M12,3L2,12H5V20H19V12H22L12,3M9,8H13A2,2 0 0,1 15,10V11.5A1.5,1.5 0 0,1 13.5,13A1.5,1.5 0 0,1 15,14.5V16A2,2 0 0,1 13,18H9V8M11,10V12H13V10H11M11,14V16H13V14H11Z" entities: - entity: "climate.basement_hallway_thermostat" name: "Basement hallway" diff --git a/dashboards/views/general-settings.yaml b/dashboards/views/general-settings.yaml index 8f9c5740..e97b3703 100644 --- a/dashboards/views/general-settings.yaml +++ b/dashboards/views/general-settings.yaml @@ -1,10 +1,11 @@ - type: entities title: Settings show_header_toggle: false - style: !template - file: ../styles/inset-icon.css.j2 - variables: - svg_path: "M12,15.5A3.5,3.5 0 0,1 8.5,12A3.5,3.5 0 0,1 12,8.5A3.5,3.5 0 0,1 15.5,12A3.5,3.5 0 0,1 12,15.5M19.43,12.97C19.47,12.65 19.5,12.33 19.5,12C19.5,11.67 19.47,11.34 19.43,11L21.54,9.37C21.73,9.22 21.78,8.95 21.66,8.73L19.66,5.27C19.54,5.05 19.27,4.96 19.05,5.05L16.56,6.05C16.04,5.66 15.5,5.32 14.87,5.07L14.5,2.42C14.46,2.18 14.25,2 14,2H10C9.75,2 9.54,2.18 9.5,2.42L9.13,5.07C8.5,5.32 7.96,5.66 7.44,6.05L4.95,5.05C4.73,4.96 4.46,5.05 4.34,5.27L2.34,8.73C2.21,8.95 2.27,9.22 2.46,9.37L4.57,11C4.53,11.34 4.5,11.67 4.5,12C4.5,12.33 4.53,12.65 4.57,12.97L2.46,14.63C2.27,14.78 2.21,15.05 2.34,15.27L4.34,18.73C4.46,18.95 4.73,19.03 4.95,18.95L7.44,17.94C7.96,18.34 8.5,18.68 9.13,18.93L9.5,21.58C9.54,21.82 9.75,22 10,22H14C14.25,22 14.46,21.82 14.5,21.58L14.87,18.93C15.5,18.67 16.04,18.34 16.56,17.94L19.05,18.95C19.27,19.03 19.54,18.95 19.66,18.73L21.66,15.27C21.78,15.05 21.73,14.78 21.54,14.63L19.43,12.97Z" + card_mod: + style: !template + file: ../styles/inset-icon.css.j2 + variables: + svg_path: "M12,15.5A3.5,3.5 0 0,1 8.5,12A3.5,3.5 0 0,1 12,8.5A3.5,3.5 0 0,1 15.5,12A3.5,3.5 0 0,1 12,15.5M19.43,12.97C19.47,12.65 19.5,12.33 19.5,12C19.5,11.67 19.47,11.34 19.43,11L21.54,9.37C21.73,9.22 21.78,8.95 21.66,8.73L19.66,5.27C19.54,5.05 19.27,4.96 19.05,5.05L16.56,6.05C16.04,5.66 15.5,5.32 14.87,5.07L14.5,2.42C14.46,2.18 14.25,2 14,2H10C9.75,2 9.54,2.18 9.5,2.42L9.13,5.07C8.5,5.32 7.96,5.66 7.44,6.05L4.95,5.05C4.73,4.96 4.46,5.05 4.34,5.27L2.34,8.73C2.21,8.95 2.27,9.22 2.46,9.37L4.57,11C4.53,11.34 4.5,11.67 4.5,12C4.5,12.33 4.53,12.65 4.57,12.97L2.46,14.63C2.27,14.78 2.21,15.05 2.34,15.27L4.34,18.73C4.46,18.95 4.73,19.03 4.95,18.95L7.44,17.94C7.96,18.34 8.5,18.68 9.13,18.93L9.5,21.58C9.54,21.82 9.75,22 10,22H14C14.25,22 14.46,21.82 14.5,21.58L14.87,18.93C15.5,18.67 16.04,18.34 16.56,17.94L19.05,18.95C19.27,19.03 19.54,18.95 19.66,18.73L21.66,15.27C21.78,15.05 21.73,14.78 21.54,14.63L19.43,12.97Z" entities: - entity: input_boolean.force_guest_mode - entity: input_datetime.evening_ambiance_end @@ -16,10 +17,11 @@ - type: entities title: Notifications show_header_toggle: false - style: !template - file: ../styles/inset-icon.css.j2 - variables: - svg_path: "M21,19V20H3V19L5,17V11C5,7.9 7.03,5.17 10,4.29C10,4.19 10,4.1 10,4A2,2 0 0,1 12,2A2,2 0 0,1 14,4C14,4.1 14,4.19 14,4.29C16.97,5.17 19,7.9 19,11V17L21,19M14,21A2,2 0 0,1 12,23A2,2 0 0,1 10,21" + card_mod: + style: !template + file: ../styles/inset-icon.css.j2 + variables: + svg_path: "M21,19V20H3V19L5,17V11C5,7.9 7.03,5.17 10,4.29C10,4.19 10,4.1 10,4A2,2 0 0,1 12,2A2,2 0 0,1 14,4C14,4.1 14,4.19 14,4.29C16.97,5.17 19,7.9 19,11V17L21,19M14,21A2,2 0 0,1 12,23A2,2 0 0,1 10,21" entities: - entity: input_boolean.notify_individual_guest_arrivals name: Individual guest arrivals, or only first diff --git a/dashboards/views/media-details.yaml b/dashboards/views/media-details.yaml index f851d01c..33eda6f1 100644 --- a/dashboards/views/media-details.yaml +++ b/dashboards/views/media-details.yaml @@ -50,17 +50,18 @@ show_success_messages: false max_length: 255 buttons: false - style: | - ha-card { - background: none; - box-shadow: none; - } - ha-card .card-content { - padding: 0; - } - ha-card .card-header, #serviceMessage { - display: none; - } + card_mod: + style: | + ha-card { + background: none; + box-shadow: none; + } + ha-card .card-content { + padding: 0; + } + ha-card .card-header, #serviceMessage { + display: none; + } - type: buttons entities: - entity: script.broadcast_manual_message diff --git a/dashboards/views/network-settings.yaml b/dashboards/views/network-settings.yaml index 46cdad2a..02dd805f 100644 --- a/dashboards/views/network-settings.yaml +++ b/dashboards/views/network-settings.yaml @@ -1,21 +1,23 @@ - type: entities title: Settings show_header_toggle: false - style: !template - file: ../styles/inset-icon.css.j2 - variables: - background_size: "contain" - svg_path: "M12,15.5A3.5,3.5 0 0,1 8.5,12A3.5,3.5 0 0,1 12,8.5A3.5,3.5 0 0,1 15.5,12A3.5,3.5 0 0,1 12,15.5M19.43,12.97C19.47,12.65 19.5,12.33 19.5,12C19.5,11.67 19.47,11.34 19.43,11L21.54,9.37C21.73,9.22 21.78,8.95 21.66,8.73L19.66,5.27C19.54,5.05 19.27,4.96 19.05,5.05L16.56,6.05C16.04,5.66 15.5,5.32 14.87,5.07L14.5,2.42C14.46,2.18 14.25,2 14,2H10C9.75,2 9.54,2.18 9.5,2.42L9.13,5.07C8.5,5.32 7.96,5.66 7.44,6.05L4.95,5.05C4.73,4.96 4.46,5.05 4.34,5.27L2.34,8.73C2.21,8.95 2.27,9.22 2.46,9.37L4.57,11C4.53,11.34 4.5,11.67 4.5,12C4.5,12.33 4.53,12.65 4.57,12.97L2.46,14.63C2.27,14.78 2.21,15.05 2.34,15.27L4.34,18.73C4.46,18.95 4.73,19.03 4.95,18.95L7.44,17.94C7.96,18.34 8.5,18.68 9.13,18.93L9.5,21.58C9.54,21.82 9.75,22 10,22H14C14.25,22 14.46,21.82 14.5,21.58L14.87,18.93C15.5,18.67 16.04,18.34 16.56,17.94L19.05,18.95C19.27,19.03 19.54,18.95 19.66,18.73L21.66,15.27C21.78,15.05 21.73,14.78 21.54,14.63L19.43,12.97Z" + card_mod: + style: !template + file: ../styles/inset-icon.css.j2 + variables: + background_size: "contain" + svg_path: "M12,15.5A3.5,3.5 0 0,1 8.5,12A3.5,3.5 0 0,1 12,8.5A3.5,3.5 0 0,1 15.5,12A3.5,3.5 0 0,1 12,15.5M19.43,12.97C19.47,12.65 19.5,12.33 19.5,12C19.5,11.67 19.47,11.34 19.43,11L21.54,9.37C21.73,9.22 21.78,8.95 21.66,8.73L19.66,5.27C19.54,5.05 19.27,4.96 19.05,5.05L16.56,6.05C16.04,5.66 15.5,5.32 14.87,5.07L14.5,2.42C14.46,2.18 14.25,2 14,2H10C9.75,2 9.54,2.18 9.5,2.42L9.13,5.07C8.5,5.32 7.96,5.66 7.44,6.05L4.95,5.05C4.73,4.96 4.46,5.05 4.34,5.27L2.34,8.73C2.21,8.95 2.27,9.22 2.46,9.37L4.57,11C4.53,11.34 4.5,11.67 4.5,12C4.5,12.33 4.53,12.65 4.57,12.97L2.46,14.63C2.27,14.78 2.21,15.05 2.34,15.27L4.34,18.73C4.46,18.95 4.73,19.03 4.95,18.95L7.44,17.94C7.96,18.34 8.5,18.68 9.13,18.93L9.5,21.58C9.54,21.82 9.75,22 10,22H14C14.25,22 14.46,21.82 14.5,21.58L14.87,18.93C15.5,18.67 16.04,18.34 16.56,17.94L19.05,18.95C19.27,19.03 19.54,18.95 19.66,18.73L21.66,15.27C21.78,15.05 21.73,14.78 21.54,14.63L19.43,12.97Z" entities: - input_boolean.power_outage_manage_devices - type: entities title: Notifications show_header_toggle: false - style: !template - file: ../styles/inset-icon.css.j2 - variables: - svg_path: "M21,19V20H3V19L5,17V11C5,7.9 7.03,5.17 10,4.29C10,4.19 10,4.1 10,4A2,2 0 0,1 12,2A2,2 0 0,1 14,4C14,4.1 14,4.19 14,4.29C16.97,5.17 19,7.9 19,11V17L21,19M14,21A2,2 0 0,1 12,23A2,2 0 0,1 10,21" + card_mod: + style: !template + file: ../styles/inset-icon.css.j2 + variables: + svg_path: "M21,19V20H3V19L5,17V11C5,7.9 7.03,5.17 10,4.29C10,4.19 10,4.1 10,4A2,2 0 0,1 12,2A2,2 0 0,1 14,4C14,4.1 14,4.19 14,4.29C16.97,5.17 19,7.9 19,11V17L21,19M14,21A2,2 0 0,1 12,23A2,2 0 0,1 10,21" entities: - entity: input_boolean.notify_household_changes name: Household changes diff --git a/dashboards/views/network.yaml b/dashboards/views/network.yaml index 2d114f34..fa458467 100644 --- a/dashboards/views/network.yaml +++ b/dashboards/views/network.yaml @@ -3,10 +3,11 @@ - type: entities title: Automate show_header_toggle: false - style: !template - file: ../styles/inset-icon.css.j2 - variables: - svg_path: "M12,3L2,12H5V20H19V12H22L12,3M12,8.5C14.34,8.5 16.46,9.43 18,10.94L16.8,12.12C15.58,10.91 13.88,10.17 12,10.17C10.12,10.17 8.42,10.91 7.2,12.12L6,10.94C7.54,9.43 9.66,8.5 12,8.5M12,11.83C13.4,11.83 14.67,12.39 15.6,13.3L14.4,14.47C13.79,13.87 12.94,13.5 12,13.5C11.06,13.5 10.21,13.87 9.6,14.47L8.4,13.3C9.33,12.39 10.6,11.83 12,11.83M12,15.17C12.94,15.17 13.7,15.91 13.7,16.83C13.7,17.75 12.94,18.5 12,18.5C11.06,18.5 10.3,17.75 10.3,16.83C10.3,15.91 11.06,15.17 12,15.17Z" + card_mod: + style: !template + file: ../styles/inset-icon.css.j2 + variables: + svg_path: "M12,3L2,12H5V20H19V12H22L12,3M12,8.5C14.34,8.5 16.46,9.43 18,10.94L16.8,12.12C15.58,10.91 13.88,10.17 12,10.17C10.12,10.17 8.42,10.91 7.2,12.12L6,10.94C7.54,9.43 9.66,8.5 12,8.5M12,11.83C13.4,11.83 14.67,12.39 15.6,13.3L14.4,14.47C13.79,13.87 12.94,13.5 12,13.5C11.06,13.5 10.21,13.87 9.6,14.47L8.4,13.3C9.33,12.39 10.6,11.83 12,11.83M12,15.17C12.94,15.17 13.7,15.91 13.7,16.83C13.7,17.75 12.94,18.5 12,18.5C11.06,18.5 10.3,17.75 10.3,16.83C10.3,15.91 11.06,15.17 12,15.17Z" entities: - sensor.processor_use - sensor.processor_temperature @@ -15,10 +16,11 @@ - type: entities title: Home Assistant show_header_toggle: false - style: !template - file: ../styles/inset-icon.css.j2 - variables: - svg_path: "M21.8,13H20V21H13V17.67L15.79,14.88L16.5,15C17.66,15 18.6,14.06 18.6,12.9C18.6,11.74 17.66,10.8 16.5,10.8A2.1,2.1 0 0,0 14.4,12.9L14.5,13.61L13,15.13V9.65C13.66,9.29 14.1,8.6 14.1,7.8A2.1,2.1 0 0,0 12,5.7A2.1,2.1 0 0,0 9.9,7.8C9.9,8.6 10.34,9.29 11,9.65V15.13L9.5,13.61L9.6,12.9A2.1,2.1 0 0,0 7.5,10.8A2.1,2.1 0 0,0 5.4,12.9A2.1,2.1 0 0,0 7.5,15L8.21,14.88L11,17.67V21H4V13H2.25C1.83,13 1.42,13 1.42,12.79C1.43,12.57 1.85,12.15 2.28,11.72L11,3C11.33,2.67 11.67,2.33 12,2.33C12.33,2.33 12.67,2.67 13,3L17,7V6H19V9L21.78,11.78C22.18,12.18 22.59,12.59 22.6,12.8C22.6,13 22.2,13 21.8,13M7.5,12A0.9,0.9 0 0,1 8.4,12.9A0.9,0.9 0 0,1 7.5,13.8A0.9,0.9 0 0,1 6.6,12.9A0.9,0.9 0 0,1 7.5,12M16.5,12C17,12 17.4,12.4 17.4,12.9C17.4,13.4 17,13.8 16.5,13.8A0.9,0.9 0 0,1 15.6,12.9A0.9,0.9 0 0,1 16.5,12M12,6.9C12.5,6.9 12.9,7.3 12.9,7.8C12.9,8.3 12.5,8.7 12,8.7C11.5,8.7 11.1,8.3 11.1,7.8C11.1,7.3 11.5,6.9 12,6.9Z" + card_mod: + style: !template + file: ../styles/inset-icon.css.j2 + variables: + svg_path: "M21.8,13H20V21H13V17.67L15.79,14.88L16.5,15C17.66,15 18.6,14.06 18.6,12.9C18.6,11.74 17.66,10.8 16.5,10.8A2.1,2.1 0 0,0 14.4,12.9L14.5,13.61L13,15.13V9.65C13.66,9.29 14.1,8.6 14.1,7.8A2.1,2.1 0 0,0 12,5.7A2.1,2.1 0 0,0 9.9,7.8C9.9,8.6 10.34,9.29 11,9.65V15.13L9.5,13.61L9.6,12.9A2.1,2.1 0 0,0 7.5,10.8A2.1,2.1 0 0,0 5.4,12.9A2.1,2.1 0 0,0 7.5,15L8.21,14.88L11,17.67V21H4V13H2.25C1.83,13 1.42,13 1.42,12.79C1.43,12.57 1.85,12.15 2.28,11.72L11,3C11.33,2.67 11.67,2.33 12,2.33C12.33,2.33 12.67,2.67 13,3L17,7V6H19V9L21.78,11.78C22.18,12.18 22.59,12.59 22.6,12.8C22.6,13 22.2,13 21.8,13M7.5,12A0.9,0.9 0 0,1 8.4,12.9A0.9,0.9 0 0,1 7.5,13.8A0.9,0.9 0 0,1 6.6,12.9A0.9,0.9 0 0,1 7.5,12M16.5,12C17,12 17.4,12.4 17.4,12.9C17.4,13.4 17,13.8 16.5,13.8A0.9,0.9 0 0,1 15.6,12.9A0.9,0.9 0 0,1 16.5,12M12,6.9C12.5,6.9 12.9,7.3 12.9,7.8C12.9,8.3 12.5,8.7 12,8.7C11.5,8.7 11.1,8.3 11.1,7.8C11.1,7.3 11.5,6.9 12,6.9Z" entities: - entity: sensor.connected_clients - entity: sensor.hacs @@ -38,10 +40,11 @@ - type: entities title: Minecraft show_header_toggle: false - style: !template - file: ../styles/inset-icon.css.j2 - variables: - svg_path: "M4,2H20A2,2 0 0,1 22,4V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V4A2,2 0 0,1 4,2M6,6V10H10V12H8V18H10V16H14V18H16V12H14V10H18V6H14V10H10V6H6Z" + card_mod: + style: !template + file: ../styles/inset-icon.css.j2 + variables: + svg_path: "M4,2H20A2,2 0 0,1 22,4V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V4A2,2 0 0,1 4,2M6,6V10H10V12H8V18H10V16H14V18H16V12H14V10H18V6H14V10H10V6H6Z" entities: - entity: binary_sensor.minecraft_server_status name: Status @@ -63,10 +66,11 @@ - type: entities title: Devices show_header_toggle: false - style: !template - file: ../styles/inset-icon.css.j2 - variables: - svg_path: "M22,9V7H20V5A2,2 0 0,0 18,3H4A2,2 0 0,0 2,5V19A2,2 0 0,0 4,21H18A2,2 0 0,0 20,19V17H22V15H20V13H22V11H20V9H22M18,19H4V5H18V19M6,13H11V17H6V13M12,7H16V10H12V7M6,7H11V12H6V7M12,11H16V17H12V11Z" + card_mod: + style: !template + file: ../styles/inset-icon.css.j2 + variables: + svg_path: "M22,9V7H20V5A2,2 0 0,0 18,3H4A2,2 0 0,0 2,5V19A2,2 0 0,0 4,21H18A2,2 0 0,0 20,19V17H22V15H20V13H22V11H20V9H22M18,19H4V5H18V19M6,13H11V17H6V13M12,7H16V10H12V7M6,7H11V12H6V7M12,11H16V17H12V11Z" entities: - type: "custom:template-entity-row" entity: "binary_sensor.ground_floor_heat_pump_status" @@ -92,10 +96,11 @@ - type: entities show_header_toggle: false title: Server UPS - style: !template - file: ../styles/inset-icon.css.j2 - variables: - svg_path: "M11 15H6L13 1V9H18L11 23V15Z" + card_mod: + style: !template + file: ../styles/inset-icon.css.j2 + variables: + svg_path: "M11 15H6L13 1V9H18L11 23V15Z" entities: - entity: sensor.ups_status name: Status diff --git a/dashboards/views/sensor-details.yaml b/dashboards/views/sensor-details.yaml index d732bfb3..97ceb844 100644 --- a/dashboards/views/sensor-details.yaml +++ b/dashboards/views/sensor-details.yaml @@ -3,10 +3,11 @@ type: entities title: Doors show_header_toggle: false - style: !template - file: ../styles/inset-icon.css.j2 - variables: - svg_path: "M8,3C6.89,3 6,3.89 6,5V21H18V5C18,3.89 17.11,3 16,3H8M8,5H16V19H8V5M13,11V13H15V11H13Z" + card_mod: + style: !template + file: ../styles/inset-icon.css.j2 + variables: + svg_path: "M8,3C6.89,3 6,3.89 6,5V21H18V5C18,3.89 17.11,3 16,3H8M8,5H16V19H8V5M13,11V13H15V11H13Z" sort: method: state filter: @@ -16,7 +17,7 @@ <<: &aggregate_row_options type: custom:template-entity-row active: "{{ is_state('this.entity_id', 'on') }}" - secondary: "{% if states['this.entity_id'] %}{{ time_since(states['this.entity_id'].last_changed, 0) }}{% endif %}" + secondary: "{% if states['this.entity_id'] %}{{ time_since(states['this.entity_id'].last_changed, 2) }}{% endif %}" state: "{{ state_translated('this.entity_id') }}" name: >- {% if states['this.entity_id'] -%} @@ -30,10 +31,11 @@ type: entities title: Windows show_header_toggle: false - style: !template - file: ../styles/inset-icon.css.j2 - variables: - svg_path: "M6,11H10V9H14V11H18V4H6V11M18,13H6V20H18V13M6,2H18A2,2 0 0,1 20,4V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V4A2,2 0 0,1 6,2Z" + card_mod: + style: !template + file: ../styles/inset-icon.css.j2 + variables: + svg_path: "M6,11H10V9H14V11H18V4H6V11M18,13H6V20H18V13M6,2H18A2,2 0 0,1 20,4V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V4A2,2 0 0,1 6,2Z" sort: method: state filter: @@ -53,10 +55,11 @@ type: entities title: Leaks show_header_toggle: false - style: !template - file: ../styles/inset-icon.css.j2 - variables: - svg_path: "M22,14H20V16H14V13H16V11H14V6A2,2 0 0,0 12,4H4V2H2V10H4V8H10V11H8V13H10V18A2,2 0 0,0 12,20H20V22H22" + card_mod: + style: !template + file: ../styles/inset-icon.css.j2 + variables: + svg_path: "M22,14H20V16H14V13H16V11H14V6A2,2 0 0,0 12,4H4V2H2V10H4V8H10V11H8V13H10V18A2,2 0 0,0 12,20H20V22H22" sort: method: state filter: @@ -76,10 +79,11 @@ type: entities title: Motion show_header_toggle: false - style: !template - file: ../styles/inset-icon.css.j2 - variables: - svg_path: "M10,0.2C9,0.2 8.2,1 8.2,2C8.2,3 9,3.8 10,3.8C11,3.8 11.8,3 11.8,2C11.8,1 11,0.2 10,0.2M15.67,1A7.33,7.33 0 0,0 23,8.33V7A6,6 0 0,1 17,1H15.67M18.33,1C18.33,3.58 20.42,5.67 23,5.67V4.33C21.16,4.33 19.67,2.84 19.67,1H18.33M21,1A2,2 0 0,0 23,3V1H21M7.92,4.03C7.75,4.03 7.58,4.06 7.42,4.11L2,5.8V11H3.8V7.33L5.91,6.67L2,22H3.8L6.67,13.89L9,17V22H10.8V15.59L8.31,11.05L9.04,8.18L10.12,10H15V8.2H11.38L9.38,4.87C9.08,4.37 8.54,4.03 7.92,4.03Z" + card_mod: + style: !template + file: ../styles/inset-icon.css.j2 + variables: + svg_path: "M10,0.2C9,0.2 8.2,1 8.2,2C8.2,3 9,3.8 10,3.8C11,3.8 11.8,3 11.8,2C11.8,1 11,0.2 10,0.2M15.67,1A7.33,7.33 0 0,0 23,8.33V7A6,6 0 0,1 17,1H15.67M18.33,1C18.33,3.58 20.42,5.67 23,5.67V4.33C21.16,4.33 19.67,2.84 19.67,1H18.33M21,1A2,2 0 0,0 23,3V1H21M7.92,4.03C7.75,4.03 7.58,4.06 7.42,4.11L2,5.8V11H3.8V7.33L5.91,6.67L2,22H3.8L6.67,13.89L9,17V22H10.8V15.59L8.31,11.05L9.04,8.18L10.12,10H15V8.2H11.38L9.38,4.87C9.08,4.37 8.54,4.03 7.92,4.03Z" sort: method: state filter: diff --git a/dashboards/views/zwave-details.yaml b/dashboards/views/zwave-details.yaml index e7476959..2e64229d 100644 --- a/dashboards/views/zwave-details.yaml +++ b/dashboards/views/zwave-details.yaml @@ -1,10 +1,11 @@ - type: entities title: Z-Wave Nodes show_header_toggle: false - style: !template - file: ../styles/inset-icon.css.j2 - variables: - svg_path: "M16.3,10.58C13.14,10.58 10.6,13.13 10.6,16.28C10.6,19.43 13.15,22 16.3,22C19.45,22 22,19.43 22,16.28C22,13.13 19.45,10.58 16.3,10.58M18,19.08H13.19L15.81,15H13.31L14.4,13.23H19.18L16.63,17.28H19.18L18,19.08M16.3,3.93V2C8.41,2 2,8.42 2,16.31H3.92C3.94,9.46 9.5,3.93 16.3,3.93M16.3,7.74V5.82C10.5,5.82 5.81,10.53 5.81,16.31H7.73C7.75,11.58 11.59,7.74 16.3,7.74" + card_mod: + style: !template + file: ../styles/inset-icon.css.j2 + variables: + svg_path: "M16.3,10.58C13.14,10.58 10.6,13.13 10.6,16.28C10.6,19.43 13.15,22 16.3,22C19.45,22 22,19.43 22,16.28C22,13.13 19.45,10.58 16.3,10.58M18,19.08H13.19L15.81,15H13.31L14.4,13.23H19.18L16.63,17.28H19.18L18,19.08M16.3,3.93V2C8.41,2 2,8.42 2,16.31H3.92C3.94,9.46 9.5,3.93 16.3,3.93M16.3,7.74V5.82C10.5,5.82 5.81,10.53 5.81,16.31H7.73C7.75,11.58 11.59,7.74 16.3,7.74" entities: - type: conditional conditions: