Add HA Lovelace cards replicating Luma glass UI
Custom card bundle (luma-card, luma-weather-card) with slide-in panels for light/climate/cover/media/vacuum, matching the TV launcher's design tokens. Includes theme, dashboard YAML for all 8 rooms, and deployment handoff doc. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
1 parent
bde779d759
commit
89ff17a3bc
6 files changed
+1766
No files matched your search
@@ -0,0 +1,78 @@
|
||||
luma_glass:
|
||||
# ── Background ──
|
||||
lovelace-background: "linear-gradient(135deg, #080B12 0%, #11141C 50%, #080B12 100%)"
|
||||
primary-background-color: "#0D1017"
|
||||
secondary-background-color: "#11141C"
|
||||
card-background-color: "rgba(34,38,46,0.88)"
|
||||
|
||||
# ── Text ──
|
||||
primary-text-color: "#FFFFFF"
|
||||
secondary-text-color: "rgba(255,255,255,0.72)"
|
||||
text-primary-color: "#FFFFFF"
|
||||
disabled-text-color: "rgba(255,255,255,0.40)"
|
||||
|
||||
# ── Accent ──
|
||||
primary-color: "#F5B85A"
|
||||
accent-color: "#F5B85A"
|
||||
light-primary-color: "rgba(245,184,90,0.24)"
|
||||
|
||||
# ── Cards ──
|
||||
ha-card-background: "rgba(34,38,46,0.88)"
|
||||
ha-card-border-color: "rgba(255,255,255,0.10)"
|
||||
ha-card-border-radius: "22px"
|
||||
ha-card-box-shadow: "0 2px 8px rgba(0,0,0,0.25)"
|
||||
ha-card-header-color: "#FFFFFF"
|
||||
ha-card-header-font-size: "19px"
|
||||
|
||||
# ── Sidebar ──
|
||||
sidebar-background-color: "#0D1017"
|
||||
sidebar-text-color: "#FFFFFF"
|
||||
sidebar-icon-color: "rgba(255,255,255,0.60)"
|
||||
sidebar-selected-icon-color: "#F5B85A"
|
||||
sidebar-selected-text-color: "#F5B85A"
|
||||
|
||||
# ── Header ──
|
||||
app-header-background-color: "rgba(13,16,23,0.95)"
|
||||
app-header-text-color: "#FFFFFF"
|
||||
|
||||
# ── Dividers ──
|
||||
divider-color: "rgba(255,255,255,0.10)"
|
||||
|
||||
# ── Inputs / controls ──
|
||||
input-fill-color: "rgba(255,255,255,0.06)"
|
||||
input-ink-color: "#FFFFFF"
|
||||
input-label-ink-color: "rgba(255,255,255,0.60)"
|
||||
input-idle-line-color: "rgba(255,255,255,0.20)"
|
||||
input-hover-line-color: "rgba(255,255,255,0.40)"
|
||||
input-dropdown-icon-color: "rgba(255,255,255,0.60)"
|
||||
|
||||
# ── Toggles ──
|
||||
switch-checked-color: "#F5B85A"
|
||||
switch-checked-track-color: "rgba(245,184,90,0.40)"
|
||||
switch-unchecked-button-color: "rgba(255,255,255,0.60)"
|
||||
switch-unchecked-track-color: "rgba(255,255,255,0.20)"
|
||||
|
||||
# ── Sliders ──
|
||||
paper-slider-knob-color: "#F5B85A"
|
||||
paper-slider-active-color: "#F5B85A"
|
||||
paper-slider-container-color: "rgba(255,255,255,0.14)"
|
||||
|
||||
# ── Badges / chips ──
|
||||
label-badge-background-color: "#1E222A"
|
||||
label-badge-text-color: "#FFFFFF"
|
||||
|
||||
# ── Scrollbar ──
|
||||
scrollbar-thumb-color: "rgba(255,255,255,0.20)"
|
||||
|
||||
# ── Dialogs / popups ──
|
||||
dialog-backdrop-color: "rgba(0,0,0,0.45)"
|
||||
|
||||
# ── Misc ──
|
||||
state-icon-color: "rgba(255,255,255,0.60)"
|
||||
state-icon-active-color: "#F5B85A"
|
||||
paper-item-icon-color: "rgba(255,255,255,0.60)"
|
||||
paper-item-icon-active-color: "#F5B85A"
|
||||
mdc-theme-primary: "#F5B85A"
|
||||
|
||||
# ── Font ──
|
||||
primary-font-family: "'Inter', system-ui, -apple-system, sans-serif"
|
||||
Reference in new issue
Block a user