Onyx Cards - vierzehn Lovelace-Karten aus einem Guss

Showroom
, ,
1

Hallo zusammen

Ich habe über die letzten Monate einen eigenen Kartensatz für Lovelace gebaut und möchte ihn hier vorstellen: Onyx Cards — vierzehn Karten, die aussehen und sich bedienen lassen, als kämen sie aus derselben Hand. Dunkle Flächen, Glasknöpfe, sieben wählbare Kartenfarben, und alles auf Bedienung mit dem Daumen ausgelegt.

image
image1920×2494 602 KB

Was mir wichtig war:

  • Keine Abhängigkeiten. Weder button-card noch card-mod, kein Template-Gebastel. Eine einzige Datei, sonst nichts.

  • Alles über den visuellen Editor. Jede Karte hat ihren eigenen Editor — YAML braucht man nur, wenn man will.

  • Angefasst statt angeklickt. Ziehen statt tippen, wo es passt: Helligkeit, Storenhöhe, Lautstärke, Temperatur.

  • Deutsch und Englisch. Die Karten folgen der Spracheinstellung von Home Assistant.

Die vierzehn Karten

image
image1920×2008 592 KB

Karte Was sie kann
onyx-room-card Raumübersicht, die pro Gerätegruppe aufklappt — und jede Zeile noch einmal, für Farbe, Lamellen, Lautstärke
onyx-light-card Licht als eine Zeile; Regler, Farbrad und Effekte klappen aus
onyx-slider-card Vertikaler Zieh-Regler für Licht, Storen oder Lautstärke
onyx-cover-card Storen mit Höhe, Lamellenwinkel, Fahrtasten und Windsperre
onyx-media-card Medienspieler; der Kartengrund kommt aus dem Cover
onyx-actions-card Schnellzugriffe für Szenen, Skripte und Automationen — als Leiste, Kacheln oder Chips
onyx-chart-card Bis zu vier Messwerte, Zeitraum wählbar, Werte beim Ziehen
onyx-camera-card Kamera mit Livebild, Umschalter für mehrere Kameras, Bewegung, Licht und Türöffner
onyx-lock-card Schloss: schieben zum Entriegeln, mit Tür- und Akkustand
onyx-climate-card Thermostat mit Ring, Betriebsarten und Voreinstellungen
onyx-energy-card Energiefluss zwischen Netz, PV, Batterie, Haus und Wallbox, mit Tagesbilanz
onyx-vacuum-card Saugroboter mit Akkuring, Raumauswahl und Verbrauchsteilen
onyx-weather-card Wetter mit gezeichneter Szene, Messwerten und Vorhersage
onyx-status-card Mehrere Zustände in einer Karte, aus Bausteinen: Personen, Akkus, Saugroboter, Auto, Musik …

Installation

Die Karten sind noch nicht im HACS-Standardkatalog, also über ein benutzerdefiniertes Repository:

  1. HACS öffnen → oben rechts ⋮ → Benutzerdefinierte Repositories

  2. URL https://github.com/tjsx1/onyx-cards eintragen, Kategorie Dashboard

  3. „Onyx Cards" suchen → Herunterladen

  4. Home Assistant neu starten, danach den Browser hart neu laden (Strg + Shift + R)

HACS trägt die Ressource selbst ein — der Umweg über Einstellungen → Dashboards → Ressourcen entfällt.

Dazu gibt es ein Theme (onyx.yaml), das den Verlauf und die Schatten setzt. Ohne Theme laufen die Karten auch, sehen aber neutraler aus.

Ein Beispiel

yaml

type: custom:onyx-room-card
area: wohnzimmer
lights:
  - light.wz_decke
  - light.wz_steh
  - light.wz_led
cover_auto: input_boolean.storen_auto

Mehr braucht die Raumkarte nicht: Storen, Klima und Sensoren holt sie sich aus dem Bereich selbst. Wer will, zählt sie einzeln auf.

Repo

https://github.com/tjsx1/onyx-cards — MIT-Lizenz, die Dokumentation im README ist auf Deutsch, mit Bildern zu jeder Karte.

Über Rückmeldungen freue ich mich sehr: was fehlt, was sich komisch anfühlt, was auf eurer Hardware nicht läuft. Fehler und Wünsche am liebsten als Issue im Repo, dann geht nichts unter.

Viele Grüsse

Tobi

6 „Gefällt mir“
2

Vielen Dank fürs teilen. Die Raum-Karte gefällt mir besonders gut.

Ich bin nicht so der Fan von dunklen Designs, nachts okay, aber tagsüber mag ich es hell. Ich werd mir da das Theme anpassen.