-
-
Save gasolli/aa2738b615d2258530c288f2abdcc5d9 to your computer and use it in GitHub Desktop.
Full Lovelace config
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| kiosk_mode: | |
| non_admin_settings: | |
| hide_header: true | |
| hide_sidebar: true | |
| views: | |
| - title: Hjem | |
| type: custom:vertical-layout | |
| layout: | |
| width: 200 | |
| max_cols: 7 | |
| icon: mdi:home-outline | |
| path: hjem | |
| badges: [] | |
| cards: | |
| - type: horizontal-stack | |
| cards: | |
| - type: custom:mini-graph-card | |
| entities: | |
| - entity: sensor.power_kvistadbakkan_panorama | |
| view_layout: | |
| column: 7 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: transparent; | |
| box-shadow: none; | |
| margin-top: -20px; | |
| padding: 0px; | |
| text-shadow: 3px 3px 5px rgb(0 0 0 / 0.4); | |
| } | |
| ha-card > div:first-child { | |
| padding: 0px 0px 0px 0px !important; | |
| } | |
| ha-card > div:nth-child(2) { | |
| padding: 0px 0px 0px 0px !important; | |
| } | |
| name: Forbruk | |
| points_per_hour: 1 | |
| tap_action: | |
| action: none | |
| show: | |
| fill: false | |
| icon: false | |
| graph: false | |
| animate: true | |
| line_color: deepskyblue | |
| color_thresholds: | |
| - value: 1000 | |
| color: '#c0392b' | |
| - value: 200 | |
| color: '#ff8c00' | |
| - value: 100 | |
| color: '#ffffff' | |
| color_thresholds_transition: hard | |
| decimals: 0 | |
| align_state: center | |
| align_header: center | |
| hour24: true | |
| aggregate_func: last | |
| group_by: hour | |
| smoothing: false | |
| unit: W | |
| styles: | |
| name: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - type: custom:mini-graph-card | |
| entities: | |
| - entity: sensor.strompris | |
| view_layout: | |
| column: 7 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: transparent; | |
| box-shadow: none; | |
| margin-top: -20px; | |
| padding: 0px; | |
| text-shadow: 3px 3px 5px rgb(0 0 0 / 0.4); | |
| } | |
| ha-card > div:first-child { | |
| padding: 0px 0px 0px 0px !important; | |
| } | |
| ha-card > div:nth-child(2) { | |
| padding: 0px 0px 0px 0px !important; | |
| } | |
| name: Strømpris | |
| points_per_hour: 1 | |
| tap_action: | |
| action: navigate | |
| navigation_path: /lovelace-test4/strompris | |
| show: | |
| fill: false | |
| icon: false | |
| graph: false | |
| animate: true | |
| line_color: deepskyblue | |
| color_thresholds: | |
| - value: 1000 | |
| color: '#c0392b' | |
| - value: 200 | |
| color: '#ff8c00' | |
| - value: 100 | |
| color: '#ffffff' | |
| color_thresholds_transition: hard | |
| decimals: 0 | |
| align_state: center | |
| align_header: center | |
| hour24: true | |
| aggregate_func: last | |
| group_by: hour | |
| smoothing: false | |
| unit: øre | |
| styles: | |
| name: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| view_layout: | |
| column: 7 | |
| - type: entities | |
| view_layout: | |
| column: 1 | |
| entities: | |
| - entity: sensor.batteriniva_tablet_kiosk | |
| type: custom:multiple-entity-row | |
| name: Batteri | |
| entities: | |
| - entity: sensor.ladestatus_tablet_kiosk_refined | |
| name: ' ' | |
| tap_action: | |
| action: none | |
| tap_action: | |
| action: none | |
| card_mod: | |
| style: | |
| hui-generic-entity-row: | |
| $: | | |
| :host { | |
| height: 20px; | |
| } | |
| - type: divider | |
| - entity: sensor.humidity_19 | |
| type: custom:multiple-entity-row | |
| name: Stue | |
| icon: mdi:thermometer | |
| entities: | |
| - entity: sensor.temperature_18 | |
| name: ' ' | |
| tap_action: | |
| action: none | |
| tap_action: | |
| action: none | |
| card_mod: | |
| style: | |
| hui-generic-entity-row: | |
| $: | | |
| :host { | |
| height: 20px; | |
| } | |
| - type: divider | |
| - entity: sensor.multi_sensor_gang_2 | |
| type: custom:multiple-entity-row | |
| name: Gang | |
| icon: mdi:thermometer | |
| entities: | |
| - entity: sensor.multi_sensor_gang | |
| name: ' ' | |
| tap_action: | |
| action: none | |
| tap_action: | |
| action: none | |
| card_mod: | |
| style: | |
| hui-generic-entity-row: | |
| $: | | |
| :host { | |
| height: 20px; | |
| } | |
| - type: divider | |
| state_color: false | |
| show_header_toggle: false | |
| tap_action: | |
| action: none | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: transparent; | |
| box-shadow: none; | |
| margin-bottom: -20px; | |
| margin-top: -20px; | |
| margin-left: -20px; | |
| width: 300px; | |
| text-shadow: 3px 3px 2px rgb(0 0 0 / 0.4); | |
| } | |
| - type: custom:vertical-stack-in-card | |
| title: null | |
| horizontal: false | |
| view_layout: | |
| column: 4 | |
| cards: | |
| - type: custom:button-card | |
| name: '- Kvistadbakkan Panorama -' | |
| size: 100px | |
| tap_action: none | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.0); | |
| box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.3), inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| border-radius: 20px; | |
| margin-top: 82px; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(0.9, 0.9) | |
| name: | |
| - font-size: 28px | |
| - font-family: roboto | |
| - opacity: 1 | |
| - color: rgb(192,192,192) | |
| - font-weight: regular | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| style: | |
| .: | | |
| ha-card { | |
| border-bottom-right-radius: 120px; | |
| border-bottom-left-radius: 120px; | |
| background-color: rgba(10,100,140,0.1); | |
| box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.3); | |
| border-top-style: solid; | |
| border-top-width: 1px; | |
| border-top-color: rgba(255,255,255,0.0); | |
| width: 800px; | |
| margin:auto; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| height: 150px; | |
| box-shadow: 5px 5px 6px 5px rgba(0,0,0,0.3), inset 1px 1px 5px 1px rgba(255,255,255,0.2); | |
| margin-top: -120px; | |
| } | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 4 | |
| height: 50 | |
| - type: vertical-stack | |
| max_width: | |
| - 150% | |
| cards: | |
| - entity: sensor.time | |
| show_icon: false | |
| show_label: false | |
| show_name: false | |
| show_state: true | |
| styles: | |
| state: | |
| - font-size: 6em | |
| - font-weight: 300 | |
| - text-transform: uppercase | |
| - filter: drop-shadow(4px 4px 5px rgb(0 0 0 / 0.6)) | |
| card: | |
| - border: null | |
| - height: 80px | |
| - background-color: rgba(0, 0, 0, 0.0) | |
| type: custom:button-card | |
| tap_action: | |
| action: none | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: transparent; | |
| box-shadow: none; | |
| } | |
| - entity: sensor.norsk_dato | |
| show_icon: false | |
| show_label: false | |
| show_name: false | |
| show_state: true | |
| styles: | |
| state: | |
| - font-size: 1.5em | |
| - font-weight: 400 | |
| - text-transform: uppercase | |
| - filter: drop-shadow(4px 4px 5px rgb(0 0 0 / 0.6)) | |
| card: | |
| - border: null | |
| - height: 50px | |
| - background-color: rgba(0, 0, 0, 0.0) | |
| type: custom:button-card | |
| tap_action: | |
| action: none | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: transparent; | |
| box-shadow: none; | |
| } | |
| - entity: sensor.temperature_6 | |
| show_icon: false | |
| show_label: false | |
| show_name: false | |
| show_state: true | |
| styles: | |
| state: | |
| - font-size: 1.8em | |
| - font-weight: 400 | |
| - text-transform: uppercase | |
| - filter: drop-shadow(4px 4px 5px rgb(0 0 0 / 0.6)) | |
| card: | |
| - border: null | |
| - height: 36px | |
| - background-color: rgba(0, 0, 0, 0.0) | |
| type: custom:button-card | |
| tap_action: | |
| action: none | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: transparent; | |
| box-shadow: none; | |
| } | |
| view_layout: | |
| column: 4 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: transparent; | |
| box-shadow: none; | |
| } | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 3 | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 5 | |
| - type: custom:mini-graph-card | |
| entities: | |
| - entity: sensor.power_kvistadbakkan_panorama | |
| name: Forbruk | |
| - entity: sensor.strompris | |
| y_axis: secondary | |
| color: rgba(10,100,140,1) | |
| name: Strømpris | |
| fill: fade | |
| view_layout: | |
| column: 7 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: transparent; | |
| box-shadow: none; | |
| margin-top: -30px; | |
| text-shadow: 3px 3px 2px rgb(0 0 0 / 0.4); | |
| } | |
| ha-card > div:first-child { | |
| padding: 0px 0px 0px 0px !important; | |
| } | |
| name: Strømpris | |
| points_per_hour: 1 | |
| tap_action: | |
| action: none | |
| show: | |
| fill: false | |
| icon: false | |
| graph: true | |
| name: false | |
| state: false | |
| labels: false | |
| points: false | |
| animate: true | |
| color_thresholds: | |
| - value: 10000 | |
| color: '#c0392b' | |
| - value: 7500 | |
| color: '#ff8c00' | |
| - value: 1000 | |
| color: '#ffffff' | |
| color_thresholds_transition: hard | |
| decimals: 0 | |
| align_state: center | |
| align_header: center | |
| hour24: true | |
| aggregate_func: avg | |
| group_by: interval | |
| smoothing: true | |
| unit: øre/kwh | |
| labels: true | |
| labels_secondary: true | |
| hours_to_show: 24 | |
| - type: weather-forecast | |
| entity: weather.hjem | |
| view_layout: | |
| column: 1 | |
| secondary_info_attribute: humidity | |
| show_current: false | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.0); | |
| box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.0), inset 1px 1px 1px 0px rgba(255,255,255,0.0); | |
| border-radius: 0px; | |
| text-shadow: 3px 3px 2px rgba(0,0,0,0.4); | |
| width: 320px; | |
| max-height: 150px; | |
| margin-left: -20px; | |
| } | |
| svg { | |
| filter: drop-shadow(3px 3px 2px rgb(0 0 0 / 0.4)); | |
| } | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 3 | |
| height: 210 | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 5 | |
| height: 210 | |
| - type: horizontal-stack | |
| cards: | |
| - type: custom:button-card | |
| entity: sensor.snittpris | |
| show_icon: false | |
| show_state: true | |
| name: Gj.snitt | |
| tap_action: | |
| action: none | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: transparent; | |
| box-shadow: none; | |
| } | |
| div { | |
| text-shadow: 3px 3px 2px rgb(0 0 0 / 0.4); | |
| } | |
| - type: custom:button-card | |
| entity: sensor.makspris | |
| show_icon: false | |
| show_state: true | |
| name: Maks | |
| tap_action: | |
| action: none | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: transparent; | |
| box-shadow: none; | |
| } | |
| div { | |
| text-shadow: 3px 3px 2px rgb(0 0 0 / 0.4); | |
| } | |
| - type: custom:button-card | |
| entity: sensor.minimumpris | |
| show_icon: false | |
| show_state: true | |
| name: Minimum | |
| tap_action: | |
| action: none | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: transparent; | |
| box-shadow: none; | |
| } | |
| div { | |
| text-shadow: 3px 3px 2px rgb(0 0 0 / 0.4); | |
| } | |
| view_layout: | |
| column: 7 | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 1 | |
| height: 360 | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 3 | |
| height: 345 | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 1 | |
| height: 140 | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 5 | |
| height: 345 | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 4 | |
| height: 240 | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 7 | |
| height: 370 | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 4 | |
| height: 140 | |
| - type: custom:mod-card | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.0); | |
| width: 1400px; | |
| margin:auto; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| height: 150px; | |
| box-shadow: none; | |
| } | |
| view_layout: | |
| column: 4 | |
| card: | |
| type: horizontal-stack | |
| cards: | |
| - type: custom:button-card | |
| icon: mdi:weather-sunset-up | |
| tap_action: | |
| action: call-service | |
| service: script.lys_scene_morgen | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: {{ '0px 0px 10px 5px rgba(10,100,140,1), inset 1px 1px 1px 0px rgba(255,255,255,0.2)' if is_state('input_number.valgt_scene_lys_melding', '1.0') else 'inset 1px 1px 1px 0px rgba(255,255,255,0.2), 4px 4px 5px 1px rgba(0,0,0,0.3)' }}; | |
| border-radius: 20px; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(0.9, 0.9) | |
| - type: custom:button-card | |
| icon: mdi:home-lightbulb-outline | |
| tap_action: | |
| action: call-service | |
| service: script.lys_scene_hverdag | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: {{ '0px 0px 10px 5px rgba(10,100,140,1), inset 1px 1px 1px 0px rgba(255,255,255,0.2)' if is_state('input_number.valgt_scene_lys_melding', '2.0') else 'inset 1px 1px 1px 0px rgba(255,255,255,0.2), 4px 4px 5px 1px rgba(0,0,0,0.3)' }}; | |
| border-radius: 20px; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(0.9, 0.9) | |
| - type: custom:button-card | |
| icon: mdi:television | |
| tap_action: | |
| action: call-service | |
| service: script.lys_scene_tv_kos | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: {{ '0px 0px 10px 5px rgba(10,100,140,1), inset 1px 1px 1px 0px rgba(255,255,255,0.2)' if is_state('input_number.valgt_scene_lys_melding', '3.0') else 'inset 1px 1px 1px 0px rgba(255,255,255,0.2), 4px 4px 5px 1px rgba(0,0,0,0.3)' }}; | |
| border-radius: 20px; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(0.9, 0.9) | |
| - type: custom:button-card | |
| icon: mdi:weather-night | |
| tap_action: | |
| action: call-service | |
| service: script.lys_scene_natt | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: {{ '0px 0px 10px 5px rgba(10,100,140,1), inset 1px 1px 1px 0px rgba(255,255,255,0.2)' if is_state('input_number.valgt_scene_lys_melding', '4.0') else 'inset 1px 1px 1px 0px rgba(255,255,255,0.2), 4px 4px 5px 1px rgba(0,0,0,0.3)' }}; | |
| border-radius: 20px; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(0.9, 0.9) | |
| - type: custom:button-card | |
| icon: mdi:silverware | |
| tap_action: | |
| action: call-service | |
| service: script.lys_scene_middag | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: {{ '0px 0px 10px 5px rgba(10,100,140,1), inset 1px 1px 1px 0px rgba(255,255,255,0.2)' if is_state('input_number.valgt_scene_lys_melding', '5.0') else 'inset 1px 1px 1px 0px rgba(255,255,255,0.2), 4px 4px 5px 1px rgba(0,0,0,0.3)' }}; | |
| border-radius: 20px; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(0.9, 0.9) | |
| - type: custom:button-card | |
| icon: mdi:silverware-clean | |
| tap_action: | |
| action: call-service | |
| service: script.lys_scene_middag_gjester | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: {{ '0px 0px 10px 5px rgba(10,100,140,1), inset 1px 1px 1px 0px rgba(255,255,255,0.2)' if is_state('input_number.valgt_scene_lys_melding', '6.0') else 'inset 1px 1px 1px 0px rgba(255,255,255,0.2), 4px 4px 5px 1px rgba(0,0,0,0.3)' }}; | |
| border-radius: 20px; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(0.9, 0.9) | |
| - type: custom:button-card | |
| icon: mdi:lightbulb-on-outline | |
| tap_action: | |
| action: call-service | |
| service: script.lys_scene_100 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: {{ '0px 0px 10px 5px rgba(10,100,140,1), inset 1px 1px 1px 0px rgba(255,255,255,0.2)' if is_state('input_number.valgt_scene_lys_melding', '7.0') else 'inset 1px 1px 1px 0px rgba(255,255,255,0.2), 4px 4px 5px 1px rgba(0,0,0,0.3)' }}; | |
| border-radius: 20px; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(0.9, 0.9) | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 5 | |
| height: 140 | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 7 | |
| height: 140 | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 3 | |
| height: 140 | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 4 | |
| height: 170 | |
| - type: custom:vertical-stack-in-card | |
| title: null | |
| horizontal: true | |
| view_layout: | |
| column: 4 | |
| cards: | |
| - type: custom:button-card | |
| icon: mdi:cog-outline | |
| color: rgba(255,255,255,0.0) | |
| size: 50px | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.0); | |
| box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.3), inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| border-radius: 20px; | |
| height: 70px; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(0.9, 0.9) | |
| - type: custom:button-card | |
| icon: mdi:lightbulb-outline | |
| color: rgba(255,255,255,0.5) | |
| size: 50px | |
| tap_action: | |
| action: navigate | |
| navigation_path: /lovelace-test4/lys | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.0); | |
| box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.3), inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| border-radius: 20px; | |
| height: 70px; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.9)) | |
| card: | |
| - transform: scale(0.9, 0.9) | |
| - type: custom:button-card | |
| icon: mdi:radiator | |
| color: rgba(255,255,255,0.5) | |
| size: 50px | |
| tap_action: | |
| action: navigate | |
| navigation_path: /lovelace-test4/varme | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.0); | |
| box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.3), inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| border-radius: 20px; | |
| height: 70px; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.9)) | |
| card: | |
| - transform: scale(0.9, 0.9) | |
| - type: custom:button-card | |
| icon: mdi:lightning-bolt-outline | |
| color: rgba(255,255,255,0.5) | |
| size: 50px | |
| tap_action: | |
| action: navigate | |
| navigation_path: /lovelace-test4/energi | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.0); | |
| box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.3), inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| border-radius: 20px; | |
| height: 70px; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.9)) | |
| card: | |
| - transform: scale(0.9, 0.9) | |
| - type: custom:button-card | |
| icon: mdi:robot-vacuum | |
| color: rgba(255,255,255,0.5) | |
| size: 50px | |
| tap_action: | |
| action: navigate | |
| navigation_path: /lovelace-test4/stovsuger | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.0); | |
| box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.3), inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| border-radius: 20px; | |
| height: 70px; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.9)) | |
| card: | |
| - transform: scale(0.9, 0.9) | |
| - type: custom:button-card | |
| icon: mdi:weather-partly-cloudy | |
| color: rgba(255,255,255,0.5) | |
| size: 50px | |
| tap_action: | |
| action: navigate | |
| navigation_path: /lovelace-test4/klima | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.0); | |
| box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.3), inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| border-radius: 20px; | |
| height: 70px; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.9)) | |
| card: | |
| - transform: scale(0.9, 0.9) | |
| - type: custom:button-card | |
| tap_action: | |
| action: navigate | |
| navigation_path: /lovelace-test4/kalender | |
| icon: mdi:calendar-month-outline | |
| color: rgba(255,255,255,0.5) | |
| size: 50px | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.0); | |
| box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.3), inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| border-radius: 20px; | |
| height: 70px; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.9)) | |
| card: | |
| - transform: scale(0.9, 0.9) | |
| - type: custom:button-card | |
| icon: mdi:information-outline | |
| color: rgba(255,255,255,0.5) | |
| size: 50px | |
| tap_action: | |
| action: navigate | |
| navigation_path: /lovelace-test4/info | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.0); | |
| box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.3), inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| border-radius: 20px; | |
| height: 70px; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.9)) | |
| card: | |
| - transform: scale(0.9, 0.9) | |
| - type: custom:button-card | |
| icon: mdi:currency-usd | |
| color: rgba(255,255,255,0.5) | |
| size: 50px | |
| tap_action: | |
| action: navigate | |
| navigation_path: /lovelace-test4/strompris | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.0); | |
| box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.3), inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| border-radius: 20px; | |
| height: 70px; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.9)) | |
| card: | |
| - transform: scale(0.9, 0.9) | |
| - type: custom:button-card | |
| icon: mdi:menu | |
| color: rgba(255,255,255,0.5) | |
| size: 50px | |
| name: null | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.0); | |
| box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.3), inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| border-radius: 20px; | |
| height: 70px; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.9)) | |
| card: | |
| - transform: scale(0.9, 1.0) | |
| view_layout: | |
| column: 5 | |
| tap_action: | |
| action: fire-dom-event | |
| browser_mod: | |
| command: popup | |
| deviceID: | |
| - this | |
| title: Fully kiosk | |
| style: | |
| .: | | |
| app-toolbar { | |
| border-radius: 20px; | |
| background-color: rgba(0,0,0,0.0) !important; | |
| text-transform: capitalize; | |
| color: red; | |
| text-shadow: 3px 3px 5px rgb(0,0,0,0.4) | |
| } | |
| .main-title { | |
| margin-left: 85px !important; | |
| color: rgb(255,255,255,0.4); | |
| } | |
| $: > | |
| .mdc-dialog .mdc-dialog__container | |
| .mdc-dialog__surface::before { | |
| background: rgba(255,0,0,0.0); | |
| } | |
| .mdc-dialog .mdc-dialog__container .mdc-dialog__surface { | |
| background: rgba(255,0,0,0.0); | |
| border-radius: 20px; | |
| box-shadow: inset 1px 1px 1px 0px rgba(255,255,255,0.2),20px 20px 20px 0px rgba(0,0,0,0.3); | |
| } | |
| .mdc-dialog { | |
| backdrop-filter: blur(10px) grayscale(20%) !important; | |
| background: rgba(0,0,0,0.3); | |
| } | |
| card: | |
| type: vertical-stack | |
| style: | |
| .: | | |
| card-mod-more-info { | |
| background-color: rgba(255,0,0,1); | |
| } | |
| cards: | |
| - type: custom:button-card | |
| icon: mdi:white-balance-sunny | |
| view_layout: | |
| column: 3 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.0); | |
| box-shadow: none; | |
| border-radius: 20px; | |
| top: 5px; | |
| } | |
| styles: | |
| card: | |
| - height: 60px | |
| icon: | |
| - filter: drop-shadow(2px 4px 2px rgb(0 0 0 / 0.4)) | |
| - type: custom:my-slider | |
| entity: light.tablet_backlight | |
| toggle_scroll: true | |
| radius: 15px | |
| function: Brightness | |
| view_layout: | |
| column: 2 | |
| secondarySliderColor: rgba(0,0,0,0.0) | |
| mainSliderColor: rgba(0,0,0,0.0) | |
| mainSliderColorOff: rgba(70,70,70,1) | |
| secondarySliderColorOff: rgba(0,0,0,0.1) | |
| thumbWidth: 22px | |
| thumbHeight: 70px | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.0); | |
| border-radius: 15px; | |
| box-shadow: inset 1px 1px 1px 0px rgba(255,255,255,0.2),2px 2px 6px 0px rgba(0,0,0,0.3); | |
| } | |
| - type: custom:gap-card | |
| height: 30 | |
| - type: custom:mod-card | |
| card: | |
| type: custom:button-card | |
| icon: null | |
| name: Last side på nytt | |
| tap_action: | |
| action: call-service | |
| service: rest_command.kiosk_command | |
| service_data: | |
| cmd: refreshTab | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| border-radius: 20px; | |
| height: 60px; | |
| box-shadow: inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(1.0, 1.0) | |
| name: | |
| - font-size: 20px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - type: custom:mod-card | |
| card: | |
| type: custom:button-card | |
| icon: null | |
| name: Start Kiosk på nytt | |
| tap_action: | |
| action: call-service | |
| service: rest_command.kiosk_command | |
| service_data: | |
| cmd: restartApp | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| border-radius: 20px; | |
| height: 60px; | |
| box-shadow: inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(1.0, 1.0) | |
| name: | |
| - font-size: 20px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - type: custom:mod-card | |
| card: | |
| type: custom:button-card | |
| icon: null | |
| name: Avslutt | |
| tap_action: | |
| action: call-service | |
| service: rest_command.kiosk_command | |
| service_data: | |
| cmd: exitApp | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(255,0,0,0.2); | |
| border-radius: 20px; | |
| height: 60px; | |
| box-shadow: inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(1.0, 1.0) | |
| name: | |
| - font-size: 20px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - type: custom:button-card | |
| icon: mdi:cog-outline | |
| color: rgba(255,255,255,0.0) | |
| size: 50px | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.0); | |
| box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.3), inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| border-radius: 20px; | |
| height: 70px; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.9)) | |
| card: | |
| - transform: scale(0.9, 0.9) | |
| style: | |
| .: | | |
| ha-card { | |
| border-top-right-radius: 120px; | |
| border-top-left-radius: 120px; | |
| background-color: rgba(10,100,140,0.1); | |
| box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.3); | |
| border-top-style: solid; | |
| border-top-width: 1px; | |
| border-top-color: rgba(255,255,255,0.0); | |
| width: 800px; | |
| margin:auto; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| height: 150px; | |
| box-shadow: 5px 5px 6px 5px rgba(0,0,0,0.3), inset 1px 1px 5px 1px rgba(255,255,255,0.2); | |
| } | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 1 | |
| height: 50 | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 7 | |
| height: 20 | |
| - type: glance | |
| view_layout: | |
| column: 7 | |
| entities: | |
| - entity: binary_sensor.ytterdor | |
| name: Hoved | |
| icon: mdi:door | |
| tap_action: | |
| action: none | |
| - entity: binary_sensor.openclose_24 | |
| name: Altan | |
| icon: mdi:door | |
| tap_action: | |
| action: none | |
| - entity: binary_sensor.openclose_25 | |
| name: Master | |
| icon: mdi:window-closed | |
| tap_action: | |
| action: none | |
| - entity: binary_sensor.openclose_26 | |
| name: Aleks | |
| icon: mdi:window-closed | |
| tap_action: | |
| action: none | |
| - entity: binary_sensor.openclose_27 | |
| icon: mdi:window-closed | |
| tap_action: | |
| action: none | |
| show_icon: true | |
| state_color: true | |
| show_name: false | |
| show_state: false | |
| tap_action: | |
| action: none | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.0); | |
| box-shadow: none; | |
| border-radius: 20px; | |
| margin-top: 30px; | |
| } | |
| - type: entities | |
| entities: | |
| - entity: alarm_control_panel.YOURALARMHERE | |
| icon: mdi:shield-home-outline | |
| name: Alarm | |
| secondary_info: none | |
| tap_action: | |
| action: none | |
| tap_action: | |
| action: none | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.0); | |
| box-shadow: none; | |
| width: 200px; | |
| } | |
| view_layout: | |
| column: 1 | |
| - title: Lys | |
| path: lys | |
| icon: mdi:lightbulb-outline | |
| type: custom:vertical-layout | |
| layout: | |
| width: 200 | |
| max_cols: 7 | |
| badges: [] | |
| cards: | |
| - type: custom:button-card | |
| view_layout: | |
| column: 1 | |
| icon: mdi:home-outline | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.0); | |
| box-shadow: none; | |
| border-radius: 20px; | |
| } | |
| tap_action: | |
| action: navigate | |
| navigation_path: /lovelace-test4/hjem | |
| height: 1100 | |
| styles: | |
| card: | |
| - height: 150px | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| size: 50px | |
| - type: custom:vertical-stack-in-card | |
| title: null | |
| horizontal: true | |
| view_layout: | |
| column: 4 | |
| cards: | |
| - type: custom:button-card | |
| icon: mdi:cog-outline | |
| color: rgba(255,255,255,0.0) | |
| size: 50px | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.0); | |
| box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.3), inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| border-radius: 20px; | |
| height: 70px; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(0.9, 0.9) | |
| - width: 50px | |
| - type: custom:mod-card | |
| card: | |
| type: custom:button-card | |
| tap_action: | |
| action: call-service | |
| service: script.alt_lys_0 | |
| icon: null | |
| name: Av | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| border-radius: 20px; | |
| height: 60px; | |
| left: 20px; | |
| margin-top: 70px; | |
| box-shadow: inset 1px 1px 1px 0px rgba(255,255,255,0.2), 4px 4px 5px 1px | |
| rgba(0,0,0,0.3); | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(1.0, 1.0) | |
| - width: 120px | |
| name: | |
| - font-size: 20px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - type: custom:mod-card | |
| card: | |
| type: custom:button-card | |
| tap_action: | |
| action: call-service | |
| service: script.alt_lys_1 | |
| icon: null | |
| name: 1% | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| border-radius: 20px; | |
| height: 60px; | |
| left: 20px; | |
| margin-top: 70px; | |
| box-shadow: inset 1px 1px 1px 0px rgba(255,255,255,0.2), 4px 4px 5px 1px | |
| rgba(0,0,0,0.3); | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(1.0, 1.0) | |
| - width: 120px | |
| name: | |
| - font-size: 20px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - type: custom:mod-card | |
| card: | |
| type: custom:button-card | |
| tap_action: | |
| action: call-service | |
| service: script.alt_lys_10 | |
| icon: null | |
| name: 10% | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| border-radius: 20px; | |
| height: 60px; | |
| left: 20px; | |
| margin-top: 70px; | |
| box-shadow: inset 1px 1px 1px 0px rgba(255,255,255,0.2), 4px 4px 5px 1px | |
| rgba(0,0,0,0.3); | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(1.0, 1.0) | |
| - width: 120px | |
| name: | |
| - font-size: 20px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - type: custom:mod-card | |
| card: | |
| type: custom:button-card | |
| tap_action: | |
| action: call-service | |
| service: script.alt_lys_30 | |
| icon: null | |
| name: 30% | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| border-radius: 20px; | |
| height: 60px; | |
| left: 20px; | |
| margin-top: 70px; | |
| box-shadow: inset 1px 1px 1px 0px rgba(255,255,255,0.2), 4px 4px 5px 1px | |
| rgba(0,0,0,0.3); | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(1.0, 1.0) | |
| - width: 120px | |
| name: | |
| - font-size: 20px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - type: custom:mod-card | |
| card: | |
| type: custom:button-card | |
| tap_action: | |
| action: call-service | |
| service: script.alt_lys_50 | |
| icon: null | |
| name: 50% | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| border-radius: 20px; | |
| height: 60px; | |
| left: 20px; | |
| margin-top: 70px; | |
| box-shadow: inset 1px 1px 1px 0px rgba(255,255,255,0.2), 4px 4px 5px 1px | |
| rgba(0,0,0,0.3); | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(1.0, 1.0) | |
| - width: 120px | |
| name: | |
| - font-size: 20px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - type: custom:mod-card | |
| card: | |
| type: custom:button-card | |
| tap_action: | |
| action: call-service | |
| service: script.alt_lys_75 | |
| icon: null | |
| name: 75% | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| border-radius: 20px; | |
| height: 60px; | |
| left: 20px; | |
| margin-top: 70px; | |
| box-shadow: inset 1px 1px 1px 0px rgba(255,255,255,0.2), 4px 4px 5px 1px | |
| rgba(0,0,0,0.3); | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(1.0, 1.0) | |
| - width: 120px | |
| name: | |
| - font-size: 20px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - type: custom:mod-card | |
| card: | |
| type: custom:button-card | |
| tap_action: | |
| action: call-service | |
| service: script.alt_lys_100 | |
| icon: null | |
| name: 100% | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| border-radius: 20px; | |
| height: 60px; | |
| left: 20px; | |
| margin-top: 70px; | |
| box-shadow: inset 1px 1px 1px 0px rgba(255,255,255,0.2), 4px 4px 5px 1px | |
| rgba(0,0,0,0.3); | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(1.0, 1.0) | |
| - width: 120px | |
| name: | |
| - font-size: 20px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - type: custom:button-card | |
| icon: mdi:cog-outline | |
| color: rgba(255,255,255,0.0) | |
| size: 50px | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.0); | |
| box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.3), inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| border-radius: 20px; | |
| height: 70px; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.9)) | |
| card: | |
| - transform: scale(0.9, 0.9) | |
| - width: 50px | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.3); | |
| border-top-right-radius: 50px; | |
| border-top-left-radius: 50px; | |
| border-bottom-right-radius: 50px; | |
| border-bottom-left-radius: 50px; | |
| border-top-style: solid; | |
| border-top-width: 1px; | |
| border-top-color: rgba(255,255,255,0.0); | |
| width: 1000px; | |
| margin:auto; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| margin-top: -70px; | |
| height: 150px; | |
| box-shadow: 5px 5px 6px 5px rgba(0,0,0,0.3), inset 1px 1px 5px 1px rgba(255,255,255,0.2); | |
| } | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 3 | |
| height: 150 | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 4 | |
| height: 145 | |
| - type: custom:button-card | |
| view_layout: | |
| column: 4 | |
| tap_action: | |
| action: toggle | |
| name: TV | |
| entity: light.stue_kjokken_downlights_tv_31 | |
| aspect_ratio: 1/1 | |
| icon: mdi:light-recessed | |
| color: rgb(255, 255, 255) | |
| style: | |
| .: | | |
| ha-card { | |
| border-radius: 20px; | |
| } | |
| :host { | |
| --paper-item-icon-color: '#ffffff'; | |
| } | |
| state: | |
| - value: 'on' | |
| styles: | |
| card: | |
| - box-shadow: >- | |
| inset 1px 1px 1px 0px rgba(255,255,255,0.2), 4px 4px 5px 1px | |
| rgba(0,0,0,0.6), 0px 0px 20px 1px rgba(10,100,140,1) | |
| - background-color: rgba(0,0,0,0.1) | |
| icon: | |
| - color: rgba(255, 255, 255, 0.8) | |
| - filter: >- | |
| drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) drop-shadow(0px | |
| 0px 20px rgb(255 255 255 / 1.0)) | |
| name: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| label: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - color: grey | |
| - value: 'off' | |
| label: Av | |
| styles: | |
| card: | |
| - box-shadow: >- | |
| 2px 2px 6px 0px rgba(0,0,0,0.3), inset 1px 1px 1px 0px | |
| rgba(255,255,255,0.2) | |
| - background-color: rgba(0,0,0,0.1) | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - color: rgba(255, 255, 255, 0.3) | |
| name: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| label: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - color: rgba(255, 255, 255, 0.3) | |
| show_label: true | |
| label: | | |
| [[[ | |
| var bri = states['light.stue_kjokken_downlights_tv_31'].attributes.brightness; | |
| return ((bri ? bri : '0') / 2.55 ).toFixed(0) + '%'; | |
| ]]] | |
| styles: | |
| card: | |
| - transform: scale(0.9, 0.9) | |
| - type: custom:button-card | |
| view_layout: | |
| column: 3 | |
| tap_action: | |
| action: toggle | |
| name: TV Stue | |
| entity: light.stue_kjokken_tv_stue_16 | |
| icon: mdi:light-recessed | |
| color: rgb(255, 255, 255) | |
| style: | |
| .: | | |
| ha-card { | |
| border-radius: 20px; | |
| } | |
| :host { | |
| --paper-item-icon-color: '#ffffff'; | |
| } | |
| aspect_ratio: 1/1 | |
| state: | |
| - value: 'on' | |
| styles: | |
| card: | |
| - box-shadow: >- | |
| inset 1px 1px 1px 0px rgba(255,255,255,0.2), 4px 4px 5px 1px | |
| rgba(0,0,0,0.6), 0px 0px 20px 1px rgba(10,100,140,1) | |
| - background-color: rgba(0,0,0,0.1) | |
| icon: | |
| - color: rgba(255, 255, 255, 0.8) | |
| - filter: >- | |
| drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) drop-shadow(0px | |
| 0px 20px rgb(255 255 255 / 1.0)) | |
| name: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| label: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - color: grey | |
| - value: 'off' | |
| label: Av | |
| styles: | |
| card: | |
| - box-shadow: >- | |
| 2px 2px 6px 0px rgba(0,0,0,0.3), inset 1px 1px 1px 0px | |
| rgba(255,255,255,0.2) | |
| - background-color: rgba(0,0,0,0.1) | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - color: rgba(255, 255, 255, 0.3) | |
| name: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| label: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - color: rgba(255, 255, 255, 0.3) | |
| show_label: true | |
| label: | | |
| [[[ | |
| var bri = states['light.stue_kjokken_tv_stue_16'].attributes.brightness; | |
| return ((bri ? bri : '0') / 2.55 ).toFixed(0) + '%'; | |
| ]]] | |
| styles: | |
| card: | |
| - transform: scale(0.9, 0.9) | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 5 | |
| height: 150 | |
| - type: custom:button-card | |
| view_layout: | |
| column: 5 | |
| tap_action: | |
| action: toggle | |
| name: Spisestue | |
| entity: light.stue_kjokken_spisestue_11 | |
| icon: mdi:light-recessed | |
| color: rgb(255, 255, 255) | |
| style: | |
| .: | | |
| ha-card { | |
| border-radius: 20px; | |
| } | |
| :host { | |
| --paper-item-icon-color: '#ffffff'; | |
| } | |
| aspect_ratio: 1/1 | |
| state: | |
| - value: 'on' | |
| styles: | |
| card: | |
| - box-shadow: >- | |
| inset 1px 1px 1px 0px rgba(255,255,255,0.2), 4px 4px 5px 1px | |
| rgba(0,0,0,0.6), 0px 0px 20px 1px rgba(10,100,140,1) | |
| - background-color: rgba(0,0,0,0.1) | |
| icon: | |
| - color: rgba(255, 255, 255, 0.8) | |
| - filter: >- | |
| drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) drop-shadow(0px | |
| 0px 20px rgb(255 255 255 / 1.0)) | |
| name: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| label: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - color: grey | |
| - value: 'off' | |
| label: Av | |
| styles: | |
| card: | |
| - box-shadow: >- | |
| 2px 2px 6px 0px rgba(0,0,0,0.3), inset 1px 1px 1px 0px | |
| rgba(255,255,255,0.2) | |
| - background-color: rgba(0,0,0,0.1) | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - color: rgba(255, 255, 255, 0.3) | |
| name: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| label: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - color: rgba(255, 255, 255, 0.3) | |
| show_label: true | |
| label: | | |
| [[[ | |
| var bri = states['light.stue_kjokken_spisestue_11'].attributes.brightness; | |
| return ((bri ? bri : '0') / 2.55 ).toFixed(0) + '%'; | |
| ]]] | |
| styles: | |
| card: | |
| - transform: scale(0.9, 0.9) | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 6 | |
| height: 150 | |
| - type: custom:button-card | |
| view_layout: | |
| column: 6 | |
| tap_action: | |
| action: toggle | |
| name: Vest | |
| entity: light.stue_kjokken_downlights_vest_36 | |
| icon: mdi:light-recessed | |
| color: rgb(255, 255, 255) | |
| style: | |
| .: | | |
| ha-card { | |
| border-radius: 20px; | |
| } | |
| :host { | |
| --paper-item-icon-color: '#ffffff'; | |
| } | |
| aspect_ratio: 1/1 | |
| state: | |
| - value: 'on' | |
| styles: | |
| card: | |
| - box-shadow: >- | |
| inset 1px 1px 1px 0px rgba(255,255,255,0.2), 4px 4px 5px 1px | |
| rgba(0,0,0,0.6), 0px 0px 20px 1px rgba(10,100,140,1) | |
| - background-color: rgba(0,0,0,0.1) | |
| icon: | |
| - color: rgba(255, 255, 255, 0.8) | |
| - filter: >- | |
| drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) drop-shadow(0px | |
| 0px 20px rgb(255 255 255 / 1.0)) | |
| name: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| label: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - color: grey | |
| - value: 'off' | |
| label: Av | |
| styles: | |
| card: | |
| - box-shadow: >- | |
| 2px 2px 6px 0px rgba(0,0,0,0.3), inset 1px 1px 1px 0px | |
| rgba(255,255,255,0.2) | |
| - background-color: rgba(0,0,0,0.1) | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - color: rgba(255, 255, 255, 0.3) | |
| name: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| label: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - color: rgba(255, 255, 255, 0.3) | |
| show_label: true | |
| label: | | |
| [[[ | |
| var bri = states['light.stue_kjokken_downlights_vest_36'].attributes.brightness; | |
| return ((bri ? bri : '0') / 2.55 ).toFixed(0) + '%'; | |
| ]]] | |
| styles: | |
| card: | |
| - transform: scale(0.9, 0.9) | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 7 | |
| height: 150 | |
| - type: custom:button-card | |
| view_layout: | |
| column: 7 | |
| tap_action: | |
| action: toggle | |
| name: Trapp | |
| entity: light.stue_kjokken_trapp_41 | |
| icon: mdi:light-recessed | |
| color: rgb(255, 255, 255) | |
| style: | |
| .: | | |
| ha-card { | |
| border-radius: 20px; | |
| } | |
| :host { | |
| --paper-item-icon-color: '#ffffff'; | |
| } | |
| aspect_ratio: 1/1 | |
| state: | |
| - value: 'on' | |
| styles: | |
| card: | |
| - box-shadow: >- | |
| inset 1px 1px 1px 0px rgba(255,255,255,0.2), 4px 4px 5px 1px | |
| rgba(0,0,0,0.6), 0px 0px 20px 1px rgba(10,100,140,1) | |
| - background-color: rgba(0,0,0,0.1) | |
| icon: | |
| - color: rgba(255, 255, 255, 0.8) | |
| - filter: >- | |
| drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) drop-shadow(0px | |
| 0px 20px rgb(255 255 255 / 1.0)) | |
| name: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| label: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - color: grey | |
| - value: 'off' | |
| label: Av | |
| styles: | |
| card: | |
| - box-shadow: >- | |
| 2px 2px 6px 0px rgba(0,0,0,0.3), inset 1px 1px 1px 0px | |
| rgba(255,255,255,0.2) | |
| - background-color: rgba(0,0,0,0.1) | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - color: rgba(255, 255, 255, 0.3) | |
| name: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| label: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - color: rgba(255, 255, 255, 0.3) | |
| show_label: true | |
| label: | | |
| [[[ | |
| var bri = states['light.stue_kjokken_trapp_41'].attributes.brightness; | |
| return ((bri ? bri : '0') / 2.55 ).toFixed(0) + '%'; | |
| ]]] | |
| styles: | |
| card: | |
| - transform: scale(0.9, 0.9) | |
| - type: custom:button-card | |
| view_layout: | |
| column: 1 | |
| tap_action: | |
| action: toggle | |
| name: Kjøkken | |
| entity: light.stue_kjokken_kjokken_21 | |
| icon: mdi:light-recessed | |
| color: rgb(255, 255, 255) | |
| style: | |
| .: | | |
| ha-card { | |
| border-radius: 20px; | |
| } | |
| :host { | |
| --paper-item-icon-color: '#ffffff'; | |
| } | |
| aspect_ratio: 1/1 | |
| state: | |
| - value: 'on' | |
| styles: | |
| card: | |
| - box-shadow: >- | |
| inset 1px 1px 1px 0px rgba(255,255,255,0.2), 4px 4px 5px 1px | |
| rgba(0,0,0,0.6), 0px 0px 20px 1px rgba(10,100,140,1) | |
| - background-color: rgba(0,0,0,0.1) | |
| icon: | |
| - color: rgba(255, 255, 255, 0.8) | |
| - filter: >- | |
| drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) drop-shadow(0px | |
| 0px 20px rgb(255 255 255 / 1.0)) | |
| name: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| label: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - color: grey | |
| - value: 'off' | |
| label: Av | |
| styles: | |
| card: | |
| - box-shadow: >- | |
| 2px 2px 6px 0px rgba(0,0,0,0.3), inset 1px 1px 1px 0px | |
| rgba(255,255,255,0.2) | |
| - background-color: rgba(0,0,0,0.1) | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - color: rgba(255, 255, 255, 0.3) | |
| name: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| label: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - color: rgba(255, 255, 255, 0.3) | |
| show_label: true | |
| label: | | |
| [[[ | |
| var bri = states['light.stue_kjokken_kjokken_21'].attributes.brightness; | |
| return ((bri ? bri : '0') / 2.55 ).toFixed(0) + '%'; | |
| ]]] | |
| styles: | |
| card: | |
| - transform: scale(0.9, 0.9) | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 2 | |
| height: 150 | |
| - type: custom:button-card | |
| view_layout: | |
| column: 2 | |
| tap_action: | |
| action: toggle | |
| name: Benklys | |
| entity: light.stue_kjokken_benklys_46 | |
| icon: mdi:led-strip-variant | |
| color: rgb(255, 255, 255) | |
| style: | |
| .: | | |
| ha-card { | |
| border-radius: 20px; | |
| } | |
| :host { | |
| --paper-item-icon-color: '#ffffff'; | |
| } | |
| aspect_ratio: 1/1 | |
| state: | |
| - value: 'on' | |
| styles: | |
| card: | |
| - box-shadow: >- | |
| inset 1px 1px 1px 0px rgba(255,255,255,0.2), 4px 4px 5px 1px | |
| rgba(0,0,0,0.6), 0px 0px 20px 1px rgba(10,100,140,1) | |
| - background-color: rgba(0,0,0,0.1) | |
| icon: | |
| - color: rgba(255, 255, 255, 0.8) | |
| - filter: >- | |
| drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) drop-shadow(0px | |
| 0px 20px rgb(255 255 255 / 1.0)) | |
| name: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| label: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - color: grey | |
| - value: 'off' | |
| label: Av | |
| styles: | |
| card: | |
| - box-shadow: >- | |
| 2px 2px 6px 0px rgba(0,0,0,0.3), inset 1px 1px 1px 0px | |
| rgba(255,255,255,0.2) | |
| - background-color: rgba(0,0,0,0.1) | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - color: rgba(255, 255, 255, 0.3) | |
| name: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| label: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - color: rgba(255, 255, 255, 0.3) | |
| show_label: true | |
| label: | | |
| [[[ | |
| var bri = states['light.stue_kjokken_benklys_46'].attributes.brightness; | |
| return ((bri ? bri : '0') / 2.55 ).toFixed(0) + '%'; | |
| ]]] | |
| styles: | |
| card: | |
| - transform: scale(0.9, 0.9) | |
| - type: conditional | |
| view_layout: | |
| column: 5 | |
| conditions: | |
| - entity: light.stue_kjokken_spisestue_11 | |
| state: 'on' | |
| card: | |
| type: custom:dimmer-button | |
| entity: light.stue_kjokken_spisestue_11 | |
| name: null | |
| mode: brightness | |
| direction: vertical | |
| bottom: null | |
| height: 350px | |
| background: rgba(0,0,0,0.05) | |
| foreground: '#0a648c' | |
| icon: none | |
| on_icon: null | |
| off_icon: null | |
| on_color: rgba(255, 255, 255, 0.0) | |
| off_color: rgba(255, 255, 255, 0.0) | |
| text_color: rgba(255, 255, 255, 0.0) | |
| style: | |
| .: | | |
| ha-card { | |
| border-radius: 20px; | |
| box-shadow: 4px 4px 5px 1px rgba(0,0,0,0.3), inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| width: 80px; | |
| margin-left: auto; | |
| margin-right: auto; | |
| text-align: center; | |
| } | |
| div.button { | |
| border-radius: 20px; | |
| } | |
| div.button.active { | |
| transform: none; | |
| } | |
| - type: conditional | |
| conditions: | |
| - entity: light.stue_kjokken_spisestue_11 | |
| state: 'on' | |
| card: | |
| type: horizontal-stack | |
| cards: | |
| - type: custom:gap-card | |
| height: 50 | |
| - type: custom:button-card | |
| entity: light.stue_kjokken_spisestue_11 | |
| tap_action: | |
| action: call-service | |
| service: light.turn_on | |
| service_data: | |
| entity_id: light.stue_kjokken_spisestue_11 | |
| brightness: 1 | |
| icon: mdi:chevron-down | |
| color: rgba(255, 255, 255, 0.5) | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.01); | |
| border-radius: 20px; | |
| width: 100px; | |
| box-shadow: 4px 4px 5px 1px rgba(0,0,0,0.3), inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| } | |
| show_name: false | |
| styles: | |
| card: | |
| - width: 50px | |
| - height: 50px | |
| state: | |
| - value: 'off' | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - color: rgba(255, 255, 255, 0.1) | |
| - value: 'on' | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - color: rgba(255, 255, 255, 0.5) | |
| - type: custom:gap-card | |
| height: 50 | |
| view_layout: | |
| column: 5 | |
| - type: conditional | |
| view_layout: | |
| column: 4 | |
| conditions: | |
| - entity: light.stue_kjokken_downlights_tv_31 | |
| state: 'on' | |
| card: | |
| type: custom:dimmer-button | |
| entity: light.stue_kjokken_downlights_tv_31 | |
| name: null | |
| mode: brightness | |
| direction: vertical | |
| bottom: null | |
| height: 350px | |
| background: rgba(0,0,0,0.05) | |
| foreground: '#0a648c' | |
| icon: none | |
| on_icon: null | |
| off_icon: null | |
| on_color: rgba(255, 255, 255, 0.0) | |
| off_color: rgba(255, 255, 255, 0.0) | |
| text_color: rgba(255, 255, 255, 0.0) | |
| style: | |
| .: | | |
| ha-card { | |
| border-radius: 20px; | |
| box-shadow: 4px 4px 5px 1px rgba(0,0,0,0.3), inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| width: 80px; | |
| margin-left: auto; | |
| margin-right: auto; | |
| text-align: center; | |
| } | |
| div.button { | |
| border-radius: 20px; | |
| } | |
| div.button.active { | |
| transform: none; | |
| } | |
| - type: conditional | |
| view_layout: | |
| column: 3 | |
| conditions: | |
| - entity: light.stue_kjokken_tv_stue_16 | |
| state: 'on' | |
| card: | |
| type: custom:dimmer-button | |
| entity: light.stue_kjokken_tv_stue_16 | |
| name: null | |
| mode: brightness | |
| direction: vertical | |
| bottom: null | |
| height: 350px | |
| background: rgba(0,0,0,0.05) | |
| foreground: '#0a648c' | |
| icon: none | |
| on_icon: null | |
| off_icon: null | |
| on_color: rgba(255, 255, 255, 0.0) | |
| off_color: rgba(255, 255, 255, 0.0) | |
| text_color: rgba(255, 255, 255, 0.0) | |
| style: | |
| .: | | |
| ha-card { | |
| border-radius: 20px; | |
| box-shadow: 4px 4px 5px 1px rgba(0,0,0,0.3), inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| width: 80px; | |
| margin-left: auto; | |
| margin-right: auto; | |
| text-align: center; | |
| } | |
| div.button { | |
| border-radius: 20px; | |
| } | |
| div.button.active { | |
| transform: none; | |
| } | |
| - type: conditional | |
| view_layout: | |
| column: 2 | |
| conditions: | |
| - entity: light.stue_kjokken_benklys_46 | |
| state: 'on' | |
| card: | |
| type: custom:dimmer-button | |
| entity: light.stue_kjokken_benklys_46 | |
| name: null | |
| mode: brightness | |
| direction: vertical | |
| bottom: null | |
| height: 350px | |
| background: rgba(0,0,0,0.05) | |
| foreground: '#0a648c' | |
| icon: none | |
| on_icon: null | |
| off_icon: null | |
| on_color: rgba(255, 255, 255, 0.0) | |
| off_color: rgba(255, 255, 255, 0.0) | |
| text_color: rgba(255, 255, 255, 0.0) | |
| style: | |
| .: | | |
| ha-card { | |
| border-radius: 20px; | |
| box-shadow: 4px 4px 5px 1px rgba(0,0,0,0.3), inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| width: 80px; | |
| margin-left: auto; | |
| margin-right: auto; | |
| text-align: center; | |
| } | |
| div.button { | |
| border-radius: 20px; | |
| } | |
| div.button.active { | |
| transform: none; | |
| } | |
| - type: conditional | |
| view_layout: | |
| column: 1 | |
| conditions: | |
| - entity: light.stue_kjokken_kjokken_21 | |
| state: 'on' | |
| card: | |
| type: custom:dimmer-button | |
| entity: light.stue_kjokken_kjokken_21 | |
| name: null | |
| mode: brightness | |
| direction: vertical | |
| bottom: null | |
| height: 350px | |
| background: rgba(0,0,0,0.05) | |
| foreground: '#0a648c' | |
| icon: none | |
| on_icon: null | |
| off_icon: null | |
| on_color: rgba(255, 255, 255, 0.0) | |
| off_color: rgba(255, 255, 255, 0.0) | |
| text_color: rgba(255, 255, 255, 0.0) | |
| style: | |
| .: | | |
| ha-card { | |
| border-radius: 20px; | |
| box-shadow: 4px 4px 5px 1px rgba(0,0,0,0.3), inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| width: 80px; | |
| margin-left: auto; | |
| margin-right: auto; | |
| text-align: center; | |
| } | |
| div.button { | |
| border-radius: 20px; | |
| } | |
| div.button.active { | |
| transform: none; | |
| } | |
| - type: conditional | |
| view_layout: | |
| column: 6 | |
| conditions: | |
| - entity: light.stue_kjokken_downlights_vest_36 | |
| state: 'on' | |
| card: | |
| type: custom:dimmer-button | |
| entity: light.stue_kjokken_downlights_vest_36 | |
| name: null | |
| mode: brightness | |
| direction: vertical | |
| bottom: null | |
| height: 350px | |
| background: rgba(0,0,0,0.05) | |
| foreground: '#0a648c' | |
| icon: none | |
| on_icon: null | |
| off_icon: null | |
| on_color: rgba(255, 255, 255, 0.0) | |
| off_color: rgba(255, 255, 255, 0.0) | |
| text_color: rgba(255, 255, 255, 0.0) | |
| style: | |
| .: | | |
| ha-card { | |
| border-radius: 20px; | |
| box-shadow: 4px 4px 5px 1px rgba(0,0,0,0.3), inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| width: 80px; | |
| margin-left: auto; | |
| margin-right: auto; | |
| text-align: center; | |
| } | |
| div.button { | |
| border-radius: 20px; | |
| } | |
| div.button.active { | |
| transform: none; | |
| } | |
| - type: conditional | |
| view_layout: | |
| column: 7 | |
| conditions: | |
| - entity: light.stue_kjokken_trapp_41 | |
| state: 'on' | |
| card: | |
| type: custom:dimmer-button | |
| entity: light.stue_kjokken_trapp_41 | |
| name: null | |
| mode: brightness | |
| direction: vertical | |
| bottom: null | |
| height: 350px | |
| background: rgba(0,0,0,0.05) | |
| foreground: '#0a648c' | |
| icon: none | |
| on_icon: null | |
| off_icon: null | |
| on_color: rgba(255, 255, 255, 0.0) | |
| off_color: rgba(255, 255, 255, 0.0) | |
| text_color: rgba(255, 255, 255, 0.0) | |
| style: | |
| .: | | |
| ha-card { | |
| border-radius: 20px; | |
| box-shadow: 4px 4px 5px 1px rgba(0,0,0,0.3), inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| width: 80px; | |
| margin-left: auto; | |
| margin-right: auto; | |
| text-align: center; | |
| } | |
| div.button { | |
| border-radius: 20px; | |
| } | |
| div.button.active { | |
| transform: none; | |
| } | |
| - type: conditional | |
| conditions: | |
| - entity: light.stue_kjokken_downlights_tv_31 | |
| state: 'on' | |
| card: | |
| type: horizontal-stack | |
| cards: | |
| - type: custom:gap-card | |
| height: 50 | |
| - type: custom:button-card | |
| entity: light.stue_kjokken_downlights_tv_31 | |
| tap_action: | |
| action: call-service | |
| service: light.turn_on | |
| service_data: | |
| entity_id: light.stue_kjokken_downlights_tv_31 | |
| brightness: 1 | |
| icon: mdi:chevron-down | |
| color: rgba(255, 255, 255, 0.5) | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.01); | |
| border-radius: 20px; | |
| width: 100px; | |
| box-shadow: 4px 4px 5px 1px rgba(0,0,0,0.3), inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| } | |
| show_name: false | |
| styles: | |
| card: | |
| - width: 50px | |
| - height: 50px | |
| state: | |
| - value: 'off' | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - color: rgba(255, 255, 255, 0.1) | |
| - value: 'on' | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - color: rgba(255, 255, 255, 0.5) | |
| - type: custom:gap-card | |
| height: 50 | |
| view_layout: | |
| column: 4 | |
| - type: conditional | |
| conditions: | |
| - entity: light.stue_kjokken_benklys_46 | |
| state: 'on' | |
| card: | |
| type: horizontal-stack | |
| cards: | |
| - type: custom:gap-card | |
| height: 50 | |
| - type: custom:button-card | |
| entity: light.stue_kjokken_benklys_46 | |
| tap_action: | |
| action: call-service | |
| service: light.turn_on | |
| service_data: | |
| entity_id: light.stue_kjokken_benklys_46 | |
| brightness: 1 | |
| icon: mdi:chevron-down | |
| color: rgba(255, 255, 255, 0.5) | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.01); | |
| border-radius: 20px; | |
| width: 100px; | |
| box-shadow: 4px 4px 5px 1px rgba(0,0,0,0.3), inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| } | |
| show_name: false | |
| styles: | |
| card: | |
| - width: 50px | |
| - height: 50px | |
| state: | |
| - value: 'off' | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - color: rgba(255, 255, 255, 0.1) | |
| - value: 'on' | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - color: rgba(255, 255, 255, 0.5) | |
| - type: custom:gap-card | |
| height: 50 | |
| view_layout: | |
| column: 2 | |
| - type: conditional | |
| conditions: | |
| - entity: light.stue_kjokken_kjokken_21 | |
| state: 'on' | |
| card: | |
| type: horizontal-stack | |
| cards: | |
| - type: custom:gap-card | |
| height: 50 | |
| - type: custom:button-card | |
| entity: light.stue_kjokken_kjokken_21 | |
| tap_action: | |
| action: call-service | |
| service: light.turn_on | |
| service_data: | |
| entity_id: light.stue_kjokken_kjokken_21 | |
| brightness: 1 | |
| icon: mdi:chevron-down | |
| color: rgba(255, 255, 255, 0.5) | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.01); | |
| border-radius: 20px; | |
| width: 100px; | |
| box-shadow: 4px 4px 5px 1px rgba(0,0,0,0.3), inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| } | |
| show_name: false | |
| styles: | |
| card: | |
| - width: 50px | |
| - height: 50px | |
| state: | |
| - value: 'off' | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - color: rgba(255, 255, 255, 0.1) | |
| - value: 'on' | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - color: rgba(255, 255, 255, 0.5) | |
| - type: custom:gap-card | |
| height: 50 | |
| view_layout: | |
| column: 1 | |
| - type: conditional | |
| conditions: | |
| - entity: light.stue_kjokken_downlights_vest_36 | |
| state: 'on' | |
| card: | |
| type: horizontal-stack | |
| cards: | |
| - type: custom:gap-card | |
| height: 50 | |
| - type: custom:button-card | |
| entity: light.stue_kjokken_downlights_vest_36 | |
| tap_action: | |
| action: call-service | |
| service: light.turn_on | |
| service_data: | |
| entity_id: light.stue_kjokken_downlights_vest_36 | |
| brightness: 1 | |
| icon: mdi:chevron-down | |
| color: rgba(255, 255, 255, 0.5) | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.01); | |
| border-radius: 20px; | |
| width: 100px; | |
| box-shadow: 4px 4px 5px 1px rgba(0,0,0,0.3), inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| } | |
| show_name: false | |
| styles: | |
| card: | |
| - width: 50px | |
| - height: 50px | |
| state: | |
| - value: 'off' | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - color: rgba(255, 255, 255, 0.1) | |
| - value: 'on' | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - color: rgba(255, 255, 255, 0.5) | |
| - type: custom:gap-card | |
| height: 50 | |
| view_layout: | |
| column: 6 | |
| - type: conditional | |
| conditions: | |
| - entity: light.stue_kjokken_trapp_41 | |
| state: 'on' | |
| card: | |
| type: horizontal-stack | |
| cards: | |
| - type: custom:gap-card | |
| height: 50 | |
| - type: custom:button-card | |
| entity: light.stue_kjokken_trapp_41 | |
| tap_action: | |
| action: call-service | |
| service: light.turn_on | |
| service_data: | |
| entity_id: light.stue_kjokken_trapp_41 | |
| brightness: 1 | |
| icon: mdi:chevron-down | |
| color: rgba(255, 255, 255, 0.5) | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.01); | |
| border-radius: 20px; | |
| width: 100px; | |
| box-shadow: 4px 4px 5px 1px rgba(0,0,0,0.3), inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| } | |
| show_name: false | |
| styles: | |
| card: | |
| - width: 50px | |
| - height: 50px | |
| state: | |
| - value: 'off' | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - color: rgba(255, 255, 255, 0.1) | |
| - value: 'on' | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - color: rgba(255, 255, 255, 0.5) | |
| - type: custom:gap-card | |
| height: 50 | |
| view_layout: | |
| column: 7 | |
| - type: conditional | |
| conditions: | |
| - entity: light.stue_kjokken_tv_stue_16 | |
| state: 'on' | |
| card: | |
| type: horizontal-stack | |
| cards: | |
| - type: custom:gap-card | |
| height: 50 | |
| - type: custom:button-card | |
| entity: light.stue_kjokken_tv_stue_16 | |
| tap_action: | |
| action: call-service | |
| service: light.turn_on | |
| service_data: | |
| entity_id: light.stue_kjokken_tv_stue_16 | |
| brightness: 1 | |
| icon: mdi:chevron-down | |
| color: rgba(255, 255, 255, 0.5) | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.01); | |
| border-radius: 20px; | |
| width: 100px; | |
| box-shadow: 4px 4px 5px 1px rgba(0,0,0,0.3), inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| } | |
| show_name: false | |
| styles: | |
| card: | |
| - width: 50px | |
| - height: 50px | |
| state: | |
| - value: 'off' | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - color: rgba(255, 255, 255, 0.1) | |
| - value: 'on' | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - color: rgba(255, 255, 255, 0.5) | |
| - type: custom:gap-card | |
| height: 50 | |
| view_layout: | |
| column: 3 | |
| - theme: Backend-selected | |
| title: Varme | |
| path: varme | |
| icon: mdi:radiator | |
| type: custom:vertical-layout | |
| layout: | |
| width: 200 | |
| max_cols: 5 | |
| badges: [] | |
| cards: | |
| - type: custom:button-card | |
| view_layout: | |
| column: 1 | |
| icon: mdi:home-outline | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.0); | |
| box-shadow: none; | |
| border-radius: 20px; | |
| } | |
| tap_action: | |
| action: navigate | |
| navigation_path: /lovelace-test4/hjem | |
| height: 1100 | |
| styles: | |
| card: | |
| - height: 150px | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| size: 50px | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 4 | |
| height: 95 | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 3 | |
| height: 95 | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 5 | |
| height: 150 | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 2 | |
| height: 95 | |
| - type: horizontal-stack | |
| cards: | |
| - type: custom:gap-card | |
| - type: custom:mod-card | |
| card: | |
| type: custom:button-card | |
| tap_action: | |
| action: call-service | |
| service: input_boolean.toggle | |
| data: {} | |
| service_data: | |
| entity_id: input_boolean.varme_master_av_og_pa | |
| icon: mdi:power | |
| show_name: false | |
| name: Auto | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| border-radius: 20px; | |
| box-shadow: {{ '0px 0px 10px 5px rgba(10,100,140,1), inset 1px 1px 1px 0px rgba(255,255,255,0.2)' if is_state('input_boolean.varme_master_av_og_pa', 'on') else 'inset 1px 1px 1px 0px rgba(255,255,255,0.2), 4px 4px 5px 1px rgba(0,0,0,0.3)' }}; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(1.0, 1.0) | |
| - height: 50px | |
| name: | |
| - font-size: 20px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 2 | |
| - type: custom:mini-graph-card | |
| entities: | |
| - entity: sensor.temperature_9 | |
| - entity: binary_sensor.natt | |
| color: rgba(0,0,0,0.5) | |
| y_axis: secondary | |
| aggregate_func: min | |
| show_state: false | |
| show_line: false | |
| show_points: false | |
| show_label: false | |
| show_legend: false | |
| view_layout: | |
| column: 2 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: none; | |
| text-shadow: 3px 3px 5px rgb(0 0 0 / 0.4); | |
| border-radius: 20px; | |
| color: {{ 'rgba(225,225,225,1)' if is_state('input_boolean.varme_master_av_og_pa', 'on') else 'rgba(225,225,225,0.3)' }}; | |
| name: Master Sov | |
| points_per_hour: 1 | |
| tap_action: | |
| action: none | |
| show: | |
| fill: fade | |
| icon: false | |
| graph: true | |
| labels: false | |
| animate: true | |
| decimals: 1 | |
| align_state: center | |
| align_header: center | |
| hour24: true | |
| aggregate_func: last | |
| styles: | |
| name: | |
| - filter: drop-shadow(3px 5px 2px rgb(255 0 0 / 0.4)) | |
| line_color: rgba(10,100,140,1) | |
| hours_to_show: 24 | |
| - type: horizontal-stack | |
| cards: | |
| - type: custom:gap-card | |
| - type: custom:mod-card | |
| card: | |
| type: custom:button-card | |
| tap_action: | |
| action: call-service | |
| service: input_boolean.toggle | |
| data: {} | |
| service_data: | |
| entity_id: input_boolean.varme_emilie_av_og_pa | |
| icon: mdi:power | |
| show_name: false | |
| name: Auto | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| border-radius: 20px; | |
| box-shadow: {{ '0px 0px 10px 5px rgba(10,100,140,1), inset 1px 1px 1px 0px rgba(255,255,255,0.2)' if is_state('input_boolean.varme_emilie_av_og_pa', 'on') else 'inset 1px 1px 1px 0px rgba(255,255,255,0.2), 4px 4px 5px 1px rgba(0,0,0,0.3)' }}; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(1.0, 1.0) | |
| - height: 50px | |
| name: | |
| - font-size: 20px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 4 | |
| - type: custom:mini-graph-card | |
| entities: | |
| - entity: sensor.temperature_15 | |
| - entity: binary_sensor.natt | |
| color: rgba(0,0,0,0.5) | |
| y_axis: secondary | |
| aggregate_func: min | |
| show_state: false | |
| show_line: false | |
| show_points: false | |
| show_label: false | |
| show_legend: false | |
| view_layout: | |
| column: 4 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: none; | |
| text-shadow: 3px 3px 5px rgb(0 0 0 / 0.4); | |
| border-radius: 20px; | |
| color: {{ 'rgba(225,225,225,1)' if is_state('input_boolean.varme_emilie_av_og_pa', 'on') else 'rgba(225,225,225,0.3)' }}; | |
| name: Emilie | |
| points_per_hour: 1 | |
| tap_action: | |
| action: none | |
| show: | |
| fill: fade | |
| icon: false | |
| graph: true | |
| labels: false | |
| animate: true | |
| decimals: 1 | |
| align_state: center | |
| align_header: center | |
| hour24: true | |
| aggregate_func: last | |
| styles: | |
| name: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| line_color: rgba(10,100,140,1) | |
| hours_to_show: 24 | |
| - type: horizontal-stack | |
| cards: | |
| - type: custom:gap-card | |
| - type: custom:mod-card | |
| card: | |
| type: custom:button-card | |
| tap_action: | |
| action: call-service | |
| service: input_boolean.toggle | |
| data: {} | |
| service_data: | |
| entity_id: input_boolean.varme_aleksander_av_og_pa | |
| icon: mdi:power | |
| show_name: false | |
| name: Auto | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| border-radius: 20px; | |
| box-shadow: {{ '0px 0px 10px 5px rgba(10,100,140,1), inset 1px 1px 1px 0px rgba(255,255,255,0.2)' if is_state('input_boolean.varme_aleksander_av_og_pa', 'on') else 'inset 1px 1px 1px 0px rgba(255,255,255,0.2), 4px 4px 5px 1px rgba(0,0,0,0.3)' }}; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(1.0, 1.0) | |
| - height: 50px | |
| name: | |
| - font-size: 20px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 3 | |
| - type: custom:mini-graph-card | |
| entities: | |
| - entity: sensor.temperature_12 | |
| - entity: binary_sensor.natt | |
| color: rgba(0,0,0,0.5) | |
| y_axis: secondary | |
| aggregate_func: min | |
| show_state: false | |
| show_line: false | |
| show_points: false | |
| show_label: false | |
| show_legend: false | |
| view_layout: | |
| column: 3 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: none; | |
| text-shadow: 3px 3px 5px rgb(0 0 0 / 0.4); | |
| border-radius: 20px; | |
| color: {{ 'rgba(225,225,225,1)' if is_state('input_boolean.varme_aleksander_av_og_pa', 'on') else 'rgba(225,225,225,0.3)' }}; | |
| name: Aleksander | |
| points_per_hour: 1 | |
| tap_action: | |
| action: none | |
| show: | |
| fill: fade | |
| icon: false | |
| graph: true | |
| labels: false | |
| animate: true | |
| decimals: 1 | |
| align_state: center | |
| align_header: center | |
| hour24: true | |
| aggregate_func: last | |
| styles: | |
| name: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| line_color: rgba(10,100,140,1) | |
| hours_to_show: 24 | |
| - type: vertical-stack | |
| cards: | |
| - type: custom:mod-card | |
| card: | |
| type: custom:button-card | |
| tap_action: | |
| action: call-service | |
| service: input_select.select_option | |
| service_data: | |
| entity_id: input_select.modus_varme | |
| option: Hjemme | |
| icon: null | |
| name: Hjemme | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| border-radius: 20px; | |
| height: 60px; | |
| margin-left: 50px; | |
| box-shadow: {{ '0px 0px 10px 5px rgba(10,100,140,1), inset 1px 1px 1px 0px rgba(255,255,255,0.2), 4px 4px 5px 1px rgba(0,0,0,0.3)' if is_state('input_select.modus_varme', 'Hjemme') else 'inset 1px 1px 1px 0px rgba(255,255,255,0.2), 4px 4px 5px 1px rgba(0,0,0,0.3)' }}; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(1.0, 1.0) | |
| - width: 200px | |
| name: | |
| - font-size: 20px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - type: custom:mod-card | |
| card: | |
| type: custom:button-card | |
| tap_action: | |
| action: call-service | |
| service: input_select.select_option | |
| service_data: | |
| entity_id: input_select.modus_varme | |
| option: Borte | |
| icon: null | |
| name: Borte | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| border-radius: 20px; | |
| height: 60px; | |
| margin-left: 50px; | |
| box-shadow: {{ '0px 0px 10px 5px rgba(10,100,140,1), inset 1px 1px 1px 0px rgba(255,255,255,0.2), 4px 4px 5px 1px rgba(0,0,0,0.3)' if is_state('input_select.modus_varme', 'Borte') else 'inset 1px 1px 1px 0px rgba(255,255,255,0.2), 4px 4px 5px 1px rgba(0,0,0,0.3)' }}; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(1.0, 1.0) | |
| - width: 200px | |
| name: | |
| - font-size: 20px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - type: custom:mod-card | |
| card: | |
| type: custom:button-card | |
| tap_action: | |
| action: call-service | |
| service: input_select.select_option | |
| service_data: | |
| entity_id: input_select.modus_varme | |
| option: Natt | |
| icon: null | |
| name: Natt | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| border-radius: 20px; | |
| height: 60px; | |
| margin-left: 50px; | |
| box-shadow: {{ '0px 0px 10px 5px rgba(10,100,140,1), inset 1px 1px 1px 0px rgba(255,255,255,0.2), 4px 4px 5px 1px rgba(0,0,0,0.3)' if is_state('input_select.modus_varme', 'Natt') else 'inset 1px 1px 1px 0px rgba(255,255,255,0.2), 4px 4px 5px 1px rgba(0,0,0,0.3)' }}; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(1.0, 1.0) | |
| - width: 200px | |
| name: | |
| - font-size: 20px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - type: custom:mod-card | |
| card: | |
| type: custom:button-card | |
| tap_action: | |
| action: call-service | |
| service: input_boolean.toggle | |
| data: {} | |
| service_data: | |
| entity_id: input_boolean.automatikk_varme | |
| icon: null | |
| name: Auto | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| border-radius: 20px; | |
| height: 60px; | |
| margin-left: 50px; | |
| box-shadow: {{ '0px 0px 10px 5px rgba(10,100,140,1), inset 1px 1px 1px 0px rgba(255,255,255,0.2), 4px 4px 5px 1px rgba(0,0,0,0.3)' if is_state('input_boolean.automatikk_varme', 'on') else 'inset 1px 1px 1px 0px rgba(255,255,255,0.2), 4px 4px 5px 1px rgba(0,0,0,0.3)' }}; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(1.0, 1.0) | |
| - width: 200px | |
| name: | |
| - font-size: 20px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| view_layout: | |
| column: 1 | |
| - type: custom:mod-card | |
| view_layout: | |
| column: 2 | |
| card: | |
| type: custom:state-switch | |
| entity: input_select.modus_varme | |
| default: 1 | |
| transition: slide-down | |
| transition_time: 200 | |
| states: | |
| Hjemme: | |
| type: custom:mod-card | |
| card: | |
| type: custom:button-card | |
| entity: input_number.onsket_temperatur_master_hjemme | |
| icon: null | |
| tap_action: | |
| action: none | |
| show_state: true | |
| show_icon: false | |
| show_name: true | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| border-radius: 20px; | |
| margin-top: -30px; | |
| color: {{ 'rgba(225,225,225,1)' if is_state('input_boolean.varme_master_av_og_pa', 'on') else 'rgba(225,225,225,0.3)' }}; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(0.5, 0.5) | |
| state: | |
| - font-size: 50px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| name: | |
| - font-size: 30px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| state_display: | | |
| [[[ | |
| return ((Math.round(Number(entity.state)))+'°'); | |
| ]]] | |
| aspect_ratio: 2/1 | |
| units: °C | |
| name: Ønsket temperatur | |
| style: | |
| .: | | |
| ha-card { | |
| height: 80px; | |
| } | |
| Borte: | |
| type: custom:mod-card | |
| card: | |
| type: custom:button-card | |
| entity: input_number.onsket_temperatur_master_borte | |
| icon: null | |
| tap_action: | |
| action: none | |
| show_state: true | |
| show_icon: false | |
| show_name: true | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| border-radius: 20px; | |
| margin-top: -30px; | |
| color: {{ 'rgba(225,225,225,1)' if is_state('input_boolean.varme_master_av_og_pa', 'on') else 'rgba(225,225,225,0.3)' }}; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(0.5, 0.5) | |
| state: | |
| - font-size: 50px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| name: | |
| - font-size: 30px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| state_display: | | |
| [[[ | |
| return ((Math.round(Number(entity.state)))+'°'); | |
| ]]] | |
| aspect_ratio: 2/1 | |
| units: °C | |
| name: Ønsket temperatur | |
| style: | |
| .: | | |
| ha-card { | |
| height: 80px; | |
| } | |
| Natt: | |
| type: custom:mod-card | |
| card: | |
| type: custom:button-card | |
| entity: input_number.onsket_temperatur_master_natt | |
| icon: null | |
| tap_action: | |
| action: none | |
| show_state: true | |
| show_icon: false | |
| show_name: true | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| border-radius: 20px; | |
| margin-top: -30px; | |
| color: {{ 'rgba(225,225,225,1)' if is_state('input_boolean.varme_master_av_og_pa', 'on') else 'rgba(225,225,225,0.3)' }}; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(0.5, 0.5) | |
| state: | |
| - font-size: 50px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| name: | |
| - font-size: 30px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| state_display: | | |
| [[[ | |
| return ((Math.round(Number(entity.state)))+'°'); | |
| ]]] | |
| aspect_ratio: 2/1 | |
| units: °C | |
| name: Ønsket temperatur | |
| style: | |
| .: | | |
| ha-card { | |
| height: 80px; | |
| } | |
| - type: custom:mod-card | |
| view_layout: | |
| column: 4 | |
| card: | |
| type: custom:state-switch | |
| entity: input_select.modus_varme | |
| default: 1 | |
| transition: slide-down | |
| transition_time: 200 | |
| states: | |
| Hjemme: | |
| type: custom:mod-card | |
| card: | |
| type: custom:button-card | |
| entity: input_number.onsket_temperatur_emile_hjemme | |
| icon: null | |
| tap_action: | |
| action: none | |
| show_state: true | |
| show_icon: false | |
| show_name: true | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| border-radius: 20px; | |
| margin-top: -30px; | |
| color: {{ 'rgba(225,225,225,1)' if is_state('input_boolean.varme_emilie_av_og_pa', 'on') else 'rgba(225,225,225,0.3)' }}; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(0.5, 0.5) | |
| state: | |
| - font-size: 50px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| name: | |
| - font-size: 30px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| state_display: | | |
| [[[ | |
| return ((Math.round(Number(entity.state)))+'°'); | |
| ]]] | |
| aspect_ratio: 2/1 | |
| units: °C | |
| name: Ønsket temperatur | |
| style: | |
| .: | | |
| ha-card { | |
| height: 80px; | |
| } | |
| Borte: | |
| type: custom:mod-card | |
| card: | |
| type: custom:button-card | |
| entity: input_number.onsket_temperatur_emile_borte | |
| icon: null | |
| tap_action: | |
| action: none | |
| show_state: true | |
| show_icon: false | |
| show_name: true | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| border-radius: 20px; | |
| margin-top: -30px; | |
| color: {{ 'rgba(225,225,225,1)' if is_state('input_boolean.varme_emilie_av_og_pa', 'on') else 'rgba(225,225,225,0.3)' }}; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(0.5, 0.5) | |
| state: | |
| - font-size: 50px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| name: | |
| - font-size: 30px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| state_display: | | |
| [[[ | |
| return ((Math.round(Number(entity.state)))+'°'); | |
| ]]] | |
| aspect_ratio: 2/1 | |
| units: °C | |
| name: Ønsket temperatur | |
| style: | |
| .: | | |
| ha-card { | |
| height: 80px; | |
| } | |
| Natt: | |
| type: custom:mod-card | |
| card: | |
| type: custom:button-card | |
| entity: input_number.onsket_temperatur_emile_natt | |
| icon: null | |
| tap_action: | |
| action: none | |
| show_state: true | |
| show_icon: false | |
| show_name: true | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| border-radius: 20px; | |
| margin-top: -30px; | |
| color: {{ 'rgba(225,225,225,1)' if is_state('input_boolean.varme_emilie_av_og_pa', 'on') else 'rgba(225,225,225,0.3)' }}; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(0.5, 0.5) | |
| state: | |
| - font-size: 50px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| name: | |
| - font-size: 30px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| state_display: | | |
| [[[ | |
| return ((Math.round(Number(entity.state)))+'°'); | |
| ]]] | |
| aspect_ratio: 2/1 | |
| units: °C | |
| name: Ønsket temperatur | |
| style: | |
| .: | | |
| ha-card { | |
| height: 80px; | |
| } | |
| - type: custom:mod-card | |
| view_layout: | |
| column: 3 | |
| card: | |
| type: custom:state-switch | |
| entity: input_select.modus_varme | |
| default: 1 | |
| transition: slide-down | |
| transition_time: 200 | |
| states: | |
| Hjemme: | |
| type: custom:mod-card | |
| card: | |
| type: custom:button-card | |
| entity: input_number.onsket_temperatur_aleksander_hjemme | |
| icon: null | |
| tap_action: | |
| action: none | |
| show_state: true | |
| show_icon: false | |
| show_name: true | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| border-radius: 20px; | |
| margin-top: -30px; | |
| color: {{ 'rgba(225,225,225,1)' if is_state('input_boolean.varme_aleksander_av_og_pa', 'on') else 'rgba(225,225,225,0.3)' }}; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(0.5, 0.5) | |
| state: | |
| - font-size: 50px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| name: | |
| - font-size: 30px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| state_display: | | |
| [[[ | |
| return ((Math.round(Number(entity.state)))+'°'); | |
| ]]] | |
| aspect_ratio: 2/1 | |
| units: °C | |
| name: Ønsket temperatur | |
| style: | |
| .: | | |
| ha-card { | |
| height: 80px; | |
| } | |
| Borte: | |
| type: custom:mod-card | |
| card: | |
| type: custom:button-card | |
| entity: input_number.onsket_temperatur_aleksander_borte | |
| icon: null | |
| tap_action: | |
| action: none | |
| show_state: true | |
| show_icon: false | |
| show_name: true | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| border-radius: 20px; | |
| margin-top: -30px; | |
| color: {{ 'rgba(225,225,225,1)' if is_state('input_boolean.varme_aleksander_av_og_pa', 'on') else 'rgba(225,225,225,0.3)' }}; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(0.5, 0.5) | |
| state: | |
| - font-size: 50px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| name: | |
| - font-size: 30px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| state_display: | | |
| [[[ | |
| return ((Math.round(Number(entity.state)))+'°'); | |
| ]]] | |
| aspect_ratio: 2/1 | |
| units: °C | |
| name: Ønsket temperatur | |
| style: | |
| .: | | |
| ha-card { | |
| height: 80px; | |
| } | |
| Natt: | |
| type: custom:mod-card | |
| card: | |
| type: custom:button-card | |
| entity: input_number.onsket_temperatur_aleksander_natt | |
| icon: null | |
| tap_action: | |
| action: none | |
| show_state: true | |
| show_icon: false | |
| show_name: true | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| border-radius: 20px; | |
| margin-top: -30px; | |
| color: {{ 'rgba(225,225,225,1)' if is_state('input_boolean.varme_aleksander_av_og_pa', 'on') else 'rgba(225,225,225,0.3)' }}; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(0.5, 0.5) | |
| state: | |
| - font-size: 50px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| name: | |
| - font-size: 30px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| state_display: | | |
| [[[ | |
| return ((Math.round(Number(entity.state)))+'°'); | |
| ]]] | |
| aspect_ratio: 2/1 | |
| units: °C | |
| name: Ønsket temperatur | |
| style: | |
| .: | | |
| ha-card { | |
| height: 80px; | |
| } | |
| - type: custom:mod-card | |
| view_layout: | |
| column: 2 | |
| style: | |
| .: | | |
| ha-card { | |
| opacity: {{ '100%' if is_state('input_boolean.varme_master_av_og_pa', 'on') else '0%' }}; | |
| } | |
| card: | |
| type: custom:state-switch | |
| entity: input_select.modus_varme | |
| default: 1 | |
| transition: null | |
| transition_time: 200 | |
| states: | |
| Hjemme: | |
| type: vertical-stack | |
| view_layout: | |
| column: 3 | |
| cards: | |
| - type: horizontal-stack | |
| cards: | |
| - type: custom:gap-card | |
| - type: custom:mod-card | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: transparent; | |
| border-radius: 20px; | |
| } | |
| card: | |
| type: custom:button-card | |
| tap_action: | |
| action: call-service | |
| service: script.ok_og_send_temp_master_hjemme | |
| icon: null | |
| name: + | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: 4px 4px 5px 1px rgba(0,0,0,0.3), inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| border-radius: 20px; | |
| height: 80px; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(0.8, 0.8) | |
| name: | |
| - font-size: 20px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - type: custom:gap-card | |
| - type: horizontal-stack | |
| cards: | |
| - type: custom:gap-card | |
| - type: custom:mod-card | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: transparent; | |
| border-radius: 20px; | |
| } | |
| card: | |
| type: custom:button-card | |
| tap_action: | |
| action: call-service | |
| service: script.senk_og_send_temp_master_hjemme | |
| icon: null | |
| name: '-' | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: 4px 4px 5px 1px rgba(0,0,0,0.3), inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| border-radius: 20px; | |
| height: 80px; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(0.8, 0.8) | |
| name: | |
| - font-size: 20px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - type: custom:gap-card | |
| Borte: | |
| type: vertical-stack | |
| view_layout: | |
| column: 3 | |
| cards: | |
| - type: horizontal-stack | |
| cards: | |
| - type: custom:gap-card | |
| - type: custom:mod-card | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: transparent; | |
| border-radius: 20px; | |
| } | |
| card: | |
| type: custom:button-card | |
| tap_action: | |
| action: call-service | |
| service: script.ok_og_send_temp_master_borte | |
| icon: null | |
| name: + | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: 4px 4px 5px 1px rgba(0,0,0,0.3), inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| border-radius: 20px; | |
| height: 80px; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(0.8, 0.8) | |
| name: | |
| - font-size: 20px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - type: custom:gap-card | |
| - type: horizontal-stack | |
| cards: | |
| - type: custom:gap-card | |
| - type: custom:mod-card | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: transparent; | |
| border-radius: 20px; | |
| } | |
| card: | |
| type: custom:button-card | |
| tap_action: | |
| action: call-service | |
| service: script.senk_og_send_temp_master_borte | |
| icon: null | |
| name: '-' | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: 4px 4px 5px 1px rgba(0,0,0,0.3), inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| border-radius: 20px; | |
| height: 80px; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(0.8, 0.8) | |
| name: | |
| - font-size: 20px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - type: custom:gap-card | |
| Natt: | |
| type: vertical-stack | |
| view_layout: | |
| column: 3 | |
| cards: | |
| - type: horizontal-stack | |
| cards: | |
| - type: custom:gap-card | |
| - type: custom:mod-card | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: transparent; | |
| border-radius: 20px; | |
| } | |
| card: | |
| type: custom:button-card | |
| tap_action: | |
| action: call-service | |
| service: script.ok_og_send_temp_master_natt | |
| icon: null | |
| name: + | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: 4px 4px 5px 1px rgba(0,0,0,0.3), inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| border-radius: 20px; | |
| height: 80px; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(0.8, 0.8) | |
| name: | |
| - font-size: 20px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - type: custom:gap-card | |
| - type: horizontal-stack | |
| cards: | |
| - type: custom:gap-card | |
| - type: custom:mod-card | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: transparent; | |
| border-radius: 20px; | |
| } | |
| card: | |
| type: custom:button-card | |
| tap_action: | |
| action: call-service | |
| service: script.senk_og_send_temp_master_natt | |
| icon: null | |
| name: '-' | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: 4px 4px 5px 1px rgba(0,0,0,0.3), inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| border-radius: 20px; | |
| height: 80px; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(0.8, 0.8) | |
| name: | |
| - font-size: 20px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - type: custom:gap-card | |
| - type: custom:mod-card | |
| view_layout: | |
| column: 4 | |
| style: | |
| .: | | |
| ha-card { | |
| opacity: {{ '100%' if is_state('input_boolean.varme_emilie_av_og_pa', 'on') else '0%' }}; | |
| } | |
| card: | |
| type: custom:state-switch | |
| entity: input_select.modus_varme | |
| default: 1 | |
| transition: null | |
| transition_time: 200 | |
| states: | |
| Hjemme: | |
| type: vertical-stack | |
| view_layout: | |
| column: 3 | |
| cards: | |
| - type: horizontal-stack | |
| cards: | |
| - type: custom:gap-card | |
| - type: custom:mod-card | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: transparent; | |
| border-radius: 20px; | |
| } | |
| card: | |
| type: custom:button-card | |
| tap_action: | |
| action: call-service | |
| service: script.ok_og_send_onsket_temp_emilie_hjemme | |
| icon: null | |
| name: + | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: 4px 4px 5px 1px rgba(0,0,0,0.3), inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| border-radius: 20px; | |
| height: 80px; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(0.8, 0.8) | |
| name: | |
| - font-size: 20px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - type: custom:gap-card | |
| - type: horizontal-stack | |
| cards: | |
| - type: custom:gap-card | |
| - type: custom:mod-card | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: transparent; | |
| border-radius: 20px; | |
| } | |
| card: | |
| type: custom:button-card | |
| tap_action: | |
| action: call-service | |
| service: script.senk_og_send_onsket_temp_emilie_hjemme | |
| icon: null | |
| name: '-' | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: 4px 4px 5px 1px rgba(0,0,0,0.3), inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| border-radius: 20px; | |
| height: 80px; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(0.8, 0.8) | |
| name: | |
| - font-size: 20px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - type: custom:gap-card | |
| Borte: | |
| type: vertical-stack | |
| view_layout: | |
| column: 3 | |
| cards: | |
| - type: horizontal-stack | |
| cards: | |
| - type: custom:gap-card | |
| - type: custom:mod-card | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: transparent; | |
| border-radius: 20px; | |
| } | |
| card: | |
| type: custom:button-card | |
| tap_action: | |
| action: call-service | |
| service: script.ok_og_send_temp_emilie_borte | |
| icon: null | |
| name: + | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: 4px 4px 5px 1px rgba(0,0,0,0.3), inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| border-radius: 20px; | |
| height: 80px; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(0.8, 0.8) | |
| name: | |
| - font-size: 20px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - type: custom:gap-card | |
| - type: horizontal-stack | |
| cards: | |
| - type: custom:gap-card | |
| - type: custom:mod-card | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: transparent; | |
| border-radius: 20px; | |
| } | |
| card: | |
| type: custom:button-card | |
| tap_action: | |
| action: call-service | |
| service: script.senk_og_send_temp_emilie_borte | |
| icon: null | |
| name: '-' | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: 4px 4px 5px 1px rgba(0,0,0,0.3), inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| border-radius: 20px; | |
| height: 80px; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(0.8, 0.8) | |
| name: | |
| - font-size: 20px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - type: custom:gap-card | |
| Natt: | |
| type: vertical-stack | |
| view_layout: | |
| column: 3 | |
| cards: | |
| - type: horizontal-stack | |
| cards: | |
| - type: custom:gap-card | |
| - type: custom:mod-card | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: transparent; | |
| border-radius: 20px; | |
| } | |
| card: | |
| type: custom:button-card | |
| tap_action: | |
| action: call-service | |
| service: script.ok_og_send_temp_emilie_natt | |
| icon: null | |
| name: + | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: 4px 4px 5px 1px rgba(0,0,0,0.3), inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| border-radius: 20px; | |
| height: 80px; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(0.8, 0.8) | |
| name: | |
| - font-size: 20px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - type: custom:gap-card | |
| - type: horizontal-stack | |
| cards: | |
| - type: custom:gap-card | |
| - type: custom:mod-card | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: transparent; | |
| border-radius: 20px; | |
| } | |
| card: | |
| type: custom:button-card | |
| tap_action: | |
| action: call-service | |
| service: script.senk_og_send_temp_emilie_natt | |
| icon: null | |
| name: '-' | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: 4px 4px 5px 1px rgba(0,0,0,0.3), inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| border-radius: 20px; | |
| height: 80px; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(0.8, 0.8) | |
| name: | |
| - font-size: 20px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - type: custom:gap-card | |
| - type: custom:mod-card | |
| view_layout: | |
| column: 3 | |
| style: | |
| .: | | |
| ha-card { | |
| opacity: {{ '100%' if is_state('input_boolean.varme_aleksander_av_og_pa', 'on') else '0%' }}; | |
| } | |
| card: | |
| type: custom:state-switch | |
| entity: input_select.modus_varme | |
| default: 1 | |
| transition: null | |
| transition_time: 200 | |
| states: | |
| Hjemme: | |
| type: vertical-stack | |
| view_layout: | |
| column: 3 | |
| cards: | |
| - type: horizontal-stack | |
| cards: | |
| - type: custom:gap-card | |
| - type: custom:mod-card | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: transparent; | |
| border-radius: 20px; | |
| } | |
| card: | |
| type: custom:button-card | |
| tap_action: | |
| action: call-service | |
| service: script.ok_og_send_temp_aleksander_hjemme | |
| icon: null | |
| name: + | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: 4px 4px 5px 1px rgba(0,0,0,0.3), inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| border-radius: 20px; | |
| height: 80px; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(0.8, 0.8) | |
| name: | |
| - font-size: 20px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - type: custom:gap-card | |
| - type: horizontal-stack | |
| cards: | |
| - type: custom:gap-card | |
| - type: custom:mod-card | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: transparent; | |
| border-radius: 20px; | |
| } | |
| card: | |
| type: custom:button-card | |
| tap_action: | |
| action: call-service | |
| service: script.senk_og_send_temp_aleksander_hjemme | |
| icon: null | |
| name: '-' | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: 4px 4px 5px 1px rgba(0,0,0,0.3), inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| border-radius: 20px; | |
| height: 80px; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(0.8, 0.8) | |
| name: | |
| - font-size: 20px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - type: custom:gap-card | |
| Borte: | |
| type: vertical-stack | |
| view_layout: | |
| column: 3 | |
| cards: | |
| - type: horizontal-stack | |
| cards: | |
| - type: custom:gap-card | |
| - type: custom:mod-card | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: transparent; | |
| border-radius: 20px; | |
| } | |
| card: | |
| type: custom:button-card | |
| tap_action: | |
| action: call-service | |
| service: script.ok_og_send_temp_aleksander_borte | |
| icon: null | |
| name: + | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: 4px 4px 5px 1px rgba(0,0,0,0.3), inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| border-radius: 20px; | |
| height: 80px; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(0.8, 0.8) | |
| name: | |
| - font-size: 20px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - type: custom:gap-card | |
| - type: horizontal-stack | |
| cards: | |
| - type: custom:gap-card | |
| - type: custom:mod-card | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: transparent; | |
| border-radius: 20px; | |
| } | |
| card: | |
| type: custom:button-card | |
| tap_action: | |
| action: call-service | |
| service: script.senk_og_send_temp_aleksander_borte | |
| icon: null | |
| name: '-' | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: 4px 4px 5px 1px rgba(0,0,0,0.3), inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| border-radius: 20px; | |
| height: 80px; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(0.8, 0.8) | |
| name: | |
| - font-size: 20px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - type: custom:gap-card | |
| Natt: | |
| type: vertical-stack | |
| view_layout: | |
| column: 3 | |
| cards: | |
| - type: horizontal-stack | |
| cards: | |
| - type: custom:gap-card | |
| - type: custom:mod-card | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: transparent; | |
| border-radius: 20px; | |
| } | |
| card: | |
| type: custom:button-card | |
| tap_action: | |
| action: call-service | |
| service: script.ok_og_send_temp_aleksander_natt | |
| icon: null | |
| name: + | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: 4px 4px 5px 1px rgba(0,0,0,0.3), inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| border-radius: 20px; | |
| height: 80px; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(0.8, 0.8) | |
| name: | |
| - font-size: 20px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - type: custom:gap-card | |
| - type: horizontal-stack | |
| cards: | |
| - type: custom:gap-card | |
| - type: custom:mod-card | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: transparent; | |
| border-radius: 20px; | |
| } | |
| card: | |
| type: custom:button-card | |
| tap_action: | |
| action: call-service | |
| service: script.senk_og_send_temp_aleksander_natt | |
| icon: null | |
| name: '-' | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: 4px 4px 5px 1px rgba(0,0,0,0.3), inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| border-radius: 20px; | |
| height: 80px; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(0.8, 0.8) | |
| name: | |
| - font-size: 20px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - type: custom:gap-card | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 6 | |
| height: 150 | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 7 | |
| height: 150 | |
| - title: Energi | |
| path: energi | |
| icon: mdi:lightning-bolt-outline | |
| type: custom:vertical-layout | |
| layout: | |
| width: 200 | |
| max_cols: 7 | |
| badges: [] | |
| cards: | |
| - type: custom:button-card | |
| view_layout: | |
| column: 1 | |
| icon: mdi:home-outline | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.0); | |
| box-shadow: none; | |
| border-radius: 20px; | |
| } | |
| tap_action: | |
| action: navigate | |
| navigation_path: /lovelace-test4/hjem | |
| height: 1100 | |
| styles: | |
| card: | |
| - height: 150px | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| size: 50px | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 4 | |
| height: 20 | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 5 | |
| height: 20 | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 6 | |
| height: 150 | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 7 | |
| height: 150 | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 2 | |
| height: 150 | |
| - type: custom:mini-graph-card | |
| entities: | |
| - sensor.power_kvistadbakkan_panorama | |
| - entity: binary_sensor.natt | |
| color: rgba(0,0,0,0.5) | |
| y_axis: secondary | |
| aggregate_func: min | |
| show_state: false | |
| show_line: false | |
| show_points: false | |
| show_label: false | |
| show_legend: false | |
| state_map: | |
| - value: 'off' | |
| label: Day | |
| - value: 'on' | |
| label: Night | |
| view_layout: | |
| column: 1 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| width: 600px; | |
| margin:auto; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| border: none; | |
| box-shadow: none; | |
| border-radius: 20px; | |
| margin-left: 100px; | |
| } | |
| hours_to_show: 24 | |
| show: | |
| extrema: true | |
| average: true | |
| labels: true | |
| fill: fade | |
| icon: false | |
| points: true | |
| hour24: true | |
| tap_action: none | |
| points_per_hour: 1 | |
| group_by: hour | |
| animate: false | |
| name: Strømforbruk siste døgn | |
| lower_bound: 0 | |
| upper_bound: 10000 | |
| line_width: 2 | |
| line_color: rgba(10,100,140,1) | |
| align_header: center | |
| - type: custom:mod-card | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: transparent; | |
| box-shadow: none; | |
| border-radius: 20px; | |
| } | |
| card: | |
| type: vertical-stack | |
| cards: | |
| - type: custom:bar-card | |
| tap_action: | |
| action: none | |
| entities: | |
| - entity: sensor.current_l2_kvistadbakkan_panorama | |
| name: L2 | |
| decimal: '1' | |
| min: '0' | |
| max: '63' | |
| color: rgba(10,100,140,1) | |
| height: 40px | |
| positions: | |
| icon: 'off' | |
| indicator: 'off' | |
| icon: ' ' | |
| view_layout: | |
| column: 2 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.0); | |
| box-shadow: none; | |
| border-radius: 20px; | |
| margin: 0px; | |
| padding: 0px; | |
| } | |
| bar-card-value { | |
| font-size: 14px; | |
| font-weight: normal; | |
| text-shadow: 3px 3px 2px rgb(0 0 0 / 0.4); | |
| margin-right: 20px; | |
| } | |
| bar-card-currentbar { | |
| border-radius: 10px; | |
| } | |
| bar-card-backgroundbar { | |
| border-radius: 10px; | |
| } | |
| div#states.card-content { | |
| margin: 0px; | |
| padding: 0px; | |
| } | |
| - type: custom:bar-card | |
| tap_action: | |
| action: none | |
| entities: | |
| - entity: sensor.voltage_phase2_kvistadbakkan_panorama | |
| name: ' ' | |
| decimal: '1' | |
| min: '218' | |
| max: '242' | |
| target: 230 | |
| color: rgba(10,100,140,1) | |
| height: 40px | |
| positions: | |
| icon: 'off' | |
| indicator: 'off' | |
| icon: ' ' | |
| view_layout: | |
| column: 2 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.0); | |
| box-shadow: none; | |
| border-radius: 20px; | |
| margin: 0px; | |
| padding: 0px; | |
| } | |
| bar-card-value { | |
| font-size: 14px; | |
| font-weight: normal; | |
| text-shadow: 3px 3px 2px rgb(0 0 0 / 0.4); | |
| margin-right: 20px; | |
| } | |
| bar-card-currentbar { | |
| border-radius: 10px; | |
| } | |
| bar-card-backgroundbar { | |
| border-radius: 10px; | |
| } | |
| bar-card-markerbar { | |
| background-color: rgba(255,255,255,1); | |
| } | |
| bar-card-targetbar { | |
| background-color: rgba(255,255,255,0); | |
| } | |
| div#states.card-content { | |
| margin: 0px; | |
| padding: 0px; | |
| } | |
| view_layout: | |
| column: 4 | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 4 | |
| height: 25 | |
| - type: custom:mini-graph-card | |
| entities: | |
| - sensor.strompris | |
| - entity: binary_sensor.natt | |
| color: rgba(0,0,0,0.5) | |
| y_axis: secondary | |
| aggregate_func: min | |
| show_state: false | |
| show_line: false | |
| show_points: false | |
| show_label: false | |
| show_legend: false | |
| state_map: | |
| - value: 'off' | |
| label: Day | |
| - value: 'on' | |
| label: Night | |
| view_layout: | |
| column: 4 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| width: 600px; | |
| margin:auto; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| border: none; | |
| box-shadow: none; | |
| border-radius: 20px; | |
| margin-left: 100px; | |
| } | |
| hours_to_show: 24 | |
| show: | |
| extrema: true | |
| average: true | |
| labels: true | |
| fill: fade | |
| icon: false | |
| points: true | |
| hour24: true | |
| tap_action: none | |
| points_per_hour: 1 | |
| group_by: hour | |
| animate: false | |
| name: Strømpris siste døgn | |
| line_width: 2 | |
| line_color: rgba(10,100,140,1) | |
| unit: øre | |
| align_header: center | |
| - type: custom:mini-graph-card | |
| entities: | |
| - entity: sensor.power_kvistadbakkan_panorama | |
| name: Forbruk | |
| - entity: sensor.strompris | |
| y_axis: secondary | |
| color: rgba(10,100,140,1) | |
| name: Strømpris | |
| fill: fade | |
| view_layout: | |
| column: 1 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| width: 1215px; | |
| margin:auto; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| border: none; | |
| box-shadow: none; | |
| border-radius: 20px; | |
| margin-left: 100px; | |
| } | |
| hours_to_show: 24 | |
| show: | |
| fill: fade | |
| icon: false | |
| points: true | |
| state: false | |
| hour24: true | |
| tap_action: none | |
| points_per_hour: 1 | |
| group_by: hour | |
| animate: false | |
| name: Forbruk og pris | |
| lower_bound: 0 | |
| upper_bound: 10000 | |
| line_width: 1 | |
| color_thresholds: | |
| - value: 10000 | |
| color: '#c0392b' | |
| - value: 7500 | |
| color: '#ff8c00' | |
| - value: 1000 | |
| color: '#ffffff' | |
| color_thresholds_transition: hard | |
| height: 100 | |
| align_header: center | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 3 | |
| height: 20 | |
| - type: custom:mod-card | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: transparent; | |
| box-shadow: none; | |
| border-radius: 20px; | |
| } | |
| card: | |
| type: vertical-stack | |
| cards: | |
| - type: custom:bar-card | |
| tap_action: | |
| action: none | |
| entities: | |
| - entity: sensor.current_l1_kvistadbakkan_panorama | |
| name: L1 | |
| decimal: '1' | |
| min: '0' | |
| max: '63' | |
| color: rgba(10,100,140,1) | |
| height: 40px | |
| positions: | |
| icon: 'off' | |
| indicator: 'off' | |
| icon: ' ' | |
| view_layout: | |
| column: 2 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.0); | |
| box-shadow: none; | |
| border-radius: 20px; | |
| margin: 0px; | |
| padding: 0px; | |
| } | |
| bar-card-value { | |
| font-size: 14px; | |
| font-weight: normal; | |
| text-shadow: 3px 3px 2px rgb(0 0 0 / 0.4); | |
| margin-right: 20px; | |
| } | |
| bar-card-currentbar { | |
| border-radius: 10px; | |
| } | |
| bar-card-backgroundbar { | |
| border-radius: 10px; | |
| } | |
| div#states.card-content { | |
| margin: 0px; | |
| padding: 0px; | |
| } | |
| - type: custom:bar-card | |
| tap_action: | |
| action: none | |
| entities: | |
| - entity: sensor.voltage_phase1_kvistadbakkan_panorama | |
| name: ' ' | |
| decimal: '1' | |
| min: '218' | |
| max: '242' | |
| target: 230 | |
| color: rgba(10,100,140,1) | |
| height: 40px | |
| positions: | |
| icon: 'off' | |
| indicator: 'off' | |
| icon: ' ' | |
| view_layout: | |
| column: 2 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.0); | |
| box-shadow: none; | |
| border-radius: 20px; | |
| margin: 0px; | |
| padding: 0px; | |
| } | |
| bar-card-value { | |
| font-size: 14px; | |
| font-weight: normal; | |
| text-shadow: 3px 3px 2px rgb(0 0 0 / 0.4); | |
| margin-right: 20px; | |
| } | |
| bar-card-currentbar { | |
| border-radius: 10px; | |
| } | |
| bar-card-backgroundbar { | |
| border-radius: 10px; | |
| } | |
| bar-card-markerbar { | |
| background-color: rgba(255,255,255,1); | |
| } | |
| bar-card-targetbar { | |
| background-color: rgba(255,255,255,0); | |
| } | |
| div#states.card-content { | |
| margin: 0px; | |
| padding: 0px; | |
| } | |
| view_layout: | |
| column: 3 | |
| - type: custom:mod-card | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: transparent; | |
| box-shadow: none; | |
| border-radius: 20px; | |
| } | |
| card: | |
| type: vertical-stack | |
| cards: | |
| - type: custom:bar-card | |
| tap_action: | |
| action: none | |
| entities: | |
| - entity: sensor.current_l3_kvistadbakkan_panorama | |
| name: L3 | |
| decimal: '1' | |
| min: '0' | |
| max: '63' | |
| color: rgba(10,100,140,1) | |
| height: 40px | |
| positions: | |
| icon: 'off' | |
| indicator: 'off' | |
| icon: ' ' | |
| view_layout: | |
| column: 2 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.0); | |
| box-shadow: none; | |
| border-radius: 20px; | |
| margin: 0px; | |
| padding: 0px; | |
| } | |
| bar-card-value { | |
| font-size: 14px; | |
| font-weight: normal; | |
| text-shadow: 3px 3px 2px rgb(0 0 0 / 0.4); | |
| margin-right: 20px; | |
| } | |
| bar-card-currentbar { | |
| border-radius: 10px; | |
| } | |
| bar-card-backgroundbar { | |
| border-radius: 10px; | |
| } | |
| div#states.card-content { | |
| margin: 0px; | |
| padding: 0px; | |
| } | |
| - type: custom:bar-card | |
| tap_action: | |
| action: none | |
| entities: | |
| - entity: sensor.voltage_phase3_kvistadbakkan_panorama | |
| name: ' ' | |
| decimal: '1' | |
| min: '218' | |
| max: '242' | |
| target: 230 | |
| color: rgba(10,100,140,1) | |
| height: 40px | |
| positions: | |
| icon: 'off' | |
| indicator: 'off' | |
| icon: ' ' | |
| view_layout: | |
| column: 2 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.0); | |
| box-shadow: none; | |
| border-radius: 20px; | |
| margin: 0px; | |
| padding: 0px; | |
| } | |
| bar-card-value { | |
| font-size: 14px; | |
| font-weight: normal; | |
| text-shadow: 3px 3px 2px rgb(0 0 0 / 0.4); | |
| margin-right: 20px; | |
| } | |
| bar-card-currentbar { | |
| border-radius: 10px; | |
| } | |
| bar-card-backgroundbar { | |
| border-radius: 10px; | |
| } | |
| bar-card-markerbar { | |
| background-color: rgba(255,255,255,1); | |
| } | |
| bar-card-targetbar { | |
| background-color: rgba(255,255,255,0); | |
| } | |
| div#states.card-content { | |
| margin: 0px; | |
| padding: 0px; | |
| } | |
| view_layout: | |
| column: 5 | |
| - title: Støvsuger | |
| path: stovsuger | |
| icon: mdi:robot-vacuum | |
| type: custom:vertical-layout | |
| layout: | |
| width: 200 | |
| max_cols: 7 | |
| badges: [] | |
| cards: | |
| - type: custom:button-card | |
| view_layout: | |
| column: 1 | |
| icon: mdi:home-outline | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.0); | |
| box-shadow: none; | |
| border-radius: 20px; | |
| } | |
| tap_action: | |
| action: navigate | |
| navigation_path: /lovelace-test4/hjem | |
| height: 1100 | |
| styles: | |
| card: | |
| - height: 150px | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| size: 50px | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 4 | |
| height: 150 | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 3 | |
| height: 150 | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 5 | |
| height: 150 | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 6 | |
| height: 150 | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 7 | |
| height: 150 | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 2 | |
| height: 150 | |
| - type: picture-entity | |
| entity: camera.kataryna | |
| camera_image: camera.kataryna | |
| camera_view: live | |
| show_state: false | |
| show_name: false | |
| tap_action: | |
| action: none | |
| view_layout: | |
| column: 5 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: none; | |
| text-shadow: 3px 3px 5px rgb(0 0 0 / 0.4); | |
| border-radius: 20px; | |
| width: 550px; | |
| margin-left: -100px; | |
| } | |
| - type: entities | |
| view_layout: | |
| column: 1 | |
| tap_action: | |
| action: none | |
| entities: | |
| - entity: vacuum.roborock_s5_max | |
| tap_action: | |
| action: none | |
| style: | |
| hui-generic-entity-row: | |
| $: | | |
| .info.pointer.text-content { | |
| margin-left: 0px; | |
| } | |
| show_header_toggle: false | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| border: none; | |
| box-shadow: none; | |
| border-radius: 20px; | |
| width: 500px; | |
| margin-left: 100px; | |
| } | |
| - type: entities | |
| view_layout: | |
| column: 1 | |
| entities: | |
| - entity: sensor.roborock_s5_max_last_clean_end | |
| name: Sist støvsugd | |
| icon: mdi:clock-outline | |
| tap_action: | |
| action: none | |
| style: | |
| hui-generic-entity-row: | |
| $: | | |
| .info.pointer.text-content { | |
| margin-left: 0px; | |
| } | |
| show_header_toggle: false | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| border: none; | |
| box-shadow: none; | |
| border-radius: 20px; | |
| width: 500px; | |
| margin-left: 100px; | |
| } | |
| - type: custom:bar-card | |
| view_layout: | |
| column: 1 | |
| entities: | |
| - entity: sensor.roborock_batteri | |
| positions: | |
| name: outside | |
| name: Batteri | |
| tap_action: | |
| action: none | |
| width: 60% | |
| min: '0' | |
| max: '100' | |
| unit_of_measurement: '%' | |
| severity: | |
| - from: '0' | |
| to: '5' | |
| color: rgba(150,0,0,1) | |
| icon: mdi:battery-outline | |
| - from: '6' | |
| to: '15' | |
| color: rgba(215,115,0,1) | |
| icon: mdi:battery-10 | |
| - from: '16' | |
| to: '20' | |
| color: rgba(10,100,140,1) | |
| icon: mdi:battery-20 | |
| - from: '21' | |
| to: '30' | |
| icon: mdi:battery-30 | |
| color: rgba(10,100,140,1) | |
| - from: '31' | |
| to: '40' | |
| color: rgba(10,100,140,1) | |
| icon: mdi:battery-40 | |
| - from: '41' | |
| to: '50' | |
| color: rgba(10,100,140,1) | |
| icon: mdi:battery-50 | |
| - from: '51' | |
| to: '60' | |
| color: rgba(10,100,140,1) | |
| icon: mdi:battery-60 | |
| - from: '61' | |
| to: '70' | |
| color: rgba(10,100,140,1) | |
| icon: mdi:battery-70 | |
| - from: '71' | |
| to: '80' | |
| color: rgba(10,100,140,1) | |
| icon: mdi:battery-80 | |
| - from: '81' | |
| to: '90' | |
| color: rgba(10,100,140,1) | |
| icon: mdi:battery-90 | |
| - from: '91' | |
| to: '100' | |
| color: rgba(10,100,140,1) | |
| icon: mdi:battery | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| border: none; | |
| box-shadow: none; | |
| border-radius: 20px; | |
| width: 500px; | |
| margin-left: 100px; | |
| } | |
| bar-card-value { | |
| margin-right: auto; | |
| font-size: 14px; | |
| font-weight: normal; | |
| text-shadow: 3px 3px 2px rgb(0 0 0 / 0.4); | |
| } | |
| bar-card-currentbar { | |
| border-radius: 10px; | |
| } | |
| bar-card-backgroundbar { | |
| border-radius: 10px; | |
| } | |
| - type: custom:bar-card | |
| view_layout: | |
| column: 1 | |
| entities: | |
| - entity: sensor.roborock_hovedborste | |
| positions: | |
| name: outside | |
| name: Hovedbørste | |
| tap_action: | |
| action: none | |
| limit_value: true | |
| width: 60% | |
| min: '0' | |
| max: '300' | |
| unit_of_measurement: Timer igjen | |
| severity: | |
| - from: '0' | |
| to: '15' | |
| color: rgba(150,0,0,1) | |
| icon: mdi:decagram-outline | |
| - from: '16' | |
| to: '45' | |
| color: rgba(215,115,0,1) | |
| icon: mdi:decagram-outline | |
| - from: '46' | |
| to: '400' | |
| color: rgba(10,100,140,1) | |
| icon: mdi:decagram-outline | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| border: none; | |
| box-shadow: none; | |
| border-radius: 20px; | |
| width: 500px; | |
| margin-left: 100px; | |
| } | |
| bar-card-value { | |
| margin-right: auto; | |
| font-size: 14px; | |
| font-weight: normal; | |
| text-shadow: 3px 3px 2px rgb(0 0 0 / 0.4); | |
| } | |
| bar-card-currentbar { | |
| border-radius: 10px; | |
| } | |
| bar-card-backgroundbar { | |
| border-radius: 10px; | |
| } | |
| - type: custom:bar-card | |
| view_layout: | |
| column: 1 | |
| entities: | |
| - entity: sensor.roborock_sideborste | |
| positions: | |
| name: outside | |
| name: Sidebørste | |
| tap_action: | |
| action: none | |
| limit_value: true | |
| width: 60% | |
| min: '0' | |
| max: '200' | |
| unit_of_measurement: Timer igjen | |
| severity: | |
| - from: '0' | |
| to: '10' | |
| color: rgba(150,0,0,1) | |
| icon: mdi:star-three-points-outline | |
| - from: '11' | |
| to: '30' | |
| color: rgba(215,115,0,1) | |
| icon: mdi:star-three-points-outline | |
| - from: '31' | |
| to: '300' | |
| color: rgba(10,100,140,1) | |
| icon: mdi:star-three-points-outline | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| border: none; | |
| box-shadow: none; | |
| border-radius: 20px; | |
| width: 500px; | |
| margin-left: 100px; | |
| } | |
| bar-card-value { | |
| margin-right: auto; | |
| font-size: 14px; | |
| font-weight: normal; | |
| text-shadow: 3px 3px 2px rgb(0 0 0 / 0.4); | |
| } | |
| bar-card-currentbar { | |
| border-radius: 10px; | |
| } | |
| bar-card-backgroundbar { | |
| border-radius: 10px; | |
| } | |
| - type: custom:bar-card | |
| view_layout: | |
| column: 1 | |
| entities: | |
| - entity: sensor.roborock_filter | |
| positions: | |
| name: outside | |
| limit_value: true | |
| name: Filter | |
| tap_action: | |
| action: none | |
| width: 60% | |
| min: '0' | |
| max: '150' | |
| unit_of_measurement: Timer igjen | |
| severity: | |
| - from: '0' | |
| to: '8' | |
| color: rgba(150,0,0,1) | |
| icon: mdi:air-filter | |
| - from: '9' | |
| to: '23' | |
| color: rgba(215,115,0,1) | |
| icon: mdi:air-filter | |
| - from: '24' | |
| to: '200' | |
| color: rgba(10,100,140,1) | |
| icon: mdi:air-filter | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| border: none; | |
| box-shadow: none; | |
| border-radius: 20px; | |
| width: 500px; | |
| margin-left: 100px; | |
| } | |
| bar-card-value { | |
| margin-right: auto; | |
| font-size: 14px; | |
| font-weight: normal; | |
| text-shadow: 3px 3px 2px rgb(0 0 0 / 0.4); | |
| } | |
| bar-card-currentbar { | |
| border-radius: 10px; | |
| } | |
| bar-card-backgroundbar { | |
| border-radius: 10px; | |
| } | |
| - type: custom:bar-card | |
| view_layout: | |
| column: 1 | |
| entities: | |
| - entity: sensor.roborock_sensorer | |
| positions: | |
| name: outside | |
| name: Rengjøring sensorer | |
| tap_action: | |
| action: none | |
| limit_value: true | |
| width: 60% | |
| min: '0' | |
| max: '30' | |
| unit_of_measurement: Timer igjen | |
| severity: | |
| - from: '0' | |
| to: '3' | |
| color: rgba(150,0,0,1) | |
| icon: mdi:eye-circle-outline | |
| - from: '4' | |
| to: '7' | |
| color: rgba(215,115,0,1) | |
| icon: mdi:eye-circle-outline | |
| - from: '7' | |
| to: '50' | |
| color: rgba(10,100,140,1) | |
| icon: mdi:eye-circle-outline | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| border: none; | |
| box-shadow: none; | |
| border-radius: 20px; | |
| width: 500px; | |
| margin-left: 100px; | |
| } | |
| bar-card-value { | |
| margin-right: auto; | |
| font-size: 14px; | |
| font-weight: normal; | |
| text-shadow: 3px 3px 2px rgb(0 0 0 / 0.4); | |
| } | |
| bar-card-currentbar { | |
| border-radius: 10px; | |
| } | |
| bar-card-backgroundbar { | |
| border-radius: 10px; | |
| } | |
| - type: custom:mod-card | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: transparent; | |
| box-shadow: none; | |
| border-radius: 20px; | |
| width: 500px; | |
| position: relative; | |
| margin-left: 100px; | |
| left: 0; | |
| right: 0; | |
| } | |
| card: | |
| type: horizontal-stack | |
| cards: | |
| - type: custom:button-card | |
| icon: mdi:pause | |
| name: pause | |
| tap_action: | |
| action: call-service | |
| service: vacuum.pause | |
| service_data: | |
| entity_id: vacuum.roborock_s5_max | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: 4px 4px 5px 1px rgba(0,0,0,0.3), inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| border-radius: 20px; | |
| height: 80px; | |
| opacity: {{ '0%' if is_state('vacuum.roborock_s5_max', 'docked') else '100%' }} | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(1.0, 1.0) | |
| - width: 100px | |
| - type: custom:button-card | |
| icon: null | |
| name: start støvsuger | |
| tap_action: | |
| action: call-service | |
| service: vacuum.start | |
| service_data: | |
| entity_id: vacuum.roborock_s5_max | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: 4px 4px 5px 1px rgba(0,0,0,0.3), inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| border-radius: 20px; | |
| height: 80px; | |
| font-size: 20px; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(1.0, 1.0) | |
| name: | |
| - font-size: 25px | |
| - type: custom:button-card | |
| icon: mdi:home-outline | |
| name: dokk | |
| tap_action: | |
| action: call-service | |
| service: vacuum.return_to_base | |
| service_data: | |
| entity_id: vacuum.roborock_s5_max | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: 4px 4px 5px 1px rgba(0,0,0,0.3), inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| border-radius: 20px; | |
| height: 80px; | |
| opacity: {{ '0%' if is_state('vacuum.roborock_s5_max', 'docked') else '100%' }} | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(1.0, 1.0) | |
| - width: 100px | |
| view_layout: | |
| column: 1 | |
| - type: custom:mod-card | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: transparent; | |
| box-shadow: none; | |
| border-radius: 20px; | |
| width: 550px; | |
| position: relative; | |
| left: 0; | |
| right: 0; | |
| margin-left: -45px; | |
| } | |
| card: | |
| type: horizontal-stack | |
| cards: | |
| - type: custom:button-card | |
| icon: mdi:weather-night | |
| name: Stille | |
| tap_action: | |
| action: call-service | |
| service: vacuum.set_fan_speed | |
| service_data: | |
| fan_speed: Silent | |
| entity_id: vacuum.roborock_s5_max | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| border-radius: 20px; | |
| height: 80px; | |
| box-shadow: {{ '0px 0px 10px 5px rgba(10,100,140,1), inset 1px 1px 1px 0px rgba(255,255,255,0.2)' if is_state('binary_sensor.roborock_silent', 'on') else 'inset 1px 1px 1px 0px rgba(255,255,255,0.2), 4px 4px 5px 1px rgba(0,0,0,0.3)' }}; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(1.0, 1.0) | |
| - width: 102px | |
| - type: custom:button-card | |
| icon: mdi:fan-speed-1 | |
| name: Medium | |
| tap_action: | |
| action: call-service | |
| service: vacuum.set_fan_speed | |
| service_data: | |
| fan_speed: Standard | |
| entity_id: vacuum.roborock_s5_max | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: {{ '0px 0px 10px 5px rgba(10,100,140,1), inset 1px 1px 1px 0px rgba(255,255,255,0.2)' if is_state('binary_sensor.roborock_standard', 'on') else 'inset 1px 1px 1px 0px rgba(255,255,255,0.2), 4px 4px 5px 1px rgba(0,0,0,0.3)' }}; | |
| border-radius: 20px; | |
| height: 80px; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(1.0, 1.0) | |
| - width: 102px | |
| - type: custom:button-card | |
| icon: mdi:fan-speed-2 | |
| name: Turbo | |
| tap_action: | |
| action: call-service | |
| service: vacuum.set_fan_speed | |
| service_data: | |
| fan_speed: Medium | |
| entity_id: vacuum.roborock_s5_max | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: {{ '0px 0px 10px 5px rgba(10,100,140,1), inset 1px 1px 1px 0px rgba(255,255,255,0.2)' if is_state('binary_sensor.roborock_medium', 'on') else 'inset 1px 1px 1px 0px rgba(255,255,255,0.2), 4px 4px 5px 1px rgba(0,0,0,0.3)' }}; | |
| border-radius: 20px; | |
| height: 80px; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(1.0, 1.0) | |
| - width: 102px | |
| - type: custom:button-card | |
| icon: mdi:fan-speed-3 | |
| name: Max | |
| tap_action: | |
| action: call-service | |
| service: vacuum.set_fan_speed | |
| service_data: | |
| fan_speed: Turbo | |
| entity_id: vacuum.roborock_s5_max | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: {{ '0px 0px 10px 5px rgba(10,100,140,1), inset 1px 1px 1px 0px rgba(255,255,255,0.2)' if is_state('binary_sensor.roborock_turbo', 'on') else 'inset 1px 1px 1px 0px rgba(255,255,255,0.2), 4px 4px 5px 1px rgba(0,0,0,0.3)' }}; | |
| border-radius: 20px; | |
| height: 80px; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(1.0, 1.0) | |
| - width: 102px | |
| view_layout: | |
| column: 5 | |
| - theme: Backend-selected | |
| layout: | |
| width: 200 | |
| max_cols: 7 | |
| type: custom:vertical-layout | |
| title: Klima | |
| path: klima | |
| icon: mdi:weather-partly-cloudy | |
| badges: [] | |
| cards: | |
| - type: custom:button-card | |
| view_layout: | |
| column: 1 | |
| icon: mdi:home-outline | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.0); | |
| box-shadow: none; | |
| border-radius: 20px; | |
| } | |
| tap_action: | |
| action: navigate | |
| navigation_path: /lovelace-test4/hjem | |
| height: 1100 | |
| styles: | |
| card: | |
| - height: 150px | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| size: 50px | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 4 | |
| height: 150 | |
| - type: entities | |
| entities: | |
| - type: attribute | |
| card_mod: | |
| style: | | |
| hui-generic-entity-row { | |
| height: 21px; | |
| } | |
| entity: sun.sun | |
| name: Neste Soloppgang | |
| icon: mdi:weather-sunset-up | |
| tap_action: | |
| action: none | |
| attribute: next_rising | |
| format: time | |
| - type: attribute | |
| card_mod: | |
| style: | | |
| hui-generic-entity-row { | |
| height: 21px; | |
| } | |
| entity: sun.sun | |
| name: ' ' | |
| icon: ' ' | |
| tap_action: | |
| action: none | |
| attribute: next_rising | |
| format: relative | |
| - type: divider | |
| - type: attribute | |
| card_mod: | |
| style: | | |
| hui-generic-entity-row { | |
| height: 21px; | |
| } | |
| entity: sun.sun | |
| name: Neste Solnedgang | |
| icon: mdi:weather-sunset-down | |
| tap_action: | |
| action: none | |
| attribute: next_setting | |
| format: time | |
| - type: attribute | |
| card_mod: | |
| style: | | |
| hui-generic-entity-row { | |
| height: 22px; | |
| } | |
| entity: sun.sun | |
| name: ' ' | |
| icon: ' ' | |
| tap_action: | |
| action: none | |
| attribute: next_setting | |
| format: relative | |
| view_layout: | |
| column: 3 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: none; | |
| border-radius: 20px; | |
| width: 400px; | |
| text-shadow: 3px 3px 2px rgb(0 0 0 / 0.4); | |
| margin-left: -100px; | |
| } | |
| - type: entities | |
| entities: | |
| - type: attribute | |
| card_mod: | |
| style: | | |
| hui-generic-entity-row { | |
| height: 21px; | |
| } | |
| entity: sun.sun | |
| name: Neste Solar Midnatt | |
| icon: mdi:weather-night | |
| tap_action: | |
| action: none | |
| attribute: next_midnight | |
| format: time | |
| - type: attribute | |
| card_mod: | |
| style: | | |
| hui-generic-entity-row { | |
| height: 21px; | |
| } | |
| entity: sun.sun | |
| name: ' ' | |
| icon: ' ' | |
| tap_action: | |
| action: none | |
| attribute: next_midnight | |
| format: relative | |
| - type: divider | |
| - type: attribute | |
| card_mod: | |
| style: | | |
| hui-generic-entity-row { | |
| height: 21px; | |
| } | |
| entity: sun.sun | |
| name: Sol på høyeste punkt | |
| icon: mdi:weather-sunny | |
| tap_action: | |
| action: none | |
| attribute: next_noon | |
| format: time | |
| - type: attribute | |
| card_mod: | |
| style: | | |
| hui-generic-entity-row { | |
| height: 22px; | |
| } | |
| entity: sun.sun | |
| name: ' ' | |
| icon: ' ' | |
| tap_action: | |
| action: none | |
| attribute: next_noon | |
| format: relative | |
| view_layout: | |
| column: 5 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: none; | |
| border-radius: 20px; | |
| width: 400px; | |
| text-shadow: 3px 3px 2px rgb(0 0 0 / 0.4); | |
| margin-left: -100px; | |
| } | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 6 | |
| height: 150 | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 7 | |
| height: 150 | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 2 | |
| height: 150 | |
| - type: custom:mod-card | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: transparent; | |
| box-shadow: inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| box-shadow: {{ '0px 0px 10px 5px rgba(10,100,140,1), inset 1px 1px 1px 0px rgba(255,255,255,0.2)' if is_state('input_number.vaermelding_hjelper', '1.0') else 'inset 1px 1px 1px 0px rgba(255,255,255,0.2)' }}; | |
| border-radius: 20px; | |
| } | |
| card: | |
| type: custom:button-card | |
| tap_action: | |
| action: call-service | |
| service: input_number.set_value | |
| service_data: | |
| entity_id: input_number.vaermelding_hjelper | |
| value: 1 | |
| icon: null | |
| name: Værmelding | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| border-radius: 20px; | |
| box-shadow: 4px 4px 5px 1px rgba(0,0,0,0.3), inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| height: 80px; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(1.0, 1.0) | |
| name: | |
| - font-size: 20px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| view_layout: | |
| column: 1 | |
| - type: custom:mod-card | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: transparent; | |
| box-shadow: {{ '0px 0px 10px 5px rgba(10,100,140,1), inset 1px 1px 1px 0px rgba(255,255,255,0.2)' if is_state('input_number.vaermelding_hjelper', '2.0') else 'inset 1px 1px 1px 0px rgba(255,255,255,0.2)' }}; | |
| border-radius: 20px; | |
| } | |
| card: | |
| type: custom:button-card | |
| tap_action: | |
| action: call-service | |
| service: input_number.set_value | |
| service_data: | |
| entity_id: input_number.vaermelding_hjelper | |
| value: 2 | |
| icon: null | |
| name: Ute | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: 4px 4px 5px 1px rgba(0,0,0,0.3), inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| border-radius: 20px; | |
| height: 80px; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(1.0, 1.0) | |
| name: | |
| - font-size: 20px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| view_layout: | |
| column: 1 | |
| - type: custom:mod-card | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: transparent; | |
| box-shadow: {{ '0px 0px 10px 5px rgba(10,100,140,1), inset 1px 1px 1px 0px rgba(255,255,255,0.2)' if is_state('input_number.vaermelding_hjelper', '3.0') else 'inset 1px 1px 1px 0px rgba(255,255,255,0.2)' }}; | |
| border-radius: 20px; | |
| } | |
| card: | |
| type: custom:button-card | |
| tap_action: | |
| action: call-service | |
| service: input_number.set_value | |
| service_data: | |
| entity_id: input_number.vaermelding_hjelper | |
| value: 3 | |
| icon: null | |
| name: Stue | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: 4px 4px 5px 1px rgba(0,0,0,0.3), inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| border-radius: 20px; | |
| height: 80px; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(1.0, 1.0) | |
| name: | |
| - font-size: 20px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| view_layout: | |
| column: 1 | |
| - type: custom:mod-card | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: transparent; | |
| box-shadow: {{ '0px 0px 10px 5px rgba(10,100,140,1), inset 1px 1px 1px 0px rgba(255,255,255,0.2)' if is_state('input_number.vaermelding_hjelper', '4.0') else 'inset 1px 1px 1px 0px rgba(255,255,255,0.2)' }}; | |
| border-radius: 20px; | |
| } | |
| card: | |
| type: custom:button-card | |
| tap_action: | |
| action: call-service | |
| service: input_number.set_value | |
| service_data: | |
| entity_id: input_number.vaermelding_hjelper | |
| value: 4 | |
| icon: null | |
| name: Gang | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: 4px 4px 5px 1px rgba(0,0,0,0.3), inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| border-radius: 20px; | |
| height: 80px; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(1.0, 1.0) | |
| name: | |
| - font-size: 20px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| view_layout: | |
| column: 1 | |
| - type: custom:mod-card | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: transparent; | |
| box-shadow: {{ '0px 0px 10px 5px rgba(10,100,140,1), inset 1px 1px 1px 0px rgba(255,255,255,0.2)' if is_state('input_number.vaermelding_hjelper', '5.0') else 'inset 1px 1px 1px 0px rgba(255,255,255,0.2)' }}; | |
| border-radius: 20px; | |
| } | |
| card: | |
| type: custom:button-card | |
| tap_action: | |
| action: call-service | |
| service: input_number.set_value | |
| service_data: | |
| entity_id: input_number.vaermelding_hjelper | |
| value: 5 | |
| icon: null | |
| name: Master sov | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: 4px 4px 5px 1px rgba(0,0,0,0.3), inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| border-radius: 20px; | |
| height: 80px; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(1.0, 1.0) | |
| name: | |
| - font-size: 20px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| view_layout: | |
| column: 1 | |
| - type: custom:mod-card | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: transparent; | |
| box-shadow: {{ '0px 0px 10px 5px rgba(10,100,140,1), inset 1px 1px 1px 0px rgba(255,255,255,0.2)' if is_state('input_number.vaermelding_hjelper', '6.0') else 'inset 1px 1px 1px 0px rgba(255,255,255,0.2)' }}; | |
| border-radius: 20px; | |
| } | |
| card: | |
| type: custom:button-card | |
| tap_action: | |
| action: call-service | |
| service: input_number.set_value | |
| service_data: | |
| entity_id: input_number.vaermelding_hjelper | |
| value: 6 | |
| icon: null | |
| name: Aleksander | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: 4px 4px 5px 1px rgba(0,0,0,0.3), inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| border-radius: 20px; | |
| height: 80px; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(1.0, 1.0) | |
| name: | |
| - font-size: 20px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| view_layout: | |
| column: 1 | |
| - type: custom:mod-card | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: transparent; | |
| box-shadow: {{ '0px 0px 10px 5px rgba(10,100,140,1), inset 1px 1px 1px 0px rgba(255,255,255,0.2)' if is_state('input_number.vaermelding_hjelper', '7.0') else 'inset 1px 1px 1px 0px rgba(255,255,255,0.2)' }}; | |
| border-radius: 20px; | |
| } | |
| card: | |
| type: custom:button-card | |
| tap_action: | |
| action: call-service | |
| service: input_number.set_value | |
| service_data: | |
| entity_id: input_number.vaermelding_hjelper | |
| value: 7 | |
| icon: null | |
| name: Emilie | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: 4px 4px 5px 1px rgba(0,0,0,0.3), inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| border-radius: 20px; | |
| height: 80px; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(1.0, 1.0) | |
| name: | |
| - font-size: 20px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| view_layout: | |
| column: 1 | |
| - type: custom:mod-card | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: transparent; | |
| box-shadow: {{ '0px 0px 10px 5px rgba(10,100,140,1), inset 1px 1px 1px 0px rgba(255,255,255,0.2)' if is_state('input_number.vaermelding_hjelper', '8.0') else 'inset 1px 1px 1px 0px rgba(255,255,255,0.2)' }}; | |
| border-radius: 20px; | |
| } | |
| card: | |
| type: custom:button-card | |
| tap_action: | |
| action: call-service | |
| service: input_number.set_value | |
| service_data: | |
| entity_id: input_number.vaermelding_hjelper | |
| value: 8 | |
| icon: null | |
| name: Sammenlign | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: 4px 4px 5px 1px rgba(0,0,0,0.3), inset 1px 1px 1px 0px rgba(255,255,255,0.2); | |
| border-radius: 20px; | |
| height: 80px; | |
| } | |
| styles: | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - transform: scale(1.0, 1.0) | |
| name: | |
| - font-size: 20px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| view_layout: | |
| column: 1 | |
| - type: custom:mod-card | |
| view_layout: | |
| column: 2 | |
| style: | |
| .: | | |
| ha-card { | |
| width: 1215px; | |
| } | |
| card: | |
| type: custom:state-switch | |
| entity: input_number.vaermelding_hjelper | |
| default: 1 | |
| transition: none | |
| transition_time: 1 | |
| states: | |
| '1.0': | |
| type: custom:apexcharts-card | |
| hours_12: false | |
| header: | |
| show: true | |
| title: Temperatur neste 24t - (C°) | |
| show_states: false | |
| graph_span: 1d | |
| span: | |
| start: minute | |
| update_interval: 1h | |
| apex_config: | |
| annotations: | |
| position: back | |
| yaxis: | |
| - 'y': 0 | |
| strokeDashArray: 5 | |
| borderColor: '#5b5b5b' | |
| borderWidth: 1 | |
| xaxis: | |
| labels: | |
| format: HH | |
| axisBorder: | |
| show: false | |
| legend: | |
| show: false | |
| grid: | |
| show: false | |
| fill: | |
| type: gradient | |
| gradient: | |
| type: vertical | |
| shadeIntensity: 0.4 | |
| opacityFrom: 0.9 | |
| opacityTo: 0 | |
| stops: | |
| - 1 | |
| - 95 | |
| - 100 | |
| chart: | |
| dropshadow: | |
| enabled: true | |
| height: 300px | |
| width: 100% | |
| series: | |
| - entity: weather.hjem_hourly | |
| stroke_width: 3 | |
| color: rgba(10,100,140,1) | |
| name: Temperatur | |
| unit: C | |
| data_generator: | | |
| return entity.attributes.forecast.map((entry) => { | |
| return [new Date(entry.datetime).getTime(), entry.temperature]; | |
| }); | |
| type: area | |
| show: | |
| legend_value: false | |
| in_header: false | |
| extremas: true | |
| extend_to: end | |
| view_layout: | |
| column: 2 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| width: 1215px; | |
| margin:auto; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| border: none; | |
| box-shadow: none; | |
| border-radius: 20px; | |
| } | |
| div#header__title { | |
| font-size: 17px; | |
| font-weight: bold; | |
| text-align: center; | |
| } | |
| '2.0': | |
| type: custom:apexcharts-card | |
| hours_12: false | |
| header: | |
| show: true | |
| title: Temperatur siste 24t - (C°) | |
| show_states: false | |
| graph_span: 1d | |
| apex_config: | |
| annotations: | |
| position: back | |
| yaxis: | |
| - 'y': 0 | |
| strokeDashArray: 5 | |
| borderColor: '#5b5b5b' | |
| borderWidth: 1 | |
| xaxis: | |
| labels: | |
| format: HH | |
| axisBorder: | |
| show: false | |
| legend: | |
| show: false | |
| grid: | |
| show: false | |
| fill: | |
| type: gradient | |
| gradient: | |
| type: vertical | |
| shadeIntensity: 0.4 | |
| opacityFrom: 0.9 | |
| opacityTo: 0 | |
| stops: | |
| - 1 | |
| - 95 | |
| - 100 | |
| chart: | |
| dropshadow: | |
| enabled: true | |
| height: 300px | |
| width: 100% | |
| series: | |
| - entity: sensor.temperature_6 | |
| stroke_width: 3 | |
| color: rgba(10,100,140,1) | |
| name: Utetemp | |
| unit: C | |
| type: area | |
| show: | |
| legend_value: false | |
| in_header: false | |
| extremas: true | |
| extend_to: false | |
| view_layout: | |
| column: 2 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| width: 1215px; | |
| margin:auto; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| border: none; | |
| box-shadow: none; | |
| border-radius: 20px; | |
| } | |
| div#header__title { | |
| font-size: 17px; | |
| font-weight: bold; | |
| text-align: center; | |
| } | |
| '3.0': | |
| type: custom:apexcharts-card | |
| hours_12: false | |
| header: | |
| show: true | |
| title: Temperatur siste 24t - (C°) | |
| show_states: false | |
| graph_span: 1d | |
| apex_config: | |
| xaxis: | |
| labels: | |
| format: HH | |
| axisBorder: | |
| show: false | |
| legend: | |
| show: false | |
| grid: | |
| show: false | |
| fill: | |
| type: gradient | |
| gradient: | |
| type: vertical | |
| shadeIntensity: 0.4 | |
| opacityFrom: 0.9 | |
| opacityTo: 0 | |
| stops: | |
| - 1 | |
| - 95 | |
| - 100 | |
| chart: | |
| dropshadow: | |
| enabled: true | |
| height: 300px | |
| width: 100% | |
| series: | |
| - entity: sensor.temperature_18 | |
| stroke_width: 3 | |
| color: rgba(10,100,140,1) | |
| name: Temp stue | |
| unit: C | |
| type: area | |
| show: | |
| legend_value: false | |
| in_header: false | |
| extremas: true | |
| extend_to: false | |
| view_layout: | |
| column: 2 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| width: 1215px; | |
| margin:auto; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| border: none; | |
| box-shadow: none; | |
| border-radius: 20px; | |
| } | |
| div#header__title { | |
| font-size: 17px; | |
| font-weight: bold; | |
| text-align: center; | |
| } | |
| '4.0': | |
| type: custom:apexcharts-card | |
| hours_12: false | |
| header: | |
| show: true | |
| title: Temperatur siste 24t - (C°) | |
| show_states: false | |
| graph_span: 1d | |
| apex_config: | |
| xaxis: | |
| labels: | |
| format: HH | |
| axisBorder: | |
| show: false | |
| legend: | |
| show: false | |
| grid: | |
| show: false | |
| fill: | |
| type: gradient | |
| gradient: | |
| type: vertical | |
| shadeIntensity: 0.4 | |
| opacityFrom: 0.9 | |
| opacityTo: 0 | |
| stops: | |
| - 1 | |
| - 95 | |
| - 100 | |
| chart: | |
| dropshadow: | |
| enabled: true | |
| height: 300px | |
| width: 100% | |
| series: | |
| - entity: sensor.multi_sensor_gang | |
| stroke_width: 3 | |
| color: rgba(10,100,140,1) | |
| name: Temp gang | |
| unit: C | |
| type: area | |
| show: | |
| legend_value: false | |
| in_header: false | |
| extremas: true | |
| extend_to: false | |
| view_layout: | |
| column: 2 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| width: 1215px; | |
| margin:auto; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| border: none; | |
| box-shadow: none; | |
| border-radius: 20px; | |
| } | |
| div#header__title { | |
| font-size: 17px; | |
| font-weight: bold; | |
| text-align: center; | |
| } | |
| '5.0': | |
| type: custom:apexcharts-card | |
| hours_12: false | |
| header: | |
| show: true | |
| title: Temperatur siste 24t - (C°) | |
| show_states: false | |
| graph_span: 1d | |
| apex_config: | |
| xaxis: | |
| labels: | |
| format: HH | |
| axisBorder: | |
| show: false | |
| legend: | |
| show: false | |
| grid: | |
| show: false | |
| fill: | |
| type: gradient | |
| gradient: | |
| type: vertical | |
| shadeIntensity: 0.4 | |
| opacityFrom: 0.9 | |
| opacityTo: 0 | |
| stops: | |
| - 1 | |
| - 95 | |
| - 100 | |
| chart: | |
| dropshadow: | |
| enabled: true | |
| height: 300px | |
| width: 100% | |
| series: | |
| - entity: sensor.temperature_9 | |
| stroke_width: 3 | |
| color: rgba(10,100,140,1) | |
| name: Temp master sov | |
| unit: C | |
| type: area | |
| show: | |
| legend_value: false | |
| in_header: false | |
| extremas: true | |
| extend_to: false | |
| view_layout: | |
| column: 2 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| width: 1215px; | |
| margin:auto; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| border: none; | |
| box-shadow: none; | |
| border-radius: 20px; | |
| } | |
| div#header__title { | |
| font-size: 17px; | |
| font-weight: bold; | |
| text-align: center; | |
| } | |
| '6.0': | |
| type: custom:apexcharts-card | |
| hours_12: false | |
| header: | |
| show: true | |
| title: Temperatur siste 24t - (C°) | |
| show_states: false | |
| graph_span: 1d | |
| apex_config: | |
| xaxis: | |
| labels: | |
| format: HH | |
| axisBorder: | |
| show: false | |
| legend: | |
| show: false | |
| grid: | |
| show: false | |
| fill: | |
| type: gradient | |
| gradient: | |
| type: vertical | |
| shadeIntensity: 0.4 | |
| opacityFrom: 0.9 | |
| opacityTo: 0 | |
| stops: | |
| - 1 | |
| - 95 | |
| - 100 | |
| chart: | |
| dropshadow: | |
| enabled: true | |
| height: 300px | |
| width: 100% | |
| series: | |
| - entity: sensor.temperature_12 | |
| stroke_width: 3 | |
| color: rgba(10,100,140,1) | |
| name: Temp sov Aleks | |
| unit: C | |
| type: area | |
| show: | |
| legend_value: false | |
| in_header: false | |
| extremas: true | |
| extend_to: false | |
| view_layout: | |
| column: 2 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| width: 1215px; | |
| margin:auto; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| border: none; | |
| box-shadow: none; | |
| border-radius: 20px; | |
| } | |
| div#header__title { | |
| font-size: 17px; | |
| font-weight: bold; | |
| text-align: center; | |
| } | |
| '7.0': | |
| type: custom:apexcharts-card | |
| hours_12: false | |
| header: | |
| show: true | |
| title: Temperatur siste 24t - (C°) | |
| show_states: false | |
| graph_span: 1d | |
| apex_config: | |
| xaxis: | |
| labels: | |
| format: HH | |
| axisBorder: | |
| show: false | |
| legend: | |
| show: false | |
| grid: | |
| show: false | |
| fill: | |
| type: gradient | |
| gradient: | |
| type: vertical | |
| shadeIntensity: 0.4 | |
| opacityFrom: 0.9 | |
| opacityTo: 0 | |
| stops: | |
| - 1 | |
| - 95 | |
| - 100 | |
| chart: | |
| dropshadow: | |
| enabled: true | |
| height: 300px | |
| width: 100% | |
| series: | |
| - entity: sensor.temperature_15 | |
| stroke_width: 3 | |
| color: rgba(10,100,140,1) | |
| name: Temp sov Emmi | |
| unit: C | |
| type: area | |
| show: | |
| legend_value: false | |
| in_header: false | |
| extremas: true | |
| extend_to: false | |
| view_layout: | |
| column: 2 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| width: 1215px; | |
| margin:auto; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| border: none; | |
| box-shadow: none; | |
| border-radius: 20px; | |
| } | |
| div#header__title { | |
| font-size: 17px; | |
| font-weight: bold; | |
| text-align: center; | |
| } | |
| '8.0': | |
| type: custom:apexcharts-card | |
| hours_12: false | |
| header: | |
| show: true | |
| title: Temperatur siste 24t - (C°) | |
| show_states: false | |
| graph_span: 1d | |
| yaxis: | |
| - id: first | |
| decimals: 1 | |
| apex_config: | |
| tickAmount: 4 | |
| labels: | |
| style: | |
| colors: rgba(200,200,200,1) | |
| - id: second | |
| opposite: true | |
| decimals: 1 | |
| apex_config: | |
| tickAmount: 4 | |
| labels: | |
| style: | |
| colors: rgba(10,100,140,1) | |
| - id: third | |
| opposite: true | |
| decimals: 1 | |
| apex_config: | |
| tickAmount: 4 | |
| labels: | |
| style: | |
| colors: rgba(0,50,90,1) | |
| apex_config: | |
| annotations: | |
| position: back | |
| yaxis: | |
| - 'y': 0 | |
| strokeDashArray: 5 | |
| borderColor: '#5b5b5b' | |
| borderWidth: 1 | |
| xaxis: | |
| labels: | |
| format: HH | |
| axisBorder: | |
| show: false | |
| legend: | |
| show: true | |
| grid: | |
| show: false | |
| chart: | |
| dropshadow: | |
| enabled: true | |
| height: 300px | |
| width: 100% | |
| series: | |
| - entity: sensor.temperature_6 | |
| yaxis_id: first | |
| stroke_width: 3 | |
| color: rgba(200,200,200,1) | |
| name: Ute | |
| unit: C | |
| type: line | |
| show: | |
| legend_value: false | |
| in_header: false | |
| extremas: true | |
| extend_to: false | |
| - entity: sensor.temperature_18 | |
| yaxis_id: second | |
| stroke_width: 3 | |
| color: rgba(10,100,140,1) | |
| name: Stue | |
| unit: C | |
| type: line | |
| show: | |
| legend_value: false | |
| in_header: false | |
| extremas: true | |
| extend_to: false | |
| - entity: sensor.multi_sensor_gang | |
| yaxis_id: third | |
| stroke_width: 3 | |
| color: rgba(0,50,90,1) | |
| name: Gang | |
| unit: C | |
| type: line | |
| show: | |
| legend_value: false | |
| in_header: false | |
| extremas: true | |
| extend_to: false | |
| view_layout: | |
| column: 2 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| width: 1215px; | |
| margin:auto; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| border: none; | |
| box-shadow: none; | |
| border-radius: 20px; | |
| } | |
| div#header__title { | |
| font-size: 17px; | |
| font-weight: bold; | |
| text-align: center; | |
| } | |
| - type: custom:mod-card | |
| view_layout: | |
| column: 2 | |
| style: | |
| .: | | |
| ha-card { | |
| width: 1215px; | |
| } | |
| card: | |
| type: custom:state-switch | |
| entity: input_number.vaermelding_hjelper | |
| default: 1 | |
| transition: none | |
| transition_time: 1 | |
| states: | |
| '1.0': | |
| type: custom:apexcharts-card | |
| hours_12: false | |
| header: | |
| show: true | |
| title: Nedbør neste 24t - (mm) | |
| show_states: false | |
| graph_span: 1d | |
| span: | |
| start: hour | |
| update_interval: 1h | |
| apex_config: | |
| xaxis: | |
| labels: | |
| format: HH | |
| legend: | |
| show: false | |
| grid: | |
| show: false | |
| fill: | |
| type: gradient | |
| gradient: | |
| type: vertical | |
| shadeIntensity: 0.4 | |
| opacityFrom: 0.9 | |
| opacityTo: 0 | |
| stops: | |
| - 1 | |
| - 95 | |
| - 100 | |
| chart: | |
| dropshadow: | |
| enabled: true | |
| height: 300px | |
| yaxis: | |
| - id: first | |
| decimals: 0 | |
| apex_config: | |
| tickAmount: 4 | |
| series: | |
| - entity: weather.hjem_hourly | |
| stroke_width: 3 | |
| color: rgba(10,100,140,1) | |
| name: Nedbør | |
| unit: mm | |
| data_generator: | | |
| return entity.attributes.forecast.map((entry) => { | |
| return [new Date(entry.datetime).getTime(), entry.precipitation]; | |
| }); | |
| type: area | |
| show: | |
| legend_value: false | |
| in_header: false | |
| extremas: true | |
| extend_to: end | |
| view_layout: | |
| column: 2 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| width: 600px; | |
| border: none; | |
| box-shadow: none; | |
| border-radius: 20px; | |
| } | |
| div#header__title { | |
| font-size: 17px; | |
| font-weight: bold; | |
| text-align: center; | |
| } | |
| '2.0': | |
| type: custom:apexcharts-card | |
| hours_12: false | |
| header: | |
| show: true | |
| title: Luftfuktighet siste 24t - (%) | |
| show_states: false | |
| graph_span: 1d | |
| apex_config: | |
| xaxis: | |
| labels: | |
| format: HH | |
| axisBorder: | |
| show: false | |
| legend: | |
| show: false | |
| grid: | |
| show: false | |
| fill: | |
| type: gradient | |
| gradient: | |
| type: vertical | |
| shadeIntensity: 0.4 | |
| opacityFrom: 0.9 | |
| opacityTo: 0 | |
| stops: | |
| - 1 | |
| - 95 | |
| - 100 | |
| chart: | |
| dropshadow: | |
| enabled: true | |
| height: 300px | |
| width: 100% | |
| series: | |
| - entity: sensor.humidity_7 | |
| stroke_width: 3 | |
| color: rgba(10,100,140,1) | |
| name: Luftfuktighet | |
| type: area | |
| show: | |
| legend_value: false | |
| in_header: false | |
| extremas: true | |
| extend_to: false | |
| view_layout: | |
| column: 2 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| width: 1215px; | |
| margin:auto; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| border: none; | |
| box-shadow: none; | |
| border-radius: 20px; | |
| } | |
| div#header__title { | |
| font-size: 17px; | |
| font-weight: bold; | |
| text-align: center; | |
| } | |
| '3.0': | |
| type: custom:apexcharts-card | |
| hours_12: false | |
| header: | |
| show: true | |
| title: Luftfuktighet siste 24t - (%) | |
| show_states: false | |
| graph_span: 1d | |
| apex_config: | |
| xaxis: | |
| labels: | |
| format: HH | |
| axisBorder: | |
| show: false | |
| legend: | |
| show: false | |
| grid: | |
| show: false | |
| fill: | |
| type: gradient | |
| gradient: | |
| type: vertical | |
| shadeIntensity: 0.4 | |
| opacityFrom: 0.9 | |
| opacityTo: 0 | |
| stops: | |
| - 1 | |
| - 95 | |
| - 100 | |
| chart: | |
| dropshadow: | |
| enabled: true | |
| height: 300px | |
| width: 100% | |
| series: | |
| - entity: sensor.humidity_19 | |
| stroke_width: 3 | |
| color: rgba(10,100,140,1) | |
| name: Luftfuktighet | |
| type: area | |
| show: | |
| legend_value: false | |
| in_header: false | |
| extremas: true | |
| extend_to: false | |
| view_layout: | |
| column: 2 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| width: 1215px; | |
| margin:auto; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| border: none; | |
| box-shadow: none; | |
| border-radius: 20px; | |
| } | |
| div#header__title { | |
| font-size: 17px; | |
| font-weight: bold; | |
| text-align: center; | |
| } | |
| '4.0': | |
| type: custom:apexcharts-card | |
| hours_12: false | |
| header: | |
| show: true | |
| title: Luftfuktighet siste 24t - (%) | |
| show_states: false | |
| graph_span: 1d | |
| apex_config: | |
| xaxis: | |
| labels: | |
| format: HH | |
| axisBorder: | |
| show: false | |
| legend: | |
| show: false | |
| grid: | |
| show: false | |
| fill: | |
| type: gradient | |
| gradient: | |
| type: vertical | |
| shadeIntensity: 0.4 | |
| opacityFrom: 0.9 | |
| opacityTo: 0 | |
| stops: | |
| - 1 | |
| - 95 | |
| - 100 | |
| chart: | |
| dropshadow: | |
| enabled: true | |
| height: 300px | |
| width: 100% | |
| series: | |
| - entity: sensor.multi_sensor_gang_2 | |
| stroke_width: 3 | |
| color: rgba(10,100,140,1) | |
| name: Luftfuktighet | |
| type: area | |
| show: | |
| legend_value: false | |
| in_header: false | |
| extremas: true | |
| extend_to: false | |
| view_layout: | |
| column: 2 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| width: 1215px; | |
| margin:auto; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| border: none; | |
| box-shadow: none; | |
| border-radius: 20px; | |
| } | |
| div#header__title { | |
| font-size: 17px; | |
| font-weight: bold; | |
| text-align: center; | |
| } | |
| '5.0': | |
| type: custom:apexcharts-card | |
| hours_12: false | |
| header: | |
| show: true | |
| title: Luftfuktighet siste 24t - (%) | |
| show_states: false | |
| graph_span: 1d | |
| apex_config: | |
| xaxis: | |
| labels: | |
| format: HH | |
| axisBorder: | |
| show: false | |
| legend: | |
| show: false | |
| grid: | |
| show: false | |
| fill: | |
| type: gradient | |
| gradient: | |
| type: vertical | |
| shadeIntensity: 0.4 | |
| opacityFrom: 0.9 | |
| opacityTo: 0 | |
| stops: | |
| - 1 | |
| - 95 | |
| - 100 | |
| chart: | |
| dropshadow: | |
| enabled: true | |
| height: 300px | |
| width: 100% | |
| series: | |
| - entity: sensor.humidity_10 | |
| stroke_width: 3 | |
| color: rgba(10,100,140,1) | |
| name: Luftfuktighet | |
| type: area | |
| show: | |
| legend_value: false | |
| in_header: false | |
| extremas: true | |
| extend_to: false | |
| view_layout: | |
| column: 2 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| width: 1215px; | |
| margin:auto; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| border: none; | |
| box-shadow: none; | |
| border-radius: 20px; | |
| } | |
| div#header__title { | |
| font-size: 17px; | |
| font-weight: bold; | |
| text-align: center; | |
| } | |
| '6.0': | |
| type: custom:apexcharts-card | |
| hours_12: false | |
| header: | |
| show: true | |
| title: Luftfuktighet siste 24t - (%) | |
| show_states: false | |
| graph_span: 1d | |
| apex_config: | |
| xaxis: | |
| labels: | |
| format: HH | |
| axisBorder: | |
| show: false | |
| legend: | |
| show: false | |
| grid: | |
| show: false | |
| fill: | |
| type: gradient | |
| gradient: | |
| type: vertical | |
| shadeIntensity: 0.4 | |
| opacityFrom: 0.9 | |
| opacityTo: 0 | |
| stops: | |
| - 1 | |
| - 95 | |
| - 100 | |
| chart: | |
| dropshadow: | |
| enabled: true | |
| height: 300px | |
| width: 100% | |
| series: | |
| - entity: sensor.humidity_13 | |
| stroke_width: 3 | |
| color: rgba(10,100,140,1) | |
| name: Luftfuktighet | |
| type: area | |
| show: | |
| legend_value: false | |
| in_header: false | |
| extremas: true | |
| extend_to: false | |
| view_layout: | |
| column: 2 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| width: 1215px; | |
| margin:auto; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| border: none; | |
| box-shadow: none; | |
| border-radius: 20px; | |
| } | |
| div#header__title { | |
| font-size: 17px; | |
| font-weight: bold; | |
| text-align: center; | |
| } | |
| '7.0': | |
| type: custom:apexcharts-card | |
| hours_12: false | |
| header: | |
| show: true | |
| title: Luftfuktighet siste 24t - (%) | |
| show_states: false | |
| graph_span: 1d | |
| apex_config: | |
| xaxis: | |
| labels: | |
| format: HH | |
| axisBorder: | |
| show: false | |
| legend: | |
| show: false | |
| grid: | |
| show: false | |
| fill: | |
| type: gradient | |
| gradient: | |
| type: vertical | |
| shadeIntensity: 0.4 | |
| opacityFrom: 0.9 | |
| opacityTo: 0 | |
| stops: | |
| - 1 | |
| - 95 | |
| - 100 | |
| chart: | |
| dropshadow: | |
| enabled: true | |
| height: 300px | |
| width: 100% | |
| series: | |
| - entity: sensor.humidity_16 | |
| stroke_width: 3 | |
| color: rgba(10,100,140,1) | |
| name: Luftfuktighet | |
| type: area | |
| show: | |
| legend_value: false | |
| in_header: false | |
| extremas: true | |
| extend_to: false | |
| view_layout: | |
| column: 2 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| width: 1215px; | |
| margin:auto; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| border: none; | |
| box-shadow: none; | |
| border-radius: 20px; | |
| } | |
| div#header__title { | |
| font-size: 17px; | |
| font-weight: bold; | |
| text-align: center; | |
| } | |
| '8.0': | |
| type: custom:apexcharts-card | |
| hours_12: false | |
| header: | |
| show: true | |
| title: Luftfuktighet siste 24t - (%) | |
| show_states: false | |
| graph_span: 1d | |
| yaxis: | |
| - min: 0 | |
| max: 100 | |
| decimals: 0 | |
| apex_config: | |
| annotations: | |
| position: back | |
| yaxis: | |
| - 'y': 0 | |
| strokeDashArray: 5 | |
| borderColor: '#5b5b5b' | |
| borderWidth: 1 | |
| xaxis: | |
| labels: | |
| format: HH | |
| axisBorder: | |
| show: false | |
| legend: | |
| show: true | |
| grid: | |
| show: false | |
| chart: | |
| dropshadow: | |
| enabled: true | |
| height: 300px | |
| width: 100% | |
| series: | |
| - entity: sensor.humidity_7 | |
| stroke_width: 3 | |
| color: rgba(200,200,200,1) | |
| name: Ute | |
| unit: Prosent | |
| type: line | |
| show: | |
| legend_value: false | |
| in_header: false | |
| extremas: true | |
| extend_to: false | |
| - entity: sensor.humidity_19 | |
| stroke_width: 3 | |
| color: rgba(10,100,140,1) | |
| name: Stue | |
| unit: Prosent | |
| type: line | |
| show: | |
| legend_value: false | |
| in_header: false | |
| extremas: true | |
| extend_to: false | |
| - entity: sensor.multi_sensor_gang_2 | |
| stroke_width: 3 | |
| color: rgba(0,50,90,1) | |
| name: Gang | |
| unit: Prosent | |
| type: line | |
| show: | |
| legend_value: false | |
| in_header: false | |
| extremas: true | |
| extend_to: false | |
| view_layout: | |
| column: 2 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| width: 1215px; | |
| margin:auto; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| border: none; | |
| box-shadow: none; | |
| border-radius: 20px; | |
| } | |
| div#header__title { | |
| font-size: 17px; | |
| font-weight: bold; | |
| text-align: center; | |
| } | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 5 | |
| height: 352 | |
| - type: custom:mod-card | |
| view_layout: | |
| column: 5 | |
| style: | |
| .: | | |
| ha-card { | |
| width: 1215px; | |
| } | |
| card: | |
| type: custom:state-switch | |
| entity: input_number.vaermelding_hjelper | |
| default: 1 | |
| transition: none | |
| transition_time: 1 | |
| states: | |
| '1.0': | |
| type: custom:apexcharts-card | |
| hours_12: false | |
| header: | |
| show: true | |
| title: Vindhastighet neste 24t - (m/s) | |
| show_states: false | |
| graph_span: 1d | |
| span: | |
| start: hour | |
| update_interval: 1h | |
| apex_config: | |
| xaxis: | |
| labels: | |
| format: HH | |
| legend: | |
| show: false | |
| grid: | |
| show: false | |
| fill: | |
| type: gradient | |
| gradient: | |
| type: vertical | |
| shadeIntensity: 0.4 | |
| opacityFrom: 0.9 | |
| opacityTo: 0 | |
| stops: | |
| - 1 | |
| - 95 | |
| - 100 | |
| chart: | |
| dropshadow: | |
| enabled: true | |
| height: 300px | |
| yaxis: | |
| - id: first | |
| decimals: 0 | |
| apex_config: | |
| tickAmount: 4 | |
| series: | |
| - entity: weather.hjem_hourly | |
| stroke_width: 3 | |
| color: rgba(10,100,140,1) | |
| name: Vindhastighet | |
| unit: m/s | |
| data_generator: | | |
| return entity.attributes.forecast.map((entry) => { | |
| return [new Date(entry.datetime).getTime(), ((entry.wind_speed) * 0.27778)]; | |
| }); | |
| type: area | |
| show: | |
| legend_value: false | |
| in_header: false | |
| extremas: true | |
| extend_to: end | |
| view_layout: | |
| column: 5 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| width: 600px; | |
| border: none; | |
| box-shadow: none; | |
| border-radius: 20px; | |
| } | |
| div#header__title { | |
| font-size: 17px; | |
| font-weight: bold; | |
| text-align: center; | |
| } | |
| - theme: Backend-selected | |
| icon: mdi:information-outline | |
| title: Diverse | |
| path: info | |
| type: custom:vertical-layout | |
| layout: | |
| width: 200 | |
| max_cols: 7 | |
| badges: [] | |
| cards: | |
| - type: custom:button-card | |
| view_layout: | |
| column: 1 | |
| icon: mdi:home-outline | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.0); | |
| box-shadow: none; | |
| border-radius: 20px; | |
| } | |
| tap_action: | |
| action: navigate | |
| navigation_path: /lovelace-test4/hjem | |
| height: 1100 | |
| styles: | |
| card: | |
| - height: 150px | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| size: 50px | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 3 | |
| height: 150 | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 5 | |
| height: 150 | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 6 | |
| height: 150 | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 7 | |
| height: 150 | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 2 | |
| height: 150 | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 4 | |
| height: 150 | |
| - type: custom:button-card | |
| name: Multi Sensorer | |
| view_layout: | |
| column: 2 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: none; | |
| border-radius: 20px; | |
| right: 120px; | |
| } | |
| styles: | |
| card: | |
| - width: 402px | |
| - height: 70px | |
| name: | |
| - font-size: 25px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - type: custom:mod-card | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: none; | |
| border-radius: 20px; | |
| right: 120px; | |
| } | |
| card: | |
| type: vertical-stack | |
| cards: | |
| - type: custom:apexcharts-card | |
| chart_type: radialBar | |
| apex_config: | |
| legend: | |
| onItemHover: | |
| highlightDataSeries: false | |
| show: false | |
| chart: | |
| height: 200px | |
| fontFamily: roboto | |
| dropShadow: | |
| enabled: true | |
| top: 2 | |
| left: 2 | |
| blur: 4 | |
| color: '#000000' | |
| opacity: 1 | |
| plotOptions: | |
| radialBar: | |
| startAngle: -180 | |
| endAngle: 180 | |
| dataLabels: | |
| name: | |
| show: true | |
| offsetY: 45 | |
| value: | |
| show: true | |
| offsetY: 0 | |
| fontSize: 50px | |
| fontWeight: 400 | |
| color: rgba(190,190,190,1) | |
| total: | |
| show: true | |
| fontSize: 21px | |
| fontWeight: 500 | |
| label: '%' | |
| color: rgba(100,100,100,1) | |
| formatter: | | |
| EVAL:(w) => { | |
| return w.globals.seriesTotals + ''; | |
| } | |
| hollow: | |
| size: 80% | |
| track: | |
| show: false | |
| background: '#031823' | |
| strokeWidth: 155% | |
| stroke: | |
| dashArray: 1 5 | |
| lineCap: butt | |
| series: | |
| - entity: sensor.temperature_18_battery_level | |
| color: rgba(10,100,140,1) | |
| view_layout: | |
| column: 1 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.0); | |
| box-shadow: none; | |
| } | |
| - type: custom:button-card | |
| name: Stue | |
| view_layout: null | |
| styles: | |
| name: | |
| - font-size: 17px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| column: 6 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.0); | |
| box-shadow: none; | |
| margin-top: -25px; | |
| } | |
| view_layout: | |
| column: 2 | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 3 | |
| height: 70 | |
| - type: custom:mod-card | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: none; | |
| border-radius: 20px; | |
| right: 120px; | |
| } | |
| card: | |
| type: vertical-stack | |
| cards: | |
| - type: custom:apexcharts-card | |
| chart_type: radialBar | |
| apex_config: | |
| legend: | |
| onItemHover: | |
| highlightDataSeries: false | |
| show: false | |
| chart: | |
| height: 200px | |
| fontFamily: roboto | |
| dropShadow: | |
| enabled: true | |
| top: 2 | |
| left: 2 | |
| blur: 4 | |
| color: '#000000' | |
| opacity: 1 | |
| plotOptions: | |
| radialBar: | |
| startAngle: -180 | |
| endAngle: 180 | |
| dataLabels: | |
| name: | |
| show: true | |
| offsetY: 45 | |
| value: | |
| show: true | |
| offsetY: 0 | |
| fontSize: 50px | |
| fontWeight: 400 | |
| color: rgba(190,190,190,1) | |
| total: | |
| show: true | |
| fontSize: 21px | |
| fontWeight: 500 | |
| label: '%' | |
| color: rgba(100,100,100,1) | |
| formatter: | | |
| EVAL:(w) => { | |
| return w.globals.seriesTotals + ''; | |
| } | |
| hollow: | |
| size: 80% | |
| track: | |
| show: false | |
| background: '#031823' | |
| strokeWidth: 155% | |
| stroke: | |
| dashArray: 1 5 | |
| lineCap: butt | |
| series: | |
| - entity: sensor.temperature_21_battery_level | |
| color: rgba(10,100,140,1) | |
| view_layout: | |
| column: 1 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.0); | |
| box-shadow: none; | |
| } | |
| - type: custom:button-card | |
| name: Master Sov | |
| view_layout: null | |
| styles: | |
| name: | |
| - font-size: 17px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| column: 6 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.0); | |
| box-shadow: none; | |
| margin-top: -25px; | |
| } | |
| view_layout: | |
| column: 3 | |
| - type: custom:mod-card | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: none; | |
| border-radius: 20px; | |
| right: 120px; | |
| } | |
| card: | |
| type: vertical-stack | |
| cards: | |
| - type: custom:apexcharts-card | |
| chart_type: radialBar | |
| apex_config: | |
| legend: | |
| onItemHover: | |
| highlightDataSeries: false | |
| show: false | |
| chart: | |
| height: 200px | |
| fontFamily: roboto | |
| dropShadow: | |
| enabled: true | |
| top: 2 | |
| left: 2 | |
| blur: 4 | |
| color: '#000000' | |
| opacity: 1 | |
| plotOptions: | |
| radialBar: | |
| startAngle: -180 | |
| endAngle: 180 | |
| dataLabels: | |
| name: | |
| show: true | |
| offsetY: 45 | |
| value: | |
| show: true | |
| offsetY: 0 | |
| fontSize: 50px | |
| fontWeight: 400 | |
| color: rgba(190,190,190,1) | |
| total: | |
| show: true | |
| fontSize: 21px | |
| fontWeight: 500 | |
| label: '%' | |
| color: rgba(100,100,100,1) | |
| formatter: | | |
| EVAL:(w) => { | |
| return w.globals.seriesTotals + ''; | |
| } | |
| hollow: | |
| size: 80% | |
| track: | |
| show: false | |
| background: '#031823' | |
| strokeWidth: 155% | |
| stroke: | |
| dashArray: 1 5 | |
| lineCap: butt | |
| series: | |
| - entity: sensor.temperature_12_battery_level | |
| color: rgba(10,100,140,1) | |
| view_layout: | |
| column: 1 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.0); | |
| box-shadow: none; | |
| } | |
| - type: custom:button-card | |
| name: Aleksander | |
| view_layout: null | |
| styles: | |
| name: | |
| - font-size: 17px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| column: 6 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.0); | |
| box-shadow: none; | |
| margin-top: -25px; | |
| } | |
| view_layout: | |
| column: 3 | |
| - type: custom:mod-card | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: none; | |
| border-radius: 20px; | |
| right: 120px; | |
| } | |
| card: | |
| type: vertical-stack | |
| cards: | |
| - type: custom:apexcharts-card | |
| chart_type: radialBar | |
| apex_config: | |
| legend: | |
| onItemHover: | |
| highlightDataSeries: false | |
| show: false | |
| chart: | |
| height: 200px | |
| fontFamily: roboto | |
| dropShadow: | |
| enabled: true | |
| top: 2 | |
| left: 2 | |
| blur: 4 | |
| color: '#000000' | |
| opacity: 1 | |
| plotOptions: | |
| radialBar: | |
| startAngle: -180 | |
| endAngle: 180 | |
| dataLabels: | |
| name: | |
| show: true | |
| offsetY: 45 | |
| value: | |
| show: true | |
| offsetY: 0 | |
| fontSize: 50px | |
| fontWeight: 400 | |
| color: rgba(190,190,190,1) | |
| total: | |
| show: true | |
| fontSize: 21px | |
| fontWeight: 500 | |
| label: '%' | |
| color: rgba(100,100,100,1) | |
| formatter: | | |
| EVAL:(w) => { | |
| return w.globals.seriesTotals + ''; | |
| } | |
| hollow: | |
| size: 80% | |
| track: | |
| show: false | |
| background: '#031823' | |
| strokeWidth: 155% | |
| stroke: | |
| dashArray: 1 5 | |
| lineCap: butt | |
| series: | |
| - entity: sensor.multi_sensor_gang_battery_level | |
| color: rgba(10,100,140,1) | |
| view_layout: | |
| column: 1 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.0); | |
| box-shadow: none; | |
| } | |
| - type: custom:button-card | |
| name: Gang | |
| view_layout: null | |
| styles: | |
| name: | |
| - font-size: 17px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| column: 6 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.0); | |
| box-shadow: none; | |
| margin-top: -25px; | |
| } | |
| view_layout: | |
| column: 2 | |
| - type: custom:mod-card | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: none; | |
| border-radius: 20px; | |
| right: 120px; | |
| } | |
| card: | |
| type: vertical-stack | |
| cards: | |
| - type: custom:apexcharts-card | |
| chart_type: radialBar | |
| apex_config: | |
| legend: | |
| onItemHover: | |
| highlightDataSeries: false | |
| show: false | |
| chart: | |
| height: 200px | |
| fontFamily: roboto | |
| dropShadow: | |
| enabled: true | |
| top: 2 | |
| left: 2 | |
| blur: 4 | |
| color: '#000000' | |
| opacity: 1 | |
| plotOptions: | |
| radialBar: | |
| startAngle: -180 | |
| endAngle: 180 | |
| dataLabels: | |
| name: | |
| show: true | |
| offsetY: 45 | |
| value: | |
| show: true | |
| offsetY: 0 | |
| fontSize: 50px | |
| fontWeight: 400 | |
| color: rgba(190,190,190,1) | |
| total: | |
| show: true | |
| fontSize: 21px | |
| fontWeight: 500 | |
| label: '%' | |
| color: rgba(100,100,100,1) | |
| formatter: | | |
| EVAL:(w) => { | |
| return w.globals.seriesTotals + ''; | |
| } | |
| hollow: | |
| size: 80% | |
| track: | |
| show: false | |
| background: '#031823' | |
| strokeWidth: 155% | |
| stroke: | |
| dashArray: 1 5 | |
| lineCap: butt | |
| series: | |
| - entity: sensor.multi_sensor_utendors_battery_level | |
| color: rgba(10,100,140,1) | |
| view_layout: | |
| column: 1 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.0); | |
| box-shadow: none; | |
| } | |
| - type: custom:button-card | |
| name: Ute | |
| view_layout: null | |
| styles: | |
| name: | |
| - font-size: 17px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| column: 6 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.0); | |
| box-shadow: none; | |
| margin-top: -25px; | |
| } | |
| view_layout: | |
| column: 2 | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 7 | |
| height: 70 | |
| - type: custom:mod-card | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: none; | |
| border-radius: 20px; | |
| right: 120px; | |
| } | |
| card: | |
| type: vertical-stack | |
| cards: | |
| - type: custom:apexcharts-card | |
| chart_type: radialBar | |
| apex_config: | |
| legend: | |
| onItemHover: | |
| highlightDataSeries: false | |
| show: false | |
| chart: | |
| height: 200px | |
| fontFamily: roboto | |
| dropShadow: | |
| enabled: true | |
| top: 2 | |
| left: 2 | |
| blur: 4 | |
| color: '#000000' | |
| opacity: 1 | |
| plotOptions: | |
| radialBar: | |
| startAngle: -180 | |
| endAngle: 180 | |
| dataLabels: | |
| name: | |
| show: true | |
| offsetY: 45 | |
| value: | |
| show: true | |
| offsetY: 0 | |
| fontSize: 50px | |
| fontWeight: 400 | |
| color: rgba(190,190,190,1) | |
| total: | |
| show: true | |
| fontSize: 21px | |
| fontWeight: 500 | |
| label: '%' | |
| color: rgba(100,100,100,1) | |
| formatter: | | |
| EVAL:(w) => { | |
| return w.globals.seriesTotals + ''; | |
| } | |
| hollow: | |
| size: 80% | |
| track: | |
| show: false | |
| background: '#031823' | |
| strokeWidth: 155% | |
| stroke: | |
| dashArray: 1 5 | |
| lineCap: butt | |
| series: | |
| - entity: sensor.temperature_15_battery_level | |
| color: rgba(10,100,140,1) | |
| view_layout: | |
| column: 1 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.0); | |
| box-shadow: none; | |
| } | |
| - type: custom:button-card | |
| name: Emilie | |
| view_layout: null | |
| styles: | |
| name: | |
| - font-size: 17px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| column: 6 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.0); | |
| box-shadow: none; | |
| margin-top: -25px; | |
| } | |
| view_layout: | |
| column: 3 | |
| - type: custom:button-card | |
| name: Magnet Kontakter | |
| view_layout: | |
| column: 4 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: none; | |
| border-radius: 20px; | |
| right: 90px; | |
| } | |
| styles: | |
| card: | |
| - width: 402px | |
| - height: 70px | |
| name: | |
| - font-size: 25px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 5 | |
| height: 70 | |
| - type: custom:mod-card | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: none; | |
| border-radius: 20px; | |
| right: 90px; | |
| } | |
| card: | |
| type: vertical-stack | |
| cards: | |
| - type: custom:apexcharts-card | |
| chart_type: radialBar | |
| apex_config: | |
| legend: | |
| onItemHover: | |
| highlightDataSeries: false | |
| show: false | |
| chart: | |
| height: 200px | |
| fontFamily: roboto | |
| dropShadow: | |
| enabled: true | |
| top: 2 | |
| left: 2 | |
| blur: 4 | |
| color: '#000000' | |
| opacity: 1 | |
| plotOptions: | |
| radialBar: | |
| startAngle: -180 | |
| endAngle: 180 | |
| dataLabels: | |
| name: | |
| show: true | |
| offsetY: 45 | |
| value: | |
| show: true | |
| offsetY: 0 | |
| fontSize: 50px | |
| fontWeight: 400 | |
| color: rgba(190,190,190,1) | |
| total: | |
| show: true | |
| fontSize: 21px | |
| fontWeight: 500 | |
| label: '%' | |
| color: rgba(100,100,100,1) | |
| formatter: | | |
| EVAL:(w) => { | |
| return w.globals.seriesTotals + ''; | |
| } | |
| hollow: | |
| size: 80% | |
| track: | |
| show: false | |
| background: '#031823' | |
| strokeWidth: 155% | |
| stroke: | |
| dashArray: 1 5 | |
| lineCap: butt | |
| series: | |
| - entity: sensor.openclose_26_battery_level | |
| color: rgba(10,100,140,1) | |
| view_layout: | |
| column: 1 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.0); | |
| box-shadow: none; | |
| } | |
| - type: custom:button-card | |
| name: Aleksander | |
| view_layout: null | |
| styles: | |
| name: | |
| - font-size: 17px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| column: 6 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.0); | |
| box-shadow: none; | |
| margin-top: -25px; | |
| } | |
| view_layout: | |
| column: 5 | |
| - type: custom:mod-card | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: none; | |
| border-radius: 20px; | |
| right: 90px; | |
| } | |
| card: | |
| type: vertical-stack | |
| cards: | |
| - type: custom:apexcharts-card | |
| chart_type: radialBar | |
| apex_config: | |
| legend: | |
| onItemHover: | |
| highlightDataSeries: false | |
| show: false | |
| chart: | |
| height: 200px | |
| fontFamily: roboto | |
| dropShadow: | |
| enabled: true | |
| top: 2 | |
| left: 2 | |
| blur: 4 | |
| color: '#000000' | |
| opacity: 1 | |
| plotOptions: | |
| radialBar: | |
| startAngle: -180 | |
| endAngle: 180 | |
| dataLabels: | |
| name: | |
| show: true | |
| offsetY: 45 | |
| value: | |
| show: true | |
| offsetY: 0 | |
| fontSize: 50px | |
| fontWeight: 400 | |
| color: rgba(190,190,190,1) | |
| total: | |
| show: true | |
| fontSize: 21px | |
| fontWeight: 500 | |
| label: '%' | |
| color: rgba(100,100,100,1) | |
| formatter: | | |
| EVAL:(w) => { | |
| return w.globals.seriesTotals + ''; | |
| } | |
| hollow: | |
| size: 80% | |
| track: | |
| show: false | |
| background: '#031823' | |
| strokeWidth: 155% | |
| stroke: | |
| dashArray: 1 5 | |
| lineCap: butt | |
| series: | |
| - entity: sensor.ytterdor_battery_level | |
| color: rgba(10,100,140,1) | |
| view_layout: | |
| column: 1 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.0); | |
| box-shadow: none; | |
| } | |
| - type: custom:button-card | |
| name: Ytterdør | |
| view_layout: null | |
| styles: | |
| name: | |
| - font-size: 17px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| column: 6 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.0); | |
| box-shadow: none; | |
| margin-top: -25px; | |
| } | |
| view_layout: | |
| column: 4 | |
| - type: custom:mod-card | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: none; | |
| border-radius: 20px; | |
| right: 90px; | |
| } | |
| card: | |
| type: vertical-stack | |
| cards: | |
| - type: custom:apexcharts-card | |
| chart_type: radialBar | |
| apex_config: | |
| legend: | |
| onItemHover: | |
| highlightDataSeries: false | |
| show: false | |
| chart: | |
| height: 200px | |
| fontFamily: roboto | |
| dropShadow: | |
| enabled: true | |
| top: 2 | |
| left: 2 | |
| blur: 4 | |
| color: '#000000' | |
| opacity: 1 | |
| plotOptions: | |
| radialBar: | |
| startAngle: -180 | |
| endAngle: 180 | |
| dataLabels: | |
| name: | |
| show: true | |
| offsetY: 45 | |
| value: | |
| show: true | |
| offsetY: 0 | |
| fontSize: 50px | |
| fontWeight: 400 | |
| color: rgba(190,190,190,1) | |
| total: | |
| show: true | |
| fontSize: 21px | |
| fontWeight: 500 | |
| label: '%' | |
| color: rgba(100,100,100,1) | |
| formatter: | | |
| EVAL:(w) => { | |
| return w.globals.seriesTotals + ''; | |
| } | |
| hollow: | |
| size: 80% | |
| track: | |
| show: false | |
| background: '#031823' | |
| strokeWidth: 155% | |
| stroke: | |
| dashArray: 1 5 | |
| lineCap: butt | |
| series: | |
| - entity: sensor.openclose_24_battery_level | |
| color: rgba(10,100,140,1) | |
| view_layout: | |
| column: 1 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.0); | |
| box-shadow: none; | |
| } | |
| - type: custom:button-card | |
| name: Terassedør | |
| view_layout: null | |
| styles: | |
| name: | |
| - font-size: 17px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| column: 6 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.0); | |
| box-shadow: none; | |
| margin-top: -25px; | |
| } | |
| view_layout: | |
| column: 4 | |
| - type: custom:mod-card | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: none; | |
| border-radius: 20px; | |
| right: 90px; | |
| } | |
| card: | |
| type: vertical-stack | |
| cards: | |
| - type: custom:apexcharts-card | |
| chart_type: radialBar | |
| apex_config: | |
| legend: | |
| onItemHover: | |
| highlightDataSeries: false | |
| show: false | |
| chart: | |
| height: 200px | |
| fontFamily: roboto | |
| dropShadow: | |
| enabled: true | |
| top: 2 | |
| left: 2 | |
| blur: 4 | |
| color: '#000000' | |
| opacity: 1 | |
| plotOptions: | |
| radialBar: | |
| startAngle: -180 | |
| endAngle: 180 | |
| dataLabels: | |
| name: | |
| show: true | |
| offsetY: 45 | |
| value: | |
| show: true | |
| offsetY: 0 | |
| fontSize: 50px | |
| fontWeight: 400 | |
| color: rgba(190,190,190,1) | |
| total: | |
| show: true | |
| fontSize: 21px | |
| fontWeight: 500 | |
| label: '%' | |
| color: rgba(100,100,100,1) | |
| formatter: | | |
| EVAL:(w) => { | |
| return w.globals.seriesTotals + ''; | |
| } | |
| hollow: | |
| size: 80% | |
| track: | |
| show: false | |
| background: '#031823' | |
| strokeWidth: 155% | |
| stroke: | |
| dashArray: 1 5 | |
| lineCap: butt | |
| series: | |
| - entity: sensor.openclose_25_battery_level | |
| color: rgba(10,100,140,1) | |
| view_layout: | |
| column: 1 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.0); | |
| box-shadow: none; | |
| } | |
| - type: custom:button-card | |
| name: Master Sov | |
| view_layout: null | |
| styles: | |
| name: | |
| - font-size: 17px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| column: 6 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.0); | |
| box-shadow: none; | |
| margin-top: -25px; | |
| } | |
| view_layout: | |
| column: 4 | |
| - type: custom:mod-card | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: none; | |
| border-radius: 20px; | |
| right: 90px; | |
| } | |
| card: | |
| type: vertical-stack | |
| cards: | |
| - type: custom:apexcharts-card | |
| chart_type: radialBar | |
| apex_config: | |
| legend: | |
| onItemHover: | |
| highlightDataSeries: false | |
| show: false | |
| chart: | |
| height: 200px | |
| fontFamily: roboto | |
| dropShadow: | |
| enabled: true | |
| top: 2 | |
| left: 2 | |
| blur: 4 | |
| color: '#000000' | |
| opacity: 1 | |
| plotOptions: | |
| radialBar: | |
| startAngle: -180 | |
| endAngle: 180 | |
| dataLabels: | |
| name: | |
| show: true | |
| offsetY: 45 | |
| value: | |
| show: true | |
| offsetY: 0 | |
| fontSize: 50px | |
| fontWeight: 400 | |
| color: rgba(190,190,190,1) | |
| total: | |
| show: true | |
| fontSize: 21px | |
| fontWeight: 500 | |
| label: '%' | |
| color: rgba(100,100,100,1) | |
| formatter: | | |
| EVAL:(w) => { | |
| return w.globals.seriesTotals + ''; | |
| } | |
| hollow: | |
| size: 80% | |
| track: | |
| show: false | |
| background: '#031823' | |
| strokeWidth: 155% | |
| stroke: | |
| dashArray: 1 5 | |
| lineCap: butt | |
| series: | |
| - entity: sensor.openclose_27_battery_level | |
| color: rgba(10,100,140,1) | |
| view_layout: | |
| column: 1 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.0); | |
| box-shadow: none; | |
| } | |
| - type: custom:button-card | |
| name: Emilie | |
| view_layout: null | |
| styles: | |
| name: | |
| - font-size: 17px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| column: 6 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.0); | |
| box-shadow: none; | |
| margin-top: -25px; | |
| } | |
| view_layout: | |
| column: 5 | |
| - type: custom:button-card | |
| name: Home Assistant | |
| view_layout: | |
| column: 6 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: none; | |
| border-radius: 20px; | |
| right: 60px; | |
| } | |
| styles: | |
| card: | |
| - width: 402px | |
| - height: 70px | |
| name: | |
| - font-size: 25px | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| - type: entities | |
| entities: | |
| - type: button | |
| name: Restart Server | |
| tap_action: | |
| action: call-service | |
| service: homeassistant.restart | |
| confirmation: | |
| text: Restart Server? | |
| action_name: Restart | |
| icon: mdi:home-assistant | |
| - entity: sensor.uptime | |
| name: Sist startet | |
| icon: mdi:home-assistant | |
| tap_action: | |
| action: none | |
| - entity: sensor.home_assistant_operating_system_version | |
| name: OS Versjon | |
| icon: mdi:home-assistant | |
| tap_action: | |
| action: none | |
| - entity: sensor.home_assistant_operating_system_newest_version | |
| name: Nyeste versjon | |
| icon: mdi:home-assistant | |
| tap_action: | |
| action: none | |
| - entity: update.home_assistant_operating_system_update | |
| name: Oppdatering HA OS | |
| icon: mdi:update | |
| tap_action: | |
| action: none | |
| - entity: update.home_assistant_core_update | |
| name: Oppdatering HA Core | |
| icon: mdi:update | |
| tap_action: | |
| action: none | |
| - entity: update.home_assistant_supervisor_update | |
| name: Oppdatering HA Supervisor | |
| icon: mdi:update | |
| tap_action: | |
| action: none | |
| - entity: sensor.hacs | |
| name: HACS | |
| icon: mdi:update | |
| tap_action: | |
| action: none | |
| view_layout: | |
| column: 6 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| box-shadow: none; | |
| border-radius: 20px; | |
| width: 400px; | |
| text-shadow: 3px 3px 2px rgb(0 0 0 / 0.4); | |
| right: 60px; | |
| } | |
| - theme: Backend-selected | |
| layout: | |
| width: 200 | |
| max_cols: 7 | |
| type: custom:vertical-layout | |
| title: Enheter | |
| path: strompris | |
| icon: mdi:currency-eur | |
| badges: [] | |
| cards: | |
| - type: custom:button-card | |
| view_layout: | |
| column: 1 | |
| icon: mdi:home-outline | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.0); | |
| box-shadow: none; | |
| border-radius: 20px; | |
| } | |
| tap_action: | |
| action: navigate | |
| navigation_path: /lovelace-test4/hjem | |
| height: 1100 | |
| styles: | |
| card: | |
| - height: 150px | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| size: 50px | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 4 | |
| height: 150 | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 3 | |
| height: 150 | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 5 | |
| height: 150 | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 6 | |
| height: 150 | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 7 | |
| height: 150 | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 2 | |
| height: 150 | |
| - type: custom:apexcharts-card | |
| hours_12: false | |
| header: | |
| show: true | |
| title: Strømpriser i dag - (øre/kWh) | |
| show_states: false | |
| graph_span: 1d | |
| span: | |
| start: day | |
| update_interval: 1h | |
| apex_config: | |
| xaxis: | |
| labels: | |
| format: HH | |
| axisBorder: | |
| show: false | |
| legend: | |
| show: false | |
| grid: | |
| show: false | |
| fill: | |
| type: gradient | |
| gradient: | |
| type: vertical | |
| shadeIntensity: 0.4 | |
| opacityFrom: 0.9 | |
| opacityTo: 0 | |
| stops: | |
| - 1 | |
| - 95 | |
| - 100 | |
| chart: | |
| dropshadow: | |
| enabled: true | |
| height: 310px | |
| width: 100% | |
| series: | |
| - entity: sensor.nordpool_kwh_trheim_nok_3_10_025 | |
| stroke_width: 3 | |
| color: rgba(10,100,140,1) | |
| name: Strømpris | |
| unit: øre/kWh | |
| float_precision: 2 | |
| data_generator: | | |
| return entity.attributes.raw_today.map((start, index) => { | |
| return [new Date(start["start"]).getTime(), entity.attributes.raw_today[index]["value"] * 100]; | |
| }); | |
| type: area | |
| show: | |
| legend_value: false | |
| in_header: false | |
| extremas: true | |
| extend_to: end | |
| view_layout: | |
| column: 1 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| width: 1425px; | |
| margin:auto; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| border: none; | |
| box-shadow: none; | |
| border-radius: 20px; | |
| } | |
| div#header__title { | |
| font-size: 17px; | |
| font-weight: bold; | |
| text-align: center; | |
| } | |
| - type: custom:apexcharts-card | |
| hours_12: false | |
| header: | |
| show: true | |
| title: Strømpriser i morgen - (øre/kWh) | |
| show_states: false | |
| graph_span: 1d | |
| span: | |
| start: day | |
| offset: +1day | |
| update_interval: 1h | |
| apex_config: | |
| xaxis: | |
| labels: | |
| format: HH | |
| axisBorder: | |
| show: false | |
| legend: | |
| show: false | |
| grid: | |
| show: false | |
| fill: | |
| type: gradient | |
| gradient: | |
| type: vertical | |
| shadeIntensity: 0.4 | |
| opacityFrom: 0.9 | |
| opacityTo: 0 | |
| stops: | |
| - 1 | |
| - 95 | |
| - 100 | |
| chart: | |
| dropshadow: | |
| enabled: true | |
| height: 310px | |
| width: 100% | |
| series: | |
| - entity: sensor.nordpool_kwh_trheim_nok_3_10_025 | |
| stroke_width: 3 | |
| color: rgba(10,100,140,1) | |
| name: Strømpris | |
| unit: øre/kWh | |
| float_precision: 2 | |
| data_generator: | | |
| return entity.attributes.raw_tomorrow.map((start, index) => { | |
| return [new Date(start["start"]).getTime(), entity.attributes.raw_tomorrow[index]["value"] * 100]; | |
| }); | |
| type: area | |
| show: | |
| legend_value: false | |
| in_header: false | |
| extremas: true | |
| extend_to: end | |
| view_layout: | |
| column: 1 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| width: 1425px; | |
| margin:auto; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| border: none; | |
| box-shadow: none; | |
| border-radius: 20px; | |
| } | |
| div#header__title { | |
| font-size: 17px; | |
| font-weight: bold; | |
| text-align: center; | |
| } | |
| - theme: Backend-selected | |
| title: Skjermsparer | |
| path: skjermsparer | |
| icon: mdi:brightness-4 | |
| type: custom:vertical-layout | |
| layout: | |
| width: 1400 | |
| max_cols: 1 | |
| background: | |
| color: black | |
| badges: [] | |
| cards: | |
| - type: custom:gap-card | |
| height: 100 | |
| tap_action: | |
| action: navigate | |
| navigation_path: /lovelace-test4/hjem | |
| - entity: sensor.time | |
| show_icon: false | |
| show_label: false | |
| show_name: false | |
| show_state: true | |
| styles: | |
| state: | |
| - font-size: 17em | |
| - font-weight: 300 | |
| - text-transform: uppercase | |
| - filter: drop-shadow(3px 3px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - border: null | |
| - background-color: rgba(0, 0, 0, 0.0) | |
| - height: 220px | |
| type: custom:button-card | |
| tap_action: | |
| action: navigate | |
| navigation_path: /lovelace-test4/hjem | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: transparent; | |
| box-shadow: none; | |
| } | |
| view_layout: | |
| column: 1 | |
| - entity: sensor.dato_norsk_full | |
| show_icon: false | |
| show_label: false | |
| show_name: false | |
| show_state: true | |
| styles: | |
| state: | |
| - font-size: 5em | |
| - font-weight: 300 | |
| - text-transform: lowercase | |
| - filter: drop-shadow(3px 3px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - border: null | |
| - background-color: rgba(0, 0, 0, 0.0) | |
| - height: 80px | |
| type: custom:button-card | |
| tap_action: | |
| action: navigate | |
| navigation_path: /lovelace-test4/hjem | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: transparent; | |
| box-shadow: none; | |
| } | |
| - type: custom:gap-card | |
| height: 100 | |
| tap_action: | |
| action: navigate | |
| navigation_path: /lovelace-test4/hjem | |
| - entity: sensor.temperature_6 | |
| show_icon: false | |
| show_label: false | |
| show_name: false | |
| show_state: true | |
| styles: | |
| state: | |
| - font-size: 5em | |
| - font-weight: 300 | |
| - text-transform: lowercase | |
| - filter: drop-shadow(3px 3px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - border: null | |
| - background-color: rgba(0, 0, 0, 0.0) | |
| - height: 80px | |
| type: custom:button-card | |
| tap_action: | |
| action: navigate | |
| navigation_path: /lovelace-test4/hjem | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: transparent; | |
| box-shadow: none; | |
| } | |
| - entity: sensor.temperature_18 | |
| show_icon: false | |
| show_label: false | |
| show_name: false | |
| show_state: true | |
| styles: | |
| state: | |
| - font-size: 5em | |
| - font-weight: 300 | |
| - text-transform: lowercase | |
| - filter: drop-shadow(3px 3px 2px rgb(0 0 0 / 0.4)) | |
| card: | |
| - border: null | |
| - background-color: rgba(0, 0, 0, 0.0) | |
| - height: 80px | |
| type: custom:button-card | |
| tap_action: | |
| action: navigate | |
| navigation_path: /lovelace-test4/hjem | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: transparent; | |
| box-shadow: none; | |
| } | |
| - theme: Backend-selected | |
| type: custom:vertical-layout | |
| layout: | |
| width: 200 | |
| max_cols: 7 | |
| icon: mdi:calendar-month-outline | |
| title: Kalender | |
| path: kalender | |
| badges: [] | |
| cards: | |
| - type: custom:button-card | |
| view_layout: | |
| column: 1 | |
| icon: mdi:home-outline | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.0); | |
| box-shadow: none; | |
| border-radius: 20px; | |
| } | |
| tap_action: | |
| action: navigate | |
| navigation_path: /lovelace-test4/hjem | |
| height: 1100 | |
| styles: | |
| card: | |
| - height: 150px | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| size: 50px | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 2 | |
| height: 150 | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 3 | |
| height: 150 | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 4 | |
| height: 150 | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 5 | |
| height: 150 | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 6 | |
| height: 150 | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 7 | |
| height: 150 | |
| - initial_view: dayGridMonth | |
| type: calendar | |
| entities: | |
| - calendar.YOURGMAILACCOUNTHERE | |
| - calendar.helligdager_i_norge | |
| view_layout: | |
| column: 1 | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.1); | |
| width: 1425px; | |
| margin:auto; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| border: none; | |
| box-shadow: none; | |
| border-radius: 20px; | |
| } | |
| ha-full-calendar { | |
| min-height: 700px !important; | |
| } | |
| div.header { | |
| padding-top: 0px; | |
| } | |
| ha-full-calendar: | |
| $: | | |
| #calendar { | |
| background-color: rgba(0,0,0,0.1) !important; | |
| } | |
| - theme: Backend-selected | |
| title: Sandbox | |
| path: sandbox | |
| icon: mdi:test-tube | |
| type: custom:vertical-layout | |
| layout: | |
| width: 200 | |
| max_cols: 7 | |
| badges: [] | |
| cards: | |
| - type: custom:button-card | |
| view_layout: | |
| column: 1 | |
| icon: mdi:home-outline | |
| style: | |
| .: | | |
| ha-card { | |
| background-color: rgba(0,0,0,0.0); | |
| box-shadow: none; | |
| border-radius: 20px; | |
| } | |
| tap_action: | |
| action: navigate | |
| navigation_path: /lovelace-test4/hjem | |
| height: 1100 | |
| styles: | |
| card: | |
| - height: 150px | |
| icon: | |
| - filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)) | |
| size: 50px | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 4 | |
| height: 150 | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 3 | |
| height: 150 | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 5 | |
| height: 150 | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 6 | |
| height: 150 | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 7 | |
| height: 150 | |
| - type: custom:gap-card | |
| view_layout: | |
| column: 2 | |
| height: 150 | |
| background: >- | |
| center / cover no-repeat fixed | |
| url('/local/Background/surface_dark_background_texture_50754_1280x720.jpg') | |
| title: Kvistadbakkan Panorama |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment