UIX Styling verwenden

UIX Styling erlaubt CSS-Anpassungen an fast allen sichtbaren Elementen der Home-Assistant-Oberfläche. Du kannst Karten, Zeilen, Badges, Icons, Bilder, Abschnitte, Ansichten und Theme-Variablen gezielt anpassen.

Themen

• 📊 Karten stylen
• 💡 Entitäten, Badges, Elemente und Marker stylen
• 🔴 Icons stylen
• 🧑 Entitätsbilder stylen
• 🔳 Abschnittshintergründe
• :film_frames: Ansichtshintergründe mit Kamera, Video oder Bild
• 📋 Templates
• 🎨 Themes
• ⚒️ Weitere Optionen

Grundprinzip

UIX-Konfiguration wird meist direkt in YAML unter uix: geschrieben:

uix:
  style: |
    ha-card {
      border-radius: 12px;
    }

Je nach Element kann UIX andere DOM-Ziele ansprechen, verschachtelte Shadow-Roots erreichen und Templates auswerten.