type: vertical-stack cards: - type: custom:simple-swipe-card show_pagination: false auto_hide_pagination: 0 auto_height: false cards: - type: horizontal-stack cards: - type: vertical-stack cards: - type: custom:modern-circular-gauge entity: sensor.watt_haus max: 8000 secondary: state_size: small unit: kWh show_state: true show_unit: true unit_superscript: false show_seconds: true adaptive_state_color: false gauge_foreground_style: opacity: 0.01 min: 0 max: 4000 decimals: 1 header_position: top min: 0 unit: W show_header: true show_icon: true adaptive_state_color: true show_seconds: true show_unit: true unit_superscript: true show_state: true start_from_zero: true smooth_segments: true needle: true adaptive_icon_color: true show_entity_picture: true gauge_foreground_style: width: 4 color: Lightcyan opacity: 0.6 gauge_background_style: opacity: 0.7 color: steelblue width: 4 adaptive_label_color: true inverted_mode: false show_in_graph: true adaptive_graph_range: false gauge_type: half gauge_radius: 45 decimals: 0 name: Hausverbrauch Watt tap_action: action: none segments: - from: 0 color: - 0 - 255 - 0 - from: 2000 color: - 223 - 180 - 88 - from: 4000 color: - 244 - 42 - 42 needle_config: type: line border_width: 4 card_mod: style: | ha-card { background: #010111; !important; - type: custom:modern-circular-gauge entity: sensor.watt_solar_sum_tag max: 12500 secondary: state_size: small label: Solar gesamt unit: kWh show_gauge: none header_position: top min: 0 unit: Watt show_header: true show_icon: true adaptive_state_color: true show_seconds: true show_unit: true unit_superscript: true show_state: true start_from_zero: true smooth_segments: true segments: - color: - 36 - 50 - 245 from: 1000 - color: - 56 - 240 - 86 from: "3000" - color: - 249 - 222 - 123 from: 6000 - color: - 255 - 36 - 36 from: 12000 needle: true name: Solarleistung gesamt adaptive_icon_color: true show_entity_picture: true gauge_radius: 45 gauge_foreground_style: opacity: 0.6 width: 4 color: Lightcyan gauge_background_style: width: 4 color: darkslategrey opacity: 0.7 adaptive_label_color: true inverted_mode: false show_in_graph: true adaptive_graph_range: true tertiary: {} gauge_type: half label: Gesamt needle_config: type: line border_width: 4 scale: 1 rotate: 1 tap_action: action: none card_mod: style: | ha-card { background: #010111; !important; - type: vertical-stack cards: - type: custom:modern-circular-gauge entity: sensor.ltibber_0100100700ff label: Power max: 8000 secondary: state_size: small label: Dach-Hinten unit: kWh show_gauge: none header_position: top min: -8000 unit: W show_header: true show_icon: true adaptive_state_color: true show_seconds: true show_unit: true unit_superscript: true show_state: true start_from_zero: true smooth_segments: true needle: true adaptive_icon_color: true show_entity_picture: true gauge_radius: 46 gauge_foreground_style: color: Lightcyan opacity: 0.6 width: 4 gauge_background_style: width: 4 color: steelblue opacity: 0.7 adaptive_label_color: true inverted_mode: false show_in_graph: true adaptive_graph_range: false gauge_type: half name: Watt lt. Zähler segments: - color: - 15 - 210 - 18 from: 0 - color: - 249 - 67 - 67 from: 10 needle_config: type: line border_width: 6 rotate: 1 tap_action: action: none card_mod: style: | ha-card { background: #010111; !important; - type: custom:modern-circular-gauge entity: sensor.battery_state_of_capacity max: 100 secondary: state_size: small unit: W show_gauge: none entity: sensor.battery_charge_discharge_power header_position: top min: 0 unit: "%" show_header: true show_icon: true adaptive_state_color: true show_seconds: true show_unit: true unit_superscript: false show_state: true start_from_zero: true smooth_segments: true needle: true name: PV-Batterie adaptive_icon_color: true show_entity_picture: true gauge_radius: 45 gauge_foreground_style: color: Lightcyan opacity: 0.61 width: 4 gauge_background_style: width: 4 opacity: 0.7 adaptive_label_color: true inverted_mode: false show_in_graph: true adaptive_graph_range: false gauge_type: half decimals: 0 needle_config: type: line border_width: 5 segments: - from: 0 color: - 221 - 39 - 39 - from: 40 color: - 199 - 145 - 51 - from: 60 color: - 60 - 211 - 97 - from: 80 color: - 27 - 108 - 4 tap_action: action: none card_mod: style: | ha-card { background: #010111; !important; - type: horizontal-stack cards: - type: vertical-stack cards: - type: custom:modern-circular-gauge entity: sensor.hc_dhw_temperature_r5t_dhw_tank max: 65 secondary: state_size: small label: Dach-Hinten unit: kWh show_gauge: none header_position: top min: 30 unit: °C show_header: true show_icon: true adaptive_state_color: true show_seconds: true show_unit: true unit_superscript: true show_state: true start_from_zero: true smooth_segments: true needle: true adaptive_icon_color: true show_entity_picture: true gauge_radius: 46 gauge_foreground_style: color: Lightcyan opacity: 0.75 width: 4 gauge_background_style: width: 4 color: steelblue opacity: 0.7 adaptive_label_color: true inverted_mode: false show_in_graph: true adaptive_graph_range: false gauge_type: half name: Warmwasserspeicher needle_config: type: line border_width: 4 scale: 1 segments: - from: 30 color: - 39 - 69 - 221 - from: 40 color: - 109 - 232 - 230 - from: 45 color: - 89 - 201 - 91 - from: 50 color: - 190 - 193 - 68 - from: 55 color: - 235 - 156 - 45 - from: 58 color: - 239 - 11 - 11 card_mod: style: | ha-card { background: #010111; !important; - type: custom:modern-circular-gauge entity: sensor.solar_production_today_remaining_sum label: Power max: 5 secondary: state_size: small label: Terasse unit: kWh show_gauge: none header_position: top min: 0 show_header: true show_icon: true adaptive_state_color: true show_seconds: true show_unit: true unit_superscript: true show_state: true start_from_zero: true smooth_segments: true needle: true name: Solar verbleibend heute adaptive_icon_color: true show_entity_picture: true gauge_radius: 45 gauge_foreground_style: color: Lightcyan opacity: 0.75 width: 4 gauge_background_style: width: 4 opacity: 0.7 adaptive_label_color: true inverted_mode: false show_in_graph: true adaptive_graph_range: false gauge_type: half unit: kWh needle_config: type: line segments: - from: 0 color: - 14 - 11 - 208 - color: - 64 - 209 - 212 from: 2.5 - color: - 53 - 186 - 44 from: 3.5 card_mod: style: | ha-card { background: #010111; !important; - type: vertical-stack cards: - type: custom:modern-circular-gauge entity: sensor.luebeck_temperatur secondary: entity: sensor.luebeck_relative_luftfeuchtigkeit state_size: small unit: "%" show_gauge: inner show_state: true show_unit: true unit_superscript: false show_seconds: true adaptive_state_color: false gauge_foreground_style: opacity: 0.01 min: 0 max: 4000 header_position: top unit: °C show_header: true show_icon: false adaptive_state_color: true show_seconds: true show_unit: true unit_superscript: true show_state: true start_from_zero: true smooth_segments: true needle: true adaptive_icon_color: true show_entity_picture: true gauge_foreground_style: opacity: 0.7 width: 4 color: Lightcyan gauge_background_style: width: 6 opacity: 0.7 adaptive_label_color: true inverted_mode: false show_in_graph: true adaptive_graph_range: false gauge_type: half gauge_radius: 45 decimals: 0 name: Außentemperatur min: -20 max: 50 needle_config: type: line border_width: 3 segments: - color: - 25 - 58 - 225 from: -20 - color: - 46 - 174 - 229 from: -3 - from: 4 color: - 8 - 79 - 13 - from: 14.9 color: - 211 - 232 - 104 - from: 30 color: - 249 - 57 - 115 card_mod: style: | ha-card { background: #010111; !important; - type: custom:modern-circular-gauge entity: sensor.octopus_heat_preis_cent secondary: state_size: small label: Vorgarten unit: kWh show_gauge: none header_position: top unit: Cent show_header: true show_icon: true adaptive_state_color: true show_seconds: false show_unit: true unit_superscript: true show_state: true start_from_zero: false smooth_segments: true needle: true adaptive_icon_color: true show_entity_picture: true gauge_radius: 45 gauge_foreground_style: opacity: 0.6 width: 4 gauge_background_style: width: 4 opacity: 0.7 adaptive_label_color: true inverted_mode: false show_in_graph: false adaptive_graph_range: true tertiary: {} name: aktueller Strompreis gauge_type: half decimals: 2 min: 24.79 segments: - color: - 65 - 149 - 75 from: 24.79 - color: - 169 - 155 - 66 from: 31.78 - color: - 155 - 59 - 73 from: 36.79 max: 24.79 needle_config: type: default card_mod: style: | ha-card { background: #010111; !important; - type: horizontal-stack cards: - type: vertical-stack cards: - type: custom:modern-circular-gauge entity: sensor.module_1_jetzt max: 3800 secondary: entity: sensor.dach_vorne state_size: small unit: kWh show_state: true show_unit: true unit_superscript: false show_seconds: true adaptive_state_color: false gauge_foreground_style: opacity: 0.01 min: 0 max: 4000 needle: true header_position: top min: 0 unit: W show_header: true show_icon: false adaptive_state_color: true show_seconds: false show_unit: true unit_superscript: true show_state: true start_from_zero: true smooth_segments: true needle: true adaptive_icon_color: true show_entity_picture: true gauge_foreground_style: opacity: 1 width: 4 color: Lightcyan gauge_background_style: opacity: 0.7 color: moccasin width: 4 adaptive_label_color: true inverted_mode: false show_in_graph: true adaptive_graph_range: true gauge_type: half gauge_radius: 45 decimals: 0 name: Dach vorne needle_config: type: line border_width: 4 card_mod: style: | ha-card { background: #010111; !important; - type: custom:modern-circular-gauge entity: sensor.hoymilesvorne_leistung max: 1200 secondary: entity: sensor.vorgartenkwtag state_size: small label: Vorgarten unit: kWh show_gauge: none header_position: top min: 0 unit: W show_header: true show_icon: true adaptive_state_color: true show_seconds: true show_unit: true unit_superscript: true show_state: true start_from_zero: true smooth_segments: true needle: true adaptive_icon_color: true show_entity_picture: true gauge_radius: 45 gauge_foreground_style: opacity: 0.9 width: 4 color: Lightcyan gauge_background_style: width: 4 opacity: 0.7 color: moccasin adaptive_label_color: true inverted_mode: false show_in_graph: true adaptive_graph_range: false tertiary: {} name: " Vorgarten" gauge_type: half decimals: 0 needle_config: type: line card_mod: style: | ha-card { background: #010111; !important; - type: vertical-stack cards: - type: custom:modern-circular-gauge entity: sensor.module_2_jetzt label: Power max: 7600 secondary: entity: sensor.dach_hinten state_size: small label: Dach-Hinten unit: kWh show_gauge: none header_position: top min: 0 unit: W show_header: true show_icon: true adaptive_state_color: true show_seconds: true show_unit: true unit_superscript: true show_state: true start_from_zero: true smooth_segments: true needle: true adaptive_icon_color: true show_entity_picture: true gauge_radius: 46 gauge_foreground_style: opacity: 0.7 width: 4 color: Lightcyan gauge_background_style: width: 4 color: moccasin opacity: 0.7 adaptive_label_color: true inverted_mode: false show_in_graph: true adaptive_graph_range: true gauge_type: half name: Dach hinten needle_config: type: line card_mod: style: | ha-card { background: #010111; !important; - type: custom:modern-circular-gauge entity: sensor.photovoltaik_leistung label: Power max: 1200 secondary: entity: sensor.fritzkwtag state_size: small label: Terasse unit: kWh show_gauge: none header_position: top min: 0 unit: W show_header: true show_icon: true adaptive_state_color: true show_seconds: true show_unit: true unit_superscript: true show_state: true start_from_zero: true smooth_segments: true needle: true name: Terasse adaptive_icon_color: true show_entity_picture: true gauge_radius: 45 gauge_foreground_style: opacity: 0.7 width: 4 color: Lightcyan gauge_background_style: width: 4 color: moccasin opacity: 0.7 adaptive_label_color: true inverted_mode: false show_in_graph: true adaptive_graph_range: false gauge_type: half needle_config: type: line card_mod: style: | ha-card { background: #010111; !important; - type: vertical-stack cards: - type: custom:clock-pv-forecast-card entity_today: sensor.solarprog_mittel_heute bar_style: gradient bar_color_start: firebrick bar_color_end: mediumseagreen entity_tomorrow: sensor.solarprog_mittel_morgen entity_day3: sensor.solarprog_mittel_ubermorgen entity_day4: sensor.solarprog_mittel_tag3 entity_day5: sensor.solarprog_mittel_tag4 entity_day6: sensor.solarprog_mittel_tag5 display_mode: weekday date_format: short remaining_indicator: bar remaining_color_start: "#008000" remaining_color_end: "#B22222" remaining_low_color_start: "#FF8C00" remaining_low_color_end: "#FFAC1C" gradient_fixed: true marker_color: "#000000" remaining_inverted: false remaining_label: verbleibend remaining_blink: true show_tooltips: false card_height: 330px entity_day7: sensor.solarprog_mittel_tag6 bar_shape: sharp bar_type: segmented entity_remaining: sensor.eedc_strom_pv_heizung_pv_prognose_rest_heute max_value: 80 remaining_threshold: 3 scale_mode: auto weekday_format: long relative_plus_one: false animation_duration: 0s color_thresholds: - value: 20 color: "#2ecc71" - value: 10 color: "#f1c40f" - value: 0 color: "#e74c3c" card_mod: style: | ha-card { background: #010111; !important; --ha-card-border-color: darkgreen; --ha-card-border-width: 1px; font-size: 23px !important; title: "" - type: custom:simple-swipe-card show_pagination: false auto_hide_pagination: 0 auto_height: false cards: - type: horizontal-stack cards: - type: vertical-stack cards: - type: custom:modern-circular-gauge entity: sensor.haus_kwh max: 49.9 secondary: state_size: small unit: kWh show_state: true show_unit: true unit_superscript: false show_seconds: true adaptive_state_color: false gauge_foreground_style: opacity: 0.01 min: 0 max: 4000 decimals: 1 header_position: top min: 0 unit: kWh show_header: true show_icon: true adaptive_state_color: true show_seconds: true show_unit: true unit_superscript: true show_state: true start_from_zero: true smooth_segments: true needle: true adaptive_icon_color: true show_entity_picture: true gauge_foreground_style: opacity: 0.6 width: 4 color: Silver gauge_background_style: width: 4 opacity: 0.7 adaptive_label_color: true inverted_mode: false show_in_graph: true adaptive_graph_range: true gauge_type: half gauge_radius: 45 decimals: 1 name: Hausverbrauch heute hold_action: action: more_info segments: - color: - 61 - 112 - 230 from: 5 - color: - 76 - 167 - 169 from: 10 - color: - 131 - 121 - 58 from: 20 needle_config: type: line border_width: 4 card_mod: style: | ha-card { background: #010111; !important; - type: custom:modern-circular-gauge entity: sensor.gesamt_pv_tag max: 70 secondary: state_size: small label: Solar gesamt unit: kWh show_gauge: none header_position: top min: 0 unit: kWh show_header: true show_icon: true adaptive_state_color: true show_seconds: true show_unit: true unit_superscript: true show_state: true start_from_zero: true smooth_segments: true segments: - color: - 61 - 112 - 230 from: 1 - color: - 76 - 167 - 169 from: 30 - color: - 131 - 121 - 58 from: 50 needle: true name: Solarertrag heute adaptive_icon_color: true show_entity_picture: true gauge_radius: 45 gauge_foreground_style: opacity: 0.6 width: 4 color: Silver gauge_background_style: width: 4 color: darkslategrey opacity: 0.7 adaptive_label_color: true inverted_mode: false show_in_graph: true adaptive_graph_range: true tertiary: {} gauge_type: half label: Gesamt needle_config: type: line border_width: 4 scale: 1 rotate: 1 card_mod: style: | ha-card { background: #010111; !important; - type: vertical-stack cards: - type: custom:modern-circular-gauge entity: sensor.stromverbrauch label: Power max: 30 secondary: state_size: small label: Dach-Hinten unit: kWh show_gauge: none header_position: top min: 0 unit: kWh show_header: true show_icon: true adaptive_state_color: true show_seconds: true show_unit: true unit_superscript: true show_state: true start_from_zero: true smooth_segments: true needle: true adaptive_icon_color: true show_entity_picture: true gauge_radius: 46 gauge_foreground_style: opacity: 0.6 width: 4 color: Silver gauge_background_style: width: 4 color: steelblue opacity: 0.7 adaptive_label_color: true inverted_mode: false show_in_graph: true adaptive_graph_range: false gauge_type: half name: "Verbrauch Zähler heute " segments: - color: - 61 - 112 - 230 from: 0 - color: - 76 - 167 - 169 from: 7 - color: - 131 - 121 - 58 from: 15 needle_config: type: line border_width: 6 rotate: 1 card_mod: style: | ha-card { background: #010111; !important; - type: custom:modern-circular-gauge entity: sensor.einspeisung_netz max: 70 secondary: state_size: small unit: W show_gauge: none header_position: top min: 0 show_header: true show_icon: true adaptive_state_color: true show_seconds: true show_unit: true unit_superscript: true show_state: true start_from_zero: true smooth_segments: true needle: true name: Einspeisung heute adaptive_icon_color: true show_entity_picture: true gauge_radius: 45 gauge_foreground_style: opacity: 0.6 width: 4 color: Silver gauge_background_style: width: 4 opacity: 0.7 adaptive_label_color: true inverted_mode: false show_in_graph: true adaptive_graph_range: false gauge_type: half decimals: 0 needle_config: type: line border_width: 5 segments: - color: - 61 - 112 - 230 from: 0 - color: - 76 - 167 - 169 from: 30 - color: - 131 - 121 - 58 from: 60 unit: kWh card_mod: style: | ha-card { background: #010111; !important; - type: horizontal-stack cards: - type: vertical-stack cards: - type: custom:button-card entity: switch.zirkulation_switch_0 color: orange color_type: icon name: WW-Zirkulation show_name: true show_icon: true show_state: false size: 25% icon: mdi:water-circle state: - value: "on" styles: icon: - animation: rotating 1.5s linear infinite - color: rgb(from darkorange r g b / 65%) tap_action: action: none icon_tap_action: action: more-info styles: card: - height: 167px icon: - color: rgb(from NavajoWhite r g b / 65%) card_mod: style: | ha-card { background: #010111; !important; - type: custom:button-card entity: switch.sg_kontakt_2 color: red name: Smartgrid 1 icon: mdi:heat-wave size: 25% show_name: true show_icon: true show_state: false state: - value: "on" styles: icon: - animation: blink 1.2s linear infinite - color: rgb(from firebrick r g b / 100%) tap_action: action: none icon_tap_action: action: more-info styles: card: - height: 167px icon: - color: rgb(from NavajoWhite r g b / 65%) card_mod: style: | ha-card { background: #010111; !important; - type: vertical-stack cards: - type: custom:button-card entity: switch.hc_dhw_dhw_boost color: yellow name: WW-Boost icon: mdi:water-boiler size: 25% show_name: true show_icon: true show_state: false state: - value: "on" styles: icon: - animation: blink 1.2s linear infinite - color: rgb(from firebrick r g b / 100%) tap_action: action: none icon_tap_action: action: more-info styles: card: - height: 167px icon: - color: rgb(from NavajoWhite r g b / 65%) - color: > [[[ if (states['binary_sensor.hc_dhw_dhw_demand'].state == 'on') return 'firebrick'; if (states['binary_sensor.hc_dhw_dhw_demand'].state == 'off') return 'rgb(from NavajoWhite r g b / 65%)'; ]]] card_mod: style: | ha-card { background: #010111; !important; - type: custom:button-card entity: switch.sg_kontakt_1 color: red name: Smartgrid 2 icon: mdi:heat-wave size: 25% show_name: true show_icon: true show_state: false state: - value: "on" styles: icon: - animation: blink 1.2s linear infinite - color: rgb(from firebrick r g b / 100%) tap_action: action: none icon_tap_action: action: more-info styles: card: - height: 167px icon: - color: rgb(from NavajoWhite r g b / 65%) card_mod: style: | ha-card { background: #010111; !important; - type: vertical-stack cards: - type: tile entity: climate.ulrikeheizung name: Heizung Ulrike tap_action: action: none icon_tap_action: action: more-info card_mod: style: | ha-card { background: #010111; !important; - type: tile entity: climate.danielheizung name: Heizung Daniel tap_action: action: none icon_tap_action: action: more-info card_mod: style: | ha-card { background: #010111; !important; - type: tile entity: climate.rainer_heizung name: Heizung Rainer tap_action: action: none icon_tap_action: action: more-info card_mod: style: | ha-card { background: #010111; !important; - type: tile entity: climate.badheizung name: Heizung Bad tap_action: action: none icon_tap_action: action: more-info card_mod: style: | ha-card { background: #010111; !important; - type: tile entity: climate.altherma_leaving_water_offset tap_action: action: none icon_tap_action: action: more-info name: Heizung hide_state: false state_color: true vertical: false theme: AMOLED Blue card_mod: style: | :host { {% if states(''binary_sensor.hc_dhw_dhw_demand'') == 'An' %} --paper-item-icon-color: orange; color: orange; ha-card background: #010111; !important; {% endif %} card_mod: style: | ha-card { font-size: 18px !important; }