Ich habe mir einen Aqara Temperatur/Luftfeuchtigkeits-Sensor geholt und würde nun gerne wissen welche Anzeigen ihr für Eure Temperatur/Luftfeuchtigkeits-Sensoren so verwendet.
Super wäre ein Bild und vielleicht den Code dazu.
Danke an alle
Claudius
Das ist eine sehr allgemeingütige Frage.
Da gibt es wohl 1000 Möglichkeiten. 
Für einen schnellen Blick auf Sensor Werte , nutze ich gerne Widgets (iOS)
Da brauche ich keine App öffnen.
Auch für die Temperatur/ Luftfeuchtigkeit
Ansonsten sehr minimalistisch. Nutze gerne die Custom Mushroom Karten.
Hier eine Kombination aus Template und Chips Karten.
Der Raum Icon färbt sich Gelb ein, falls mindestens ein Licht im Raum an ist.
Die anderen Icons symbolisieren über die Farben Rot/Grün ob ein Fenster offen/geschlossen ist. Ein Klick auf dem Raum navigiert auf das Dashboard zum zugehörigen Raum
Gruß
Osorkon
Hallo @Osorkon, kannst Du mir verraten wie Su die beiden von Dir genannten Dinge umgesetzt hast. Ich habe mir gerade mal die Widgets angeschaut, wüsste aber nicht wie ich das Widget mit den Sensorwerten hinbekomme.
Und als zweites wie Du das mit der Einfärbung des Raumes machst.
Gruß Andy
Eine meiner Button Cards:
type: custom:button-card
icon: mdi:desktop-tower-monitor
show_state: false
name: ' '
color_type: card
color: rgba(173,255,47,0.2);
custom_fields:
buttons:
card:
type: custom:mushroom-chips-card
chips:
- type: entity
entity: sensor.buro_temperature
card_mod:
style: |
ha-card {
--chip-background: none;
--color: red;
--chip-font-size: 14px;
--chip-icon-size: 20px;
margin-bottom: -10px;
}
- type: entity
entity: sensor.buro_humidity
card_mod:
style: |
ha-card {
--chip-background: none;
--color: #00BFFF;
--chip-font-size: 14px;
--chip-icon-size: 20px;
margin-bottom: -10px;
}
- type: entity
entity: sensor.buro_co2
card_mod:
style: |
ha-card {
--chip-background: none;
--chip-font-size: 14px;
--chip-icon-size: 20px;
}
card_mod:
style: |
ha-card {
width: 160px;
}
styles:
card:
- height: 100px
icon:
- color: rgb(76, 204, 44)
- left: 2%
grid:
- position: relative
custom_fields:
buttons:
- position: absolute
- left: 45%
das sieht ja cool aus…
kannst du davon mal den Yaml-code posten für ein- und ausgeklappt.
Ich denke dann bekomme ich das für mich auch angepasst. 
hier ist die ganze karte, du brauchst vertical stack in card, text-divider-row, einen Helfer (input_boolean.lovelace_heizung), mini-graph-card, swipe-card und thermal_comfort wenn du die absolute Luftfeuchtigkeit haben willst.
type: custom:vertical-stack-in-card
cards:
- type: custom:text-divider-row
text: Heizung
- type: vertical-stack
cards:
- type: horizontal-stack
cards:
- type: custom:button-card
entity: climate.wohnzimmer
icon: mdi:television
name: |
[[[
if (entity.state == 'heat') {
return "-> " + entity.attributes.temperature + '°C';
} else {
return "Aus";
}
]]]
state_display: |
[[[
return '' + states['sensor.wozi_govee_temperature'].state + '°C';
]]]
styles:
grid:
- position: relative
card:
- height: 50px
name:
- color: null
- font-size: 12px
state:
- color: |
[[[
if (entity.attributes.current_temperature > 25) return '#e63232';
if (entity.attributes.current_temperature > 23) return '#ff6f22';
if (entity.attributes.current_temperature > 20) return 'var(--orange-color)';
if (entity.attributes.current_temperature > 18) return '#4d6dff';
else return '#4d6dff';
]]]
- font-size: 14px
icon:
- color: |
[[[
if (entity.attributes.hvac_action == 'heating' && entity.state == 'heat') return '#ff6f22';
else return '';
]]]
layout: icon_state_name2nd
show_name: true
show_state: true
show_icon: true
tap_action:
action: more-info
- type: custom:button-card
entity: climate.flur_bt
icon: mdi:wardrobe-outline
name: |
[[[
if (entity.state == 'heat') {
return "-> " + entity.attributes.temperature + '°C';
} else {
return "Aus";
}
]]]
state_display: |
[[[
return '' + states['sensor.flur_govee_temperature'].state + '°C';
]]]
styles:
grid:
- position: relative
card:
- height: 50px
name:
- color: null
- font-size: 12px
state:
- color: |
[[[
if (entity.attributes.current_temperature > 25) return '#e63232';
if (entity.attributes.current_temperature > 23) return '#ff6f22';
if (entity.attributes.current_temperature > 20) return 'var(--orange-color)';
if (entity.attributes.current_temperature > 18) return '#4d6dff';
else return '#4d6dff';
]]]
- font-size: 14px
icon:
- color: |
[[[
if (entity.attributes.hvac_action == 'heating' && entity.state == 'heat') return '#ff6f22';
else return '';
]]]
layout: icon_state_name2nd
show_name: true
show_state: true
show_icon: true
tap_action:
action: more-info
- type: custom:button-card
entity: climate.kuche
icon: mdi:silverware-fork-knife
name: |
[[[
if (entity.state == 'heat') {
return "-> " + entity.attributes.temperature + '°C';
} else {
return "Aus";
}
]]]
state_display: |
[[[
return '' + states['sensor.kuche_govee_temperature'].state + '°C';
]]]
styles:
grid:
- position: relative
card:
- height: 50px
name:
- color: null
- font-size: 12px
state:
- color: |
[[[
if (entity.attributes.current_temperature > 25) return '#e63232';
if (entity.attributes.current_temperature > 23) return '#ff6f22';
if (entity.attributes.current_temperature > 20) return 'var(--orange-color)';
if (entity.attributes.current_temperature > 18) return '#4d6dff';
else return '#4d6dff';
]]]
- font-size: 14px
icon:
- color: |
[[[
if (entity.attributes.hvac_action == 'heating' && entity.state == 'heat') return '#ff6f22';
else return '';
]]]
layout: icon_state_name2nd
show_name: true
show_state: true
show_icon: true
tap_action:
action: more-info
- type: horizontal-stack
cards:
- type: custom:button-card
entity: climate.bad
icon: mdi:bathtub
name: |
[[[
if (entity.state == 'heat') {
return "-> " + entity.attributes.temperature + '°C';
} else {
return "Aus";
}
]]]
state_display: |
[[[
return '' + states['sensor.bad_govee_temperature'].state + '°C';
]]]
styles:
grid:
- position: relative
card:
- height: 50px
name:
- color: null
- font-size: 12px
state:
- color: |
[[[
if (entity.attributes.current_temperature > 25) return '#e63232';
if (entity.attributes.current_temperature > 23) return '#ff6f22';
if (entity.attributes.current_temperature > 20) return 'var(--orange-color)';
if (entity.attributes.current_temperature > 18) return '#4d6dff';
else return '#4d6dff';
]]]
- font-size: 14px
icon:
- color: |
[[[
if (entity.attributes.hvac_action == 'heating' && entity.state == 'heat') return '#ff6f22';
else return '';
]]]
layout: icon_state_name2nd
show_name: true
show_state: true
show_icon: true
tap_action:
action: more-info
- type: custom:button-card
entity: climate.schlafzimmer
icon: mdi:bed
name: |
[[[
if (entity.state == 'heat') {
return "-> " + entity.attributes.temperature + '°C';
} else {
return "Aus";
}
]]]
state_display: |
[[[
return '' + states['sensor.schlafzimmer_govee_temperature'].state + '°C';
]]]
styles:
grid:
- position: relative
card:
- height: 50px
name:
- color: null
- font-size: 12px
state:
- color: |
[[[
if (entity.attributes.current_temperature > 25) return '#e63232';
if (entity.attributes.current_temperature > 23) return '#ff6f22';
if (entity.attributes.current_temperature > 20) return 'var(--orange-color)';
if (entity.attributes.current_temperature > 18) return '#4d6dff';
else return '#4d6dff';
]]]
- font-size: 14px
icon:
- color: |
[[[
if (entity.attributes.hvac_action == 'heating' && entity.state == 'heat') return '#ff6f22';
else return '';
]]]
layout: icon_state_name2nd
show_name: true
show_state: true
show_icon: true
tap_action:
action: more-info
- type: custom:button-card
entity: binary_sensor.balkon_tur_contact
name: Balkon
state_display: |
[[[
if (entity.state == 'on') {
return "Offen" ;
} else {
return "ist zu";
}
]]]
styles:
grid:
- position: relative
card:
- height: 50px
name:
- font-size: 14px
- color: ''
state:
- font-size: 12px
- color: ''
icon:
- color: ''
layout: icon_name_state2nd
show_name: true
show_state: true
show_icon: true
tap_action:
action: call-service
service: input_boolean.toggle
data: {}
target:
entity_id: input_boolean.lovelace_heizung
- type: divider
- type: conditional
conditions:
- entity: input_boolean.lovelace_heizung
state: 'on'
card:
type: custom:vertical-stack-in-card
cards:
- type: horizontal-stack
cards:
- type: custom:button-card
entity: sensor.wozi_govee_humidity
icon: mdi:home-thermometer
name: Kino hum
layout: icon_name
styles:
state:
- color: null
- font-size: 12px
- justify-self: null
- font-weight: bold
- line-height: 30px
icon:
- color: orange
- justify-self: start
show_name: false
show_state: true
show_icon: false
- type: custom:button-card
entity: sensor.flur_govee_humidity
icon: mdi:home-thermometer-outline
name: Flur Hum
layout: icon_name
styles:
state:
- color: null
- font-size: 12px
- justify-self: null
- font-weight: bold
- line-height: 30px
icon:
- color: '#00bfff'
- justify-self: null
- padding: 0px 0px
show_name: false
show_state: true
show_icon: false
- type: custom:button-card
entity: sensor.kuche_govee_humidity
icon: mdi:snowflake-thermometer
name: Frost
layout: icon_name
styles:
state:
- color: null
- font-size: 12px
- justify-self: null
- font-weight: bold
- line-height: 30px
icon:
- color: lightblue
- justify-self: start
- padding: 0px 0px
show_name: false
show_state: true
show_icon: false
- type: custom:button-card
entity: sensor.bad_govee_humidity
icon: mdi:thermometer-off
name: Aus
layout: icon_name
styles:
state:
- color: null
- font-size: 12px
- justify-self: null
- font-weight: bold
- line-height: 30px
icon:
- color: lightblue
- justify-self: start
- padding: 0px 0px
show_name: false
show_state: true
show_icon: false
- type: custom:button-card
entity: sensor.schlafzimmer_govee_humidity
icon: mdi:poll
name: Info
layout: icon_name
styles:
state:
- color: null
- font-size: 12px
- justify-self: null
- font-weight: bold
- line-height: 30px
icon:
- color: lightblue
- justify-self: start
- padding: 0px 0px
show_name: false
show_state: true
show_icon: false
- type: horizontal-stack
cards:
- type: custom:button-card
entity: sensor.wozi_thermal_comfort_absolute_luftfeuchtigkeit
icon: mdi:home-thermometer
name: Kino hum
layout: icon_name
styles:
state:
- color: null
- font-size: 12px
- justify-self: null
- font-weight: bold
- line-height: 30px
icon:
- color: orange
- justify-self: start
show_name: false
show_state: true
show_icon: false
- type: custom:button-card
entity: sensor.flur_thermal_comfort_absolute_luftfeuchtigkeit
icon: mdi:home-thermometer-outline
name: Flur Hum
layout: icon_name
styles:
state:
- color: null
- font-size: 12px
- justify-self: null
- font-weight: bold
- line-height: 30px
icon:
- color: '#00bfff'
- justify-self: null
- padding: 0px 0px
show_name: false
show_state: true
show_icon: false
- type: custom:button-card
entity: sensor.kuche_thermal_comfort_absolute_luftfeuchtigkeit
icon: mdi:snowflake-thermometer
name: Frost
layout: icon_name
styles:
state:
- color: null
- font-size: 12px
- justify-self: null
- font-weight: bold
- line-height: 30px
icon:
- color: lightblue
- justify-self: start
- padding: 0px 0px
show_name: false
show_state: true
show_icon: false
- type: custom:button-card
entity: sensor.bad_thermal_comfort_absolute_luftfeuchtigkeit
icon: mdi:thermometer-off
name: Aus
layout: icon_name
styles:
state:
- color: null
- font-size: 12px
- justify-self: null
- font-weight: bold
- line-height: 30px
icon:
- color: lightblue
- justify-self: start
- padding: 0px 0px
show_name: false
show_state: true
show_icon: false
- type: custom:button-card
entity: sensor.schlafzimmer_thermal_comfort_absolute_luftfeuchtigkeit
icon: mdi:poll
name: Info
layout: icon_name
styles:
state:
- color: null
- font-size: 12px
- justify-self: null
- font-weight: bold
- line-height: 30px
icon:
- color: lightblue
- justify-self: start
- padding: 0px 0px
show_name: false
show_state: true
show_icon: false
- type: custom:swipe-card
parameters:
spaceBetween: 8
cards:
- type: custom:mini-graph-card
animate: false
decimals: 2
font_size: 70
align_state: center
height: 150
show:
icon: false
name: false
state: false
labels: true
fill: false
legend: true
graph: true
hours_to_show: 12
points_per_hour: 6
update_interval: 60
line_width: 2
entities:
- entity: sensor.wozi_govee_temperature
name: Kino
show_points: false
show_state: true
show_fill: false
state_adaptive_color: true
show_legend: true
- entity: sensor.flur_govee_temperature
name: Flur
show_points: false
show_state: true
show_fill: false
state_adaptive_color: true
show_legend: true
color: var(--orange-color)
- entity: sensor.kuche_govee_temperature
name: Küche
show_points: false
show_state: true
show_fill: false
state_adaptive_color: true
show_legend: true
color: var(--red-color)
- entity: sensor.bad_govee_temperature
name: Bad
show_points: false
show_state: true
show_fill: false
state_adaptive_color: true
show_legend: true
color: var(--green-color)
- entity: sensor.schlafzimmer_govee_temperature
name: Schlafen
show_points: false
show_state: true
show_fill: false
state_adaptive_color: true
show_legend: true
color: var(--purple-color)
- type: custom:mini-graph-card
animate: false
decimals: 2
font_size: 70
align_state: center
height: 150
show:
icon: false
name: false
state: false
labels: true
fill: false
legend: true
graph: true
hours_to_show: 12
points_per_hour: 6
update_interval: 60
line_width: 2
entities:
- entity: sensor.wozi_govee_humidity
name: Kino
show_points: false
show_state: true
show_fill: false
state_adaptive_color: true
show_legend: true
- entity: sensor.flur_govee_humidity
name: Flur
show_points: false
show_state: true
show_fill: false
state_adaptive_color: true
show_legend: true
color: var(--orange-color)
- entity: sensor.kuche_govee_humidity
name: Küche
show_points: false
show_state: true
show_fill: false
state_adaptive_color: true
show_legend: true
color: var(--red-color)
- entity: sensor.bad_govee_humidity
name: Bad
show_points: false
show_state: true
show_fill: false
state_adaptive_color: true
show_legend: true
color: var(--green-color)
- entity: sensor.schlafzimmer_govee_humidity
name: Schlafen
show_points: false
show_state: true
show_fill: false
state_adaptive_color: true
show_legend: true
color: var(--purple-color)
- type: divider
- type: horizontal-stack
cards:
- type: custom:button-card
entity: sensor.wozi_govee_humidity
icon: mdi:home-thermometer
name: 22C°
layout: icon_name
styles:
name:
- color: null
- font-size: 12px
- justify-self: start
- font-weight: bold
- line-height: 30px
icon:
- color: orange
- justify-self: start
show_name: true
show_state: false
show_icon: false
tap_action:
action: call-service
service: script.heizung_comfort
data: {}
target: {}
- type: custom:button-card
entity: sensor.wozi_govee_humidity
icon: mdi:home-thermometer-outline
name: Eco
layout: icon_name
styles:
name:
- color: null
- font-size: 12px
- justify-self: start
- font-weight: bold
- line-height: 30px
icon:
- color: '#00bfff'
- justify-self: start
- padding: 0px 0px
show_name: true
show_state: false
show_icon: false
tap_action:
action: call-service
service: script.heizung_eco
data: {}
target: {}
- type: custom:button-card
entity: sensor.wozi_govee_humidity
icon: mdi:snowflake-thermometer
name: Frost
layout: icon_name
styles:
name:
- color: null
- font-size: 12px
- justify-self: start
- font-weight: bold
- line-height: 30px
icon:
- color: lightblue
- justify-self: start
- padding: 0px 0px
show_name: true
show_state: false
show_icon: false
tap_action:
action: call-service
service: script.heizung_frost_2
data: {}
target: {}
- type: custom:button-card
entity: sensor.wozi_govee_temperature
icon: mdi:thermometer-off
name: Aus
layout: icon_name
styles:
name:
- color: null
- font-size: 12px
- justify-self: start
- font-weight: bold
- line-height: 30px
icon:
- color: lightblue
- justify-self: start
- padding: 0px 0px
show_name: true
show_state: false
show_icon: false
tap_action:
action: call-service
service: script.heizung_aus
data: {}
target: {}
- type: custom:button-card
entity: sensor.wozi_govee_temperature
icon: mdi:poll
name: Info
layout: icon_name
styles:
name:
- color: null
- font-size: 12px
- justify-self: start
- font-weight: bold
- line-height: 30px
icon:
- color: lightblue
- justify-self: start
- padding: 0px 0px
show_name: true
show_state: false
show_icon: false
tap_action:
action: navigate
navigation_path: /lovelace/heizung_stats
Vielen Dank.
Bei mir sieht es vorläufig mal wie folgt aus:
→ leider habe ich es nicht geschafft in einem Button recht komprimiert neben dem Icon den RaumNamen, Temp, Luftfeuchtigkeit, Luftdruck und Batteriestatus anzeigen zu lassen, aber irgendwann wird es dann auch zu groß.
und ausgeklappt wie folgt
Natürlich hat einiges keine Funktion, aber ich bin ja auch erst im Aufbau. Aber da man leider in Yaml nichts kommentieren kann, was HA dann nach einem Speichern nicht wieder entfernt, lasse ich lieber alles stehen und passe es dann meinem Bedarf an.
Danke
Claudius
Es sind Scriptable Widgets.
Hier auch noch ein relativ einfaches Bsp. Für einen einzelnen Sensor.
https://github.com/SmartHomeForDummies/ScriptableWidgets
Gruß
Osorkon
Hier mein Temperaturen, Feuchtigkeit, Luftdruck, Grafik und Fenster Dashboard
Wenn Code benötigt wird bitte melden
Grüße
Wolfgang
Darum sind die Icons ja passend zum Raum.
Und die luftfeuchtigkeit bzw Batterie in einer extra Karte.
Ich mag es nicht wenn zuviel “unnötiges” drin steht.
Schön das es funktioniert, viel. Spaß beim basteln.
Ich bin ganz minimalistisch unterwegs und möchte alles auf einen Blick haben. Die Temperaturen ändern je nach Wert die Farbe.
type: vertical-stack
cards:
- type: entities
entities:
- entity: sensor.solar_wassertemperatur
name: Keller
icon: mdi:pipe-valve
type: custom:multiple-entity-row
state_header: Temperatur
entities:
- entity: sensor.feuchte_keller
format: precision0
name: Luftfeuchte
card_mod:
style: |
.state.entity {
{% if states(config.entity) | int < 15 %}
color: #1481ee;
{% elif states(config.entity) | int >= 28 %}
color: #ff4040;
{% else %}
color: white
{% endif %}
}
- entity: sensor.wohnen_temperature
name: Wohnen
icon: phu:rooms-living
type: custom:multiple-entity-row
state_header: Temperatur
format: precision1
entities:
- entity: sensor.wohnen_humidity
name: Luftfeuchte
card_mod:
style: |
.state.entity {
{% if states(config.entity) | int < 20 %}
color: #1481ee;
{% elif states(config.entity) | int >= 28 %}
color: #ff4040;
{% else %}
color: white
{% endif %}
}
- entity: sensor.temperature_sensor
format: precision1
type: custom:multiple-entity-row
state_header: Temperatur
entities:
- entity: sensor.temperature_sensor_humidity_sensor
name: Luftfeuchte
card_mod:
style: |
.state.entity {
{% if states(config.entity) | int < 20 %}
color: #1481ee;
{% elif states(config.entity) | int >= 28 %}
color: #ff4040;
{% else %}
color: white
{% endif %}
}
- entity: sensor.temperature_sensor_2
format: precision1
type: custom:multiple-entity-row
state_header: Temperatur
entities:
- entity: sensor.temperature_sensor_humidity_sensor_2
name: Luftfeuchte
card_mod:
style: |
.state.entity {
{% if states(config.entity) | int < 20 %}
color: #1481ee;
{% elif states(config.entity) | int >= 28 %}
color: #ff4040;
{% else %}
color: white
{% endif %}
}
- entity: sensor.temperature_sensor_3
type: custom:multiple-entity-row
state_header: Temperatur
format: precision1
entities:
- entity: sensor.temperature_sensor_humidity_sensor_3
name: Luftfeuchte
card_mod:
style: |
.state.entity {
{% if states(config.entity) | int < 20 %}
color: #1481ee;
{% elif states(config.entity) | int >= 28 %}
color: #ff4040;
{% else %}
color: white
{% endif %}
}
- entity: sensor.temperature_sensor_6
format: precision1
type: custom:multiple-entity-row
state_header: Temperatur
entities:
- entity: sensor.temperature_sensor_humidity_sensor_6
name: Luftfeuchte
card_mod:
style: |
.state.entity {
{% if states(config.entity) | int < 20 %}
color: #1481ee;
{% elif states(config.entity) | int >= 28 %}
color: #ff4040;
{% else %}
color: white
{% endif %}
}
- entity: sensor.temperature_sensor_5
format: precision1
type: custom:multiple-entity-row
state_header: Temperatur
entities:
- entity: sensor.temperature_sensor_humidity_sensor_5
name: Luftfeuchte
card_mod:
style: |
.state.entity {
{% if states(config.entity) | int < 20 %}
color: #1481ee;
{% elif states(config.entity) | int >= 28 %}
color: #ff4040;
{% else %}
color: white
{% endif %}
}
title: Raumklima
Das sieht ja super aus. Ich tue mich allerdings momentan noch etwas schwer. Ich habe nur die Mushroom und iOS Themen installiert. Wenn ich nun aber im Profil z.B. das IOS Theme “Dark-red” auswähle, verändert sich bei mir nur die Navigationsleiste. Die hemes liegen bei mir im Ordner “themes”. In der Konfiguration.yaml habe ich diesen Eintrag:
.
# Load frontend themes from the themes folder
frontend:
themes: !include_dir_merge_named themes
Was muss ich aber wo eintragen, um auch den gesamten Hintergrund der Seite farblich zu verändern.
Weiterhin würde mich interessieren wie Du die Farbe der Linien verändert hast?
Ich wäre Dir für ein paar Tipps dankbar.
Gruß Andy
Hallo Andy,
du musst unter HACS den iOS Themes - Dark Mode and Light Mode installieren
Unter Theme kann dann das Design ausgewählt werden.
Grüße
Wolfgang
Das habe ich gemacht, aber dann verändert sich bei mir nur die Navigationsleiste
Der Code vom installierten iOS Theme sieht so aus, aber ich weiß ehrlich gesagt nicht was ich hier genau anpassen muss um auch den Hintergrund der kompletten Seite zu ändern:
#
# iOS Dark Mode Theme - light-green
#
ios-dark-mode-light-green-alternative:
# Global
background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-light-green.jpg')"
lovelace-background: var(--background-image)
primary-color: "#ff9f09" # from Apple systemOrange dark mode
light-primary-color: "#B6B6C1" # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
primary-background-color: "#2c2c2e" # systemGray5 dark mode
secondary-background-color: rgba(25, 25, 25, 0.9)
divider-color: rgba(152, 152, 157, 0.3) # from Apple systemGray dark mode
accent-color: rgba(255, 159, 9, 1)
# Text
primary-text-color: "#FFF"
secondary-text-color: "#d3d3d3"
text-primary-color: "#FFF"
disabled-text-color: "#555" # XXX: https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/2
text-dark-color: "#FFF"
# Sidebar Menu
sidebar-background-color: var(--primary-background-color)
Habe den Code gerade mal bei mir eingebaut. Funktioniert soweit auch. Was ich aber nicht geschafft habe, ist denn Wert für die Luftfeuchtigkeit ab 60% in rot darzustellen.
Hast du eventuell eine Idee? Danke!.. Gruß Jörg
Das habe ich bisher in den “multiple-entity-rows” auch nicht geschafft.
ich habe zwar folgendes im Code er nimmt aber ausser with und Font-size das color nicht an.
- entity: sensor.temperatur_terrasse_temperature
name: Temperatur
styles:
width: 80px
font-size: 15px
color: |
[[[
if (entity.state > 30) return '#e63232';
if (entity.state > 25) return '#ff6f22';
if (entity.state > 20) return 'var(--orange-color)';
if (entity.state > 5) return '#4d6dff';
else return '#ffffff';
]]]
während
- entity: sensor.temperatur_terrasse_temperature
name: Temperatur
styles:
width: 80px
font-size: 15px
color: green
oder
- entity: sensor.temperatur_terrasse_temperature
name: Temperatur
styles:
width: 80px
font-size: 15px
color: '#ffff22'
problemlos klappt.
bin da ziemlich ratlos.