ich hoffe ich bin hier richtig. Folgendes: Ich hab jetzt circa 1 Jahr HA und bin auch echt zufrieden damit. Jetzt hab ich aber ein Apple Home Theme ausprobiert und find 2 Sachen davon richtig gut die ich gerne in meinem Home Assistant hätte. Zum produktiven Einsatz taugt das Theme leider nicht, da ich viele meiner Sachen in dem Theme nicht integrieren kann.
Das Problem ist nur das ich jetzt schon stundenlang rummache und das nicht auf die Kette kriege. (Bin Anfänger auf diesem Gebiet)
1: Bei dem Apple Home Theme zeigt er mir die Temperatur anstelle des Icons. (siehe Bild wo Home oben steht). Egal was ich versuche, er zeigt mir immer en Icon oder kein, anstatt die Temperatur.
2: Ich fand bei dem Apple Theme auch toll wenn das Licht aus ist, das sich auch die Card Farbe ändert (siehe Bild wo Home oben steht)
Das 2. Bild ist meine jetzige Konfiguration wo nichts fruchtet was ich ändere.
Könnt Ihr mir bitte behilflich sein was zum Kuckuck ich da ändern muss.
Ich hoffe ihr versteht was ich meine was ich ändern möchte.
kannst du sagen welche Karten du für 1: und 2: verwendest?
Wenn du den Editor öffnest sollte es oben im Fenster stehen. Alternativ den Editor auf „Code“ umstellen (unten links). Dann wird der „type:“ angezeigt oder gleich den Code einer Karte hier einstellen
Durchaus möglich aber mehr als Design- oder Stilpaket für Farben, Hintergründe und Schriftarten kenne ich nicht.
Laut deinem Link sollte das Theme hier abgelegt sein /config/www/apple-home-dashboard.js. Eine Bearbeitung würde dir aber bis zum nächsten Update nur bestehen bleiben.
Ich bin mir jetzt nicht sicher ob ich es richtig verstehe. Kannst du mir sage (oder ist klar?)….
Hast du eine eigene Entität für die Temperatur?
Oder steckt die Temperatur vielleicht als Attribut in einer anderen Entität (zB climate…)? → siehe Einstellung → Entwicklerwerkzeuge → Zustände → „Suchen“
Ich hab jetzt am Wochenende noch etwas gebastelt und bin ein Schritt weitergekommen. So ist das schonmal nicht schlecht aber bin noch nicht ganz zufrieden. Also das Rechte gefällt mir sehr gut bis auf 2 Sachen: Die Temperatur sollte auf die linke Seite und die Schrift/Icon farbe der Temperatur sollte Orange sein.
Das sind aber die 2 Sachen die ich ums verrecken nicht hinkriege.
Ich sende mal die Codes von beiden. Aber nicht erschrecken wenns da drin aussieht wie Kraut und Rüben
Linke Karte
type: custom:mushroom-template-card
primary: Waschküche
icon: "{{ states('sensor.temperature') }}"
icon_color: orange
features_position: bottom
entity: sensor.ug_thermostat_partyraum_temperatur
area: partyraum
grid_options:
columns: 6
rows: 1.2
card_mod:
style: |
ha-state-icon {
display: none;
}
.icon {
display: none;
}
.state {
font-weight: bold;
}
ha-card {
--card-primary-color: #ff9f00; /* Farbe für Haupttext */
background-color: #ffffff;
/* This replaces the icon area with the state */
}
/* Add this to put the value in the icon area */
ha-card::after {
content: "{{ states('sensor.ug_thermostat_kino_temperatur') }}°";
font-size: 20px;
position: absolute;
right: 16px;
left: 16px;
top: 16px;
}
Rechte Karte
type: custom:mushroom-climate-card
entity: climate.ug_thermostat_waschkuche
grid_options:
columns: 6
rows: 1.2
primary_info: name
show_temperature_control: false
layout: horizontal
icon_type: none
secondary_info: none
tap_action:
action: more-info
name: Waschküche
card_mod:
style: |
ha-state-icon {
display: none;
}
.icon {
display: none;
}
.state {
font-weight: bold;
}
ha-card {
/* This replaces the icon area with the state /
}
/ Add this to put the value in the icon area */
ha-card::after {
content: “{{ states(‘sensor.ug_thermostat_kino_temperatur’) }}°”;
font-size: 20px;
position: absolute;
right: 16px;
top: 16px;
}
ha-card {
--card-primary-color: #ff9f00; /* Farbe für Haupttext */
--card-secondary-color: #ffffff; /* Farbe für Sekundärtext */
}
ha-card {
background-color: #ffffff;
