Sanitized mirror from private repository - 2026-04-22 22:02:15 UTC
This commit is contained in:
143
hosts/physical/concord-nuc/homeassistant/themes/cyberpunk.yaml
Normal file
143
hosts/physical/concord-nuc/homeassistant/themes/cyberpunk.yaml
Normal file
@@ -0,0 +1,143 @@
|
||||
cyberpunk:
|
||||
# ===== font (angular, tech) =====
|
||||
primary-font-family: '"Rajdhani", "Orbitron", "Share Tech Mono", "Exo 2", -apple-system, sans-serif'
|
||||
paper-font-common-base_-_font-family: '"Rajdhani", "Orbitron", "Exo 2", -apple-system, sans-serif'
|
||||
paper-font-body1_-_font-family: '"Rajdhani", "Exo 2", -apple-system, sans-serif'
|
||||
paper-font-subhead_-_font-family: '"Rajdhani", "Exo 2", -apple-system, sans-serif'
|
||||
paper-font-headline_-_font-family: '"Orbitron", "Rajdhani", "Exo 2", -apple-system, sans-serif'
|
||||
paper-font-title_-_font-family: '"Orbitron", "Rajdhani", "Exo 2", -apple-system, sans-serif'
|
||||
ha-card-header-font-family: '"Orbitron", "Rajdhani", "Exo 2", -apple-system, sans-serif'
|
||||
|
||||
# ===== background (neon grid, night city) =====
|
||||
lovelace-background: 'radial-gradient(1400px 900px at 10% 15%, rgba(255, 45, 149, 0.28) 0%, transparent 55%), radial-gradient(1200px 800px at 90% 85%, rgba(0, 240, 255, 0.25) 0%, transparent 50%), radial-gradient(800px 600px at 50% 50%, rgba(255, 220, 0, 0.08) 0%, transparent 60%), linear-gradient(135deg, #0a0014 0%, #05010d 50%, #000005 100%)'
|
||||
primary-background-color: '#05010d'
|
||||
secondary-background-color: '#0d0220'
|
||||
app-header-background-color: 'rgba(5, 1, 13, 0.85)'
|
||||
app-header-text-color: '#ffeb00'
|
||||
sidebar-background-color: 'rgba(10, 0, 20, 0.92)'
|
||||
sidebar-text-color: '#d0d0e8'
|
||||
sidebar-selected-text-color: '#00f0ff'
|
||||
sidebar-selected-background-color: 'rgba(255, 45, 149, 0.18)'
|
||||
sidebar-icon-color: '#9a8ec0'
|
||||
sidebar-selected-icon-color: '#00f0ff'
|
||||
|
||||
# ===== card (neon panel) =====
|
||||
ha-card-background: 'rgba(15, 0, 30, 0.92)'
|
||||
card-background-color: 'rgba(15, 0, 30, 0.92)'
|
||||
ha-card-border-radius: '4px'
|
||||
ha-card-border-width: '1px'
|
||||
ha-card-border-color: 'rgba(255, 45, 149, 0.35)'
|
||||
ha-card-box-shadow: '0 0 20px rgba(255, 45, 149, 0.25), 0 0 40px rgba(0, 240, 255, 0.10), inset 0 1px 0 rgba(255, 45, 149, 0.15)'
|
||||
ha-card-header-color: '#ffeb00'
|
||||
|
||||
# ===== more-info dialog / popup (opaque, readable) =====
|
||||
mdc-theme-surface: '#0f001e'
|
||||
mdc-dialog-scrim-color: 'rgba(0, 0, 0, 0.80)'
|
||||
dialog-backdrop-filter: 'blur(10px)'
|
||||
ha-dialog-surface-background: '#0f001e'
|
||||
ha-dialog-border-radius: '4px'
|
||||
|
||||
# ===== text =====
|
||||
primary-text-color: '#e8e8f8'
|
||||
secondary-text-color: '#8a89c0'
|
||||
text-primary-color: '#ffffff'
|
||||
disabled-text-color: '#4a4870'
|
||||
|
||||
# ===== accents =====
|
||||
primary-color: '#ff2d95'
|
||||
accent-color: '#00f0ff'
|
||||
light-primary-color: '#ff7ec2'
|
||||
dark-primary-color: '#c41175'
|
||||
label-badge-background-color: 'rgba(15, 0, 30, 0.90)'
|
||||
label-badge-text-color: '#ffeb00'
|
||||
label-badge-red: '#ff2d95'
|
||||
label-badge-green: '#00ff9c'
|
||||
label-badge-blue: '#00f0ff'
|
||||
label-badge-yellow: '#ffeb00'
|
||||
label-badge-grey: '#8a89c0'
|
||||
|
||||
# ===== state colors =====
|
||||
state-icon-color: '#00f0ff'
|
||||
state-icon-active-color: '#ff2d95'
|
||||
state-icon-unavailable-color: '#4a4870'
|
||||
paper-item-icon-color: '#9a8ec0'
|
||||
paper-item-icon-active-color: '#ff2d95'
|
||||
|
||||
# ===== domain states =====
|
||||
state-binary-sensor-active-color: '#00ff9c'
|
||||
state-light-active-color: '#ffeb00'
|
||||
state-switch-active-color: '#00f0ff'
|
||||
state-fan-active-color: '#00f0ff'
|
||||
state-media-player-active-color: '#ff2d95'
|
||||
state-person-home-color: '#00ff9c'
|
||||
state-person-not_home-color: '#8a89c0'
|
||||
|
||||
# ===== toggles =====
|
||||
switch-checked-color: '#ff2d95'
|
||||
switch-checked-button-color: '#ff7ec2'
|
||||
switch-checked-track-color: 'rgba(255, 45, 149, 0.45)'
|
||||
switch-unchecked-button-color: '#4a4870'
|
||||
switch-unchecked-track-color: 'rgba(74, 72, 112, 0.45)'
|
||||
|
||||
# ===== sliders =====
|
||||
paper-slider-knob-color: '#ff2d95'
|
||||
paper-slider-knob-start-color: '#ff2d95'
|
||||
paper-slider-pin-color: '#ff2d95'
|
||||
paper-slider-active-color: '#00f0ff'
|
||||
paper-slider-container-color: 'rgba(255, 45, 149, 0.30)'
|
||||
paper-slider-secondary-color: '#c41175'
|
||||
|
||||
# ===== dividers / outlines =====
|
||||
divider-color: 'rgba(255, 45, 149, 0.18)'
|
||||
outline-color: 'rgba(0, 240, 255, 0.20)'
|
||||
|
||||
# ===== input elements =====
|
||||
input-background-color: 'rgba(15, 0, 30, 0.80)'
|
||||
input-fill-color: 'rgba(15, 0, 30, 0.80)'
|
||||
input-ink-color: '#e8e8f8'
|
||||
input-label-ink-color: '#8a89c0'
|
||||
input-idle-line-color: 'rgba(255, 45, 149, 0.25)'
|
||||
input-hover-line-color: '#ff2d95'
|
||||
input-focused-line-color: '#00f0ff'
|
||||
|
||||
# ===== MDC select + text-field (dropdowns inside cards/dialogs) =====
|
||||
mdc-select-fill-color: 'rgba(15, 0, 30, 0.90)'
|
||||
mdc-select-ink-color: '#e8e8f8'
|
||||
mdc-select-label-ink-color: '#8a89c0'
|
||||
mdc-select-dropdown-icon-color: '#00f0ff'
|
||||
mdc-select-idle-line-color: 'rgba(255, 45, 149, 0.35)'
|
||||
mdc-select-hover-line-color: '#ff2d95'
|
||||
mdc-select-focused-label-color: '#00f0ff'
|
||||
mdc-text-field-fill-color: 'rgba(15, 0, 30, 0.90)'
|
||||
mdc-text-field-ink-color: '#e8e8f8'
|
||||
mdc-text-field-label-ink-color: '#8a89c0'
|
||||
mdc-text-field-idle-line-color: 'rgba(255, 45, 149, 0.35)'
|
||||
mdc-text-field-hover-line-color: '#ff2d95'
|
||||
mdc-text-field-focused-label-color: '#00f0ff'
|
||||
mdc-text-field-disabled-fill-color: 'rgba(15, 0, 30, 0.60)'
|
||||
mdc-text-field-disabled-ink-color: '#8a89c0'
|
||||
mdc-filled-text-field-container-color: 'rgba(15, 0, 30, 0.90)'
|
||||
mdc-filled-text-field-label-text-color: '#8a89c0'
|
||||
mdc-filled-text-field-input-text-color: '#e8e8f8'
|
||||
ha-textfield-background: 'rgba(15, 0, 30, 0.90)'
|
||||
|
||||
card-mod-theme: cyberpunk
|
||||
card-mod-root: |
|
||||
ha-voice-command-dialog $ ha-textfield {
|
||||
--mdc-text-field-fill-color: rgba(15, 0, 30, 0.95) !important;
|
||||
--mdc-text-field-ink-color: #e8e8f8 !important;
|
||||
--mdc-text-field-label-ink-color: #8a89c0 !important;
|
||||
}
|
||||
ha-voice-command-dialog $ ha-textfield $ .mdc-text-field__input {
|
||||
color: #e8e8f8 !important;
|
||||
}
|
||||
|
||||
# ===== buttons =====
|
||||
mdc-theme-primary: '#ff2d95'
|
||||
mdc-theme-secondary: '#00f0ff'
|
||||
mdc-theme-on-primary: '#ffffff'
|
||||
mdc-theme-on-secondary: '#000000'
|
||||
|
||||
# ===== tables =====
|
||||
table-row-background-color: 'transparent'
|
||||
table-row-alternative-background-color: 'rgba(255, 45, 149, 0.04)'
|
||||
154
hosts/physical/concord-nuc/homeassistant/themes/glass_exo.yaml
Normal file
154
hosts/physical/concord-nuc/homeassistant/themes/glass_exo.yaml
Normal file
@@ -0,0 +1,154 @@
|
||||
glass_exo:
|
||||
# ===== font =====
|
||||
primary-font-family: '"Exo 2", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif'
|
||||
paper-font-common-base_-_font-family: '"Exo 2", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif'
|
||||
paper-font-body1_-_font-family: '"Exo 2", "SF Pro Display", -apple-system, sans-serif'
|
||||
paper-font-subhead_-_font-family: '"Exo 2", "SF Pro Display", -apple-system, sans-serif'
|
||||
paper-font-headline_-_font-family: '"Exo 2", "SF Pro Display", -apple-system, sans-serif'
|
||||
paper-font-title_-_font-family: '"Exo 2", "SF Pro Display", -apple-system, sans-serif'
|
||||
ha-card-header-font-family: '"Exo 2", "SF Pro Display", -apple-system, sans-serif'
|
||||
paper-font-common-base_-_-webkit-font-smoothing: 'antialiased'
|
||||
|
||||
# ===== background (gradient + soft glow) =====
|
||||
lovelace-background: 'radial-gradient(1200px 800px at 15% 10%, rgba(99, 102, 241, 0.20) 0%, transparent 60%), radial-gradient(1000px 700px at 85% 90%, rgba(236, 72, 153, 0.18) 0%, transparent 55%), linear-gradient(135deg, #0b0f1a 0%, #0a0a14 45%, #060610 100%)'
|
||||
primary-background-color: '#0a0a14'
|
||||
secondary-background-color: '#10121c'
|
||||
app-header-background-color: 'rgba(10, 10, 20, 0.65)'
|
||||
app-header-text-color: '#e7e9f4'
|
||||
sidebar-background-color: 'rgba(10, 10, 20, 0.85)'
|
||||
sidebar-text-color: '#c7c9dc'
|
||||
sidebar-selected-text-color: '#a78bfa'
|
||||
sidebar-selected-background-color: 'rgba(167, 139, 250, 0.12)'
|
||||
sidebar-icon-color: '#8a8db0'
|
||||
sidebar-selected-icon-color: '#a78bfa'
|
||||
|
||||
# ===== card (glass panel) =====
|
||||
ha-card-background: 'rgba(22, 24, 40, 0.88)'
|
||||
card-background-color: 'rgba(22, 24, 40, 0.88)'
|
||||
ha-card-border-radius: '18px'
|
||||
ha-card-border-width: '1px'
|
||||
ha-card-border-color: 'rgba(255, 255, 255, 0.08)'
|
||||
ha-card-box-shadow: '0 8px 32px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.04)'
|
||||
ha-card-header-color: '#e7e9f4'
|
||||
|
||||
# ===== more-info dialog / popup (opaque, readable) =====
|
||||
mdc-theme-surface: '#161828'
|
||||
mdc-dialog-scrim-color: 'rgba(0, 0, 0, 0.78)'
|
||||
dialog-backdrop-filter: 'blur(12px)'
|
||||
ha-dialog-surface-background: '#161828'
|
||||
ha-dialog-border-radius: '20px'
|
||||
|
||||
# ===== text =====
|
||||
primary-text-color: '#e7e9f4'
|
||||
secondary-text-color: '#9a9cb8'
|
||||
text-primary-color: '#ffffff'
|
||||
disabled-text-color: '#5b5e78'
|
||||
|
||||
# ===== accents =====
|
||||
primary-color: '#a78bfa'
|
||||
accent-color: '#f472b6'
|
||||
light-primary-color: '#c4b5fd'
|
||||
dark-primary-color: '#7c3aed'
|
||||
label-badge-background-color: 'rgba(22, 24, 40, 0.75)'
|
||||
label-badge-text-color: '#e7e9f4'
|
||||
label-badge-red: '#f87171'
|
||||
label-badge-green: '#4ade80'
|
||||
label-badge-blue: '#60a5fa'
|
||||
label-badge-yellow: '#fbbf24'
|
||||
label-badge-grey: '#9ca3af'
|
||||
|
||||
# ===== state colors =====
|
||||
state-icon-color: '#a78bfa'
|
||||
state-icon-active-color: '#f472b6'
|
||||
state-icon-unavailable-color: '#6b7280'
|
||||
paper-item-icon-color: '#9a9cb8'
|
||||
paper-item-icon-active-color: '#f472b6'
|
||||
|
||||
# ===== domain states =====
|
||||
state-binary-sensor-active-color: '#4ade80'
|
||||
state-light-active-color: '#fbbf24'
|
||||
state-switch-active-color: '#60a5fa'
|
||||
state-fan-active-color: '#38bdf8'
|
||||
state-climate-cooling-color: '#60a5fa'
|
||||
state-climate-heating-color: '#f87171'
|
||||
state-media-player-active-color: '#f472b6'
|
||||
state-person-home-color: '#4ade80'
|
||||
state-person-not_home-color: '#9ca3af'
|
||||
|
||||
# ===== toggles / switches =====
|
||||
switch-checked-color: '#a78bfa'
|
||||
switch-checked-button-color: '#c4b5fd'
|
||||
switch-checked-track-color: 'rgba(167, 139, 250, 0.4)'
|
||||
switch-unchecked-button-color: '#6b7280'
|
||||
switch-unchecked-track-color: 'rgba(107, 114, 128, 0.4)'
|
||||
|
||||
# ===== sliders =====
|
||||
paper-slider-knob-color: '#a78bfa'
|
||||
paper-slider-knob-start-color: '#a78bfa'
|
||||
paper-slider-pin-color: '#a78bfa'
|
||||
paper-slider-active-color: '#a78bfa'
|
||||
paper-slider-container-color: 'rgba(167, 139, 250, 0.25)'
|
||||
paper-slider-secondary-color: '#7c3aed'
|
||||
|
||||
# ===== dividers / outlines =====
|
||||
divider-color: 'rgba(255, 255, 255, 0.08)'
|
||||
outline-color: 'rgba(255, 255, 255, 0.10)'
|
||||
|
||||
# ===== input elements =====
|
||||
input-background-color: 'rgba(22, 24, 40, 0.70)'
|
||||
input-fill-color: 'rgba(22, 24, 40, 0.70)'
|
||||
input-ink-color: '#e7e9f4'
|
||||
input-label-ink-color: '#9a9cb8'
|
||||
input-idle-line-color: 'rgba(255, 255, 255, 0.12)'
|
||||
input-hover-line-color: '#a78bfa'
|
||||
input-focused-line-color: '#a78bfa'
|
||||
|
||||
# ===== MDC select + text-field (dropdowns inside cards/dialogs) =====
|
||||
mdc-select-fill-color: 'rgba(22, 24, 40, 0.85)'
|
||||
mdc-select-ink-color: '#e7e9f4'
|
||||
mdc-select-label-ink-color: '#9a9cb8'
|
||||
mdc-select-dropdown-icon-color: '#a78bfa'
|
||||
mdc-select-idle-line-color: 'rgba(255, 255, 255, 0.18)'
|
||||
mdc-select-hover-line-color: '#a78bfa'
|
||||
mdc-select-focused-label-color: '#a78bfa'
|
||||
mdc-text-field-fill-color: 'rgba(22, 24, 40, 0.85)'
|
||||
mdc-text-field-ink-color: '#e7e9f4'
|
||||
mdc-text-field-label-ink-color: '#9a9cb8'
|
||||
mdc-text-field-idle-line-color: 'rgba(255, 255, 255, 0.18)'
|
||||
mdc-text-field-hover-line-color: '#a78bfa'
|
||||
mdc-text-field-focused-label-color: '#a78bfa'
|
||||
mdc-text-field-disabled-fill-color: 'rgba(22, 24, 40, 0.60)'
|
||||
mdc-text-field-disabled-ink-color: '#9a9cb8'
|
||||
mdc-text-field-outlined-idle-border-color: 'rgba(255,255,255,0.18)'
|
||||
mdc-text-field-outlined-hover-border-color: '#a78bfa'
|
||||
mdc-filled-text-field-container-color: 'rgba(22, 24, 40, 0.85)'
|
||||
mdc-filled-text-field-label-text-color: '#9a9cb8'
|
||||
mdc-filled-text-field-input-text-color: '#e7e9f4'
|
||||
ha-textfield-background: 'rgba(22, 24, 40, 0.85)'
|
||||
|
||||
# ===== Assist voice-command dialog — card-mod CSS override =====
|
||||
card-mod-theme: glass_exo
|
||||
card-mod-root: |
|
||||
ha-voice-command-dialog $ ha-textfield {
|
||||
--mdc-text-field-fill-color: rgba(22, 24, 40, 0.92) !important;
|
||||
--mdc-text-field-ink-color: #e7e9f4 !important;
|
||||
--mdc-text-field-label-ink-color: #9a9cb8 !important;
|
||||
--mdc-text-field-idle-line-color: rgba(255,255,255,0.18) !important;
|
||||
}
|
||||
ha-voice-command-dialog $ ha-textfield $ .mdc-text-field__input {
|
||||
color: #e7e9f4 !important;
|
||||
}
|
||||
|
||||
# ===== buttons =====
|
||||
mdc-theme-primary: '#a78bfa'
|
||||
mdc-theme-secondary: '#f472b6'
|
||||
mdc-theme-on-primary: '#ffffff'
|
||||
mdc-theme-on-secondary: '#ffffff'
|
||||
|
||||
# ===== code / graph =====
|
||||
code-editor-background-color: 'rgba(10, 10, 20, 0.85)'
|
||||
graph-base-color: '#a78bfa'
|
||||
|
||||
# ===== tables =====
|
||||
table-row-background-color: 'transparent'
|
||||
table-row-alternative-background-color: 'rgba(255, 255, 255, 0.02)'
|
||||
143
hosts/physical/concord-nuc/homeassistant/themes/samurai.yaml
Normal file
143
hosts/physical/concord-nuc/homeassistant/themes/samurai.yaml
Normal file
@@ -0,0 +1,143 @@
|
||||
samurai:
|
||||
# ===== font (classical Japanese + serif) =====
|
||||
primary-font-family: '"Noto Serif JP", "Sawarabi Mincho", "Shippori Mincho", "Cormorant Garamond", Georgia, serif'
|
||||
paper-font-common-base_-_font-family: '"Noto Serif JP", "Sawarabi Mincho", Georgia, serif'
|
||||
paper-font-body1_-_font-family: '"Noto Serif JP", "Sawarabi Mincho", Georgia, serif'
|
||||
paper-font-subhead_-_font-family: '"Noto Serif JP", "Shippori Mincho", Georgia, serif'
|
||||
paper-font-headline_-_font-family: '"Shippori Mincho", "Noto Serif JP", Georgia, serif'
|
||||
paper-font-title_-_font-family: '"Shippori Mincho", "Noto Serif JP", Georgia, serif'
|
||||
ha-card-header-font-family: '"Shippori Mincho", "Noto Serif JP", Georgia, serif'
|
||||
|
||||
# ===== background (sumi ink + rising sun) =====
|
||||
lovelace-background: 'radial-gradient(900px 700px at 85% 15%, rgba(196, 30, 58, 0.22) 0%, transparent 50%), radial-gradient(1100px 800px at 15% 85%, rgba(212, 175, 55, 0.10) 0%, transparent 55%), linear-gradient(170deg, #0d0d0d 0%, #0a0508 50%, #050000 100%)'
|
||||
primary-background-color: '#0a0508'
|
||||
secondary-background-color: '#13090c'
|
||||
app-header-background-color: 'rgba(10, 5, 8, 0.88)'
|
||||
app-header-text-color: '#d4af37'
|
||||
sidebar-background-color: 'rgba(10, 5, 8, 0.94)'
|
||||
sidebar-text-color: '#c8bfa8'
|
||||
sidebar-selected-text-color: '#d4af37'
|
||||
sidebar-selected-background-color: 'rgba(196, 30, 58, 0.18)'
|
||||
sidebar-icon-color: '#8a8070'
|
||||
sidebar-selected-icon-color: '#c41e3a'
|
||||
|
||||
# ===== card (rice paper on charcoal) =====
|
||||
ha-card-background: 'rgba(20, 13, 14, 0.94)'
|
||||
card-background-color: 'rgba(20, 13, 14, 0.94)'
|
||||
ha-card-border-radius: '2px'
|
||||
ha-card-border-width: '1px'
|
||||
ha-card-border-color: 'rgba(212, 175, 55, 0.20)'
|
||||
ha-card-box-shadow: '0 4px 20px rgba(0, 0, 0, 0.60), inset 0 1px 0 rgba(212, 175, 55, 0.08)'
|
||||
ha-card-header-color: '#d4af37'
|
||||
|
||||
# ===== more-info dialog / popup (opaque, readable) =====
|
||||
mdc-theme-surface: '#140d0e'
|
||||
mdc-dialog-scrim-color: 'rgba(0, 0, 0, 0.82)'
|
||||
dialog-backdrop-filter: 'blur(10px)'
|
||||
ha-dialog-surface-background: '#140d0e'
|
||||
ha-dialog-border-radius: '2px'
|
||||
|
||||
# ===== text =====
|
||||
primary-text-color: '#ebe3d0'
|
||||
secondary-text-color: '#9a8f7a'
|
||||
text-primary-color: '#ffffff'
|
||||
disabled-text-color: '#4a4238'
|
||||
|
||||
# ===== accents =====
|
||||
primary-color: '#c41e3a'
|
||||
accent-color: '#d4af37'
|
||||
light-primary-color: '#e34f65'
|
||||
dark-primary-color: '#8b1528'
|
||||
label-badge-background-color: 'rgba(20, 13, 14, 0.92)'
|
||||
label-badge-text-color: '#d4af37'
|
||||
label-badge-red: '#c41e3a'
|
||||
label-badge-green: '#728a5c'
|
||||
label-badge-blue: '#4a6a7c'
|
||||
label-badge-yellow: '#d4af37'
|
||||
label-badge-grey: '#8a8070'
|
||||
|
||||
# ===== state colors =====
|
||||
state-icon-color: '#d4af37'
|
||||
state-icon-active-color: '#c41e3a'
|
||||
state-icon-unavailable-color: '#4a4238'
|
||||
paper-item-icon-color: '#9a8f7a'
|
||||
paper-item-icon-active-color: '#c41e3a'
|
||||
|
||||
# ===== domain states =====
|
||||
state-binary-sensor-active-color: '#728a5c'
|
||||
state-light-active-color: '#d4af37'
|
||||
state-switch-active-color: '#c41e3a'
|
||||
state-fan-active-color: '#4a6a7c'
|
||||
state-media-player-active-color: '#c41e3a'
|
||||
state-person-home-color: '#728a5c'
|
||||
state-person-not_home-color: '#8a8070'
|
||||
|
||||
# ===== toggles =====
|
||||
switch-checked-color: '#c41e3a'
|
||||
switch-checked-button-color: '#e34f65'
|
||||
switch-checked-track-color: 'rgba(196, 30, 58, 0.45)'
|
||||
switch-unchecked-button-color: '#4a4238'
|
||||
switch-unchecked-track-color: 'rgba(74, 66, 56, 0.45)'
|
||||
|
||||
# ===== sliders =====
|
||||
paper-slider-knob-color: '#c41e3a'
|
||||
paper-slider-knob-start-color: '#c41e3a'
|
||||
paper-slider-pin-color: '#d4af37'
|
||||
paper-slider-active-color: '#d4af37'
|
||||
paper-slider-container-color: 'rgba(196, 30, 58, 0.30)'
|
||||
paper-slider-secondary-color: '#8b1528'
|
||||
|
||||
# ===== dividers / outlines =====
|
||||
divider-color: 'rgba(212, 175, 55, 0.15)'
|
||||
outline-color: 'rgba(212, 175, 55, 0.18)'
|
||||
|
||||
# ===== input elements =====
|
||||
input-background-color: 'rgba(20, 13, 14, 0.85)'
|
||||
input-fill-color: 'rgba(20, 13, 14, 0.85)'
|
||||
input-ink-color: '#ebe3d0'
|
||||
input-label-ink-color: '#9a8f7a'
|
||||
input-idle-line-color: 'rgba(212, 175, 55, 0.22)'
|
||||
input-hover-line-color: '#d4af37'
|
||||
input-focused-line-color: '#c41e3a'
|
||||
|
||||
# ===== MDC select + text-field (dropdowns inside cards/dialogs) =====
|
||||
mdc-select-fill-color: 'rgba(20, 13, 14, 0.92)'
|
||||
mdc-select-ink-color: '#ebe3d0'
|
||||
mdc-select-label-ink-color: '#9a8f7a'
|
||||
mdc-select-dropdown-icon-color: '#d4af37'
|
||||
mdc-select-idle-line-color: 'rgba(212, 175, 55, 0.30)'
|
||||
mdc-select-hover-line-color: '#d4af37'
|
||||
mdc-select-focused-label-color: '#c41e3a'
|
||||
mdc-text-field-fill-color: 'rgba(20, 13, 14, 0.92)'
|
||||
mdc-text-field-ink-color: '#ebe3d0'
|
||||
mdc-text-field-label-ink-color: '#9a8f7a'
|
||||
mdc-text-field-idle-line-color: 'rgba(212, 175, 55, 0.30)'
|
||||
mdc-text-field-hover-line-color: '#d4af37'
|
||||
mdc-text-field-focused-label-color: '#c41e3a'
|
||||
mdc-text-field-disabled-fill-color: 'rgba(20, 13, 14, 0.60)'
|
||||
mdc-text-field-disabled-ink-color: '#9a8f7a'
|
||||
mdc-filled-text-field-container-color: 'rgba(20, 13, 14, 0.94)'
|
||||
mdc-filled-text-field-label-text-color: '#9a8f7a'
|
||||
mdc-filled-text-field-input-text-color: '#ebe3d0'
|
||||
ha-textfield-background: 'rgba(20, 13, 14, 0.94)'
|
||||
|
||||
card-mod-theme: samurai
|
||||
card-mod-root: |
|
||||
ha-voice-command-dialog $ ha-textfield {
|
||||
--mdc-text-field-fill-color: rgba(20, 13, 14, 0.96) !important;
|
||||
--mdc-text-field-ink-color: #ebe3d0 !important;
|
||||
--mdc-text-field-label-ink-color: #9a8f7a !important;
|
||||
}
|
||||
ha-voice-command-dialog $ ha-textfield $ .mdc-text-field__input {
|
||||
color: #ebe3d0 !important;
|
||||
}
|
||||
|
||||
# ===== buttons =====
|
||||
mdc-theme-primary: '#c41e3a'
|
||||
mdc-theme-secondary: '#d4af37'
|
||||
mdc-theme-on-primary: '#ffffff'
|
||||
mdc-theme-on-secondary: '#0a0508'
|
||||
|
||||
# ===== tables =====
|
||||
table-row-background-color: 'transparent'
|
||||
table-row-alternative-background-color: 'rgba(212, 175, 55, 0.04)'
|
||||
143
hosts/physical/concord-nuc/homeassistant/themes/steampunk.yaml
Normal file
143
hosts/physical/concord-nuc/homeassistant/themes/steampunk.yaml
Normal file
@@ -0,0 +1,143 @@
|
||||
steampunk:
|
||||
# ===== font (classical, brass-engraved feel) =====
|
||||
primary-font-family: '"Cormorant Garamond", "Playfair Display", "Crimson Text", Georgia, "Times New Roman", serif'
|
||||
paper-font-common-base_-_font-family: '"Cormorant Garamond", "Playfair Display", Georgia, serif'
|
||||
paper-font-body1_-_font-family: '"Cormorant Garamond", "Crimson Text", Georgia, serif'
|
||||
paper-font-subhead_-_font-family: '"Playfair Display", "Cormorant Garamond", Georgia, serif'
|
||||
paper-font-headline_-_font-family: '"Playfair Display", "Cormorant Garamond", Georgia, serif'
|
||||
paper-font-title_-_font-family: '"Playfair Display", "Cormorant Garamond", Georgia, serif'
|
||||
ha-card-header-font-family: '"Playfair Display", "Cormorant Garamond", Georgia, serif'
|
||||
|
||||
# ===== background (aged leather, gaslight) =====
|
||||
lovelace-background: 'radial-gradient(1200px 800px at 20% 20%, rgba(201, 166, 107, 0.18) 0%, transparent 55%), radial-gradient(1000px 700px at 80% 80%, rgba(184, 115, 51, 0.15) 0%, transparent 55%), linear-gradient(135deg, #2a1810 0%, #1a0e08 50%, #0e0704 100%)'
|
||||
primary-background-color: '#1a0e08'
|
||||
secondary-background-color: '#241610'
|
||||
app-header-background-color: 'rgba(26, 14, 8, 0.85)'
|
||||
app-header-text-color: '#d9b381'
|
||||
sidebar-background-color: 'rgba(26, 14, 8, 0.92)'
|
||||
sidebar-text-color: '#c7a870'
|
||||
sidebar-selected-text-color: '#e8c98c'
|
||||
sidebar-selected-background-color: 'rgba(201, 166, 107, 0.15)'
|
||||
sidebar-icon-color: '#8a6e46'
|
||||
sidebar-selected-icon-color: '#d9895f'
|
||||
|
||||
# ===== card (aged parchment panel) =====
|
||||
ha-card-background: 'rgba(38, 24, 16, 0.93)'
|
||||
card-background-color: 'rgba(38, 24, 16, 0.93)'
|
||||
ha-card-border-radius: '6px'
|
||||
ha-card-border-width: '1px'
|
||||
ha-card-border-color: 'rgba(201, 166, 107, 0.25)'
|
||||
ha-card-box-shadow: '0 6px 24px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(201, 166, 107, 0.12)'
|
||||
ha-card-header-color: '#e8c98c'
|
||||
|
||||
# ===== more-info dialog / popup (opaque, readable) =====
|
||||
mdc-theme-surface: '#261810'
|
||||
mdc-dialog-scrim-color: 'rgba(0, 0, 0, 0.80)'
|
||||
dialog-backdrop-filter: 'blur(10px)'
|
||||
ha-dialog-surface-background: '#261810'
|
||||
ha-dialog-border-radius: '8px'
|
||||
|
||||
# ===== text =====
|
||||
primary-text-color: '#f0dcaf'
|
||||
secondary-text-color: '#b89a66'
|
||||
text-primary-color: '#2a1810'
|
||||
disabled-text-color: '#6a5538'
|
||||
|
||||
# ===== accents =====
|
||||
primary-color: '#c9a66b'
|
||||
accent-color: '#d9895f'
|
||||
light-primary-color: '#e8c98c'
|
||||
dark-primary-color: '#8a6e46'
|
||||
label-badge-background-color: 'rgba(38, 24, 16, 0.90)'
|
||||
label-badge-text-color: '#e8c98c'
|
||||
label-badge-red: '#c44a2a'
|
||||
label-badge-green: '#6b8f47'
|
||||
label-badge-blue: '#4a7688'
|
||||
label-badge-yellow: '#d9b54f'
|
||||
label-badge-grey: '#8a6e46'
|
||||
|
||||
# ===== state colors =====
|
||||
state-icon-color: '#c9a66b'
|
||||
state-icon-active-color: '#d9895f'
|
||||
state-icon-unavailable-color: '#6a5538'
|
||||
paper-item-icon-color: '#b89a66'
|
||||
paper-item-icon-active-color: '#d9895f'
|
||||
|
||||
# ===== domain states =====
|
||||
state-binary-sensor-active-color: '#8fa054'
|
||||
state-light-active-color: '#e8b94a'
|
||||
state-switch-active-color: '#c9a66b'
|
||||
state-fan-active-color: '#c9a66b'
|
||||
state-media-player-active-color: '#d9895f'
|
||||
state-person-home-color: '#8fa054'
|
||||
state-person-not_home-color: '#8a6e46'
|
||||
|
||||
# ===== toggles =====
|
||||
switch-checked-color: '#d9895f'
|
||||
switch-checked-button-color: '#e8c98c'
|
||||
switch-checked-track-color: 'rgba(217, 137, 95, 0.45)'
|
||||
switch-unchecked-button-color: '#6a5538'
|
||||
switch-unchecked-track-color: 'rgba(106, 85, 56, 0.45)'
|
||||
|
||||
# ===== sliders =====
|
||||
paper-slider-knob-color: '#d9895f'
|
||||
paper-slider-knob-start-color: '#d9895f'
|
||||
paper-slider-pin-color: '#c9a66b'
|
||||
paper-slider-active-color: '#c9a66b'
|
||||
paper-slider-container-color: 'rgba(201, 166, 107, 0.30)'
|
||||
paper-slider-secondary-color: '#8a6e46'
|
||||
|
||||
# ===== dividers / outlines =====
|
||||
divider-color: 'rgba(201, 166, 107, 0.20)'
|
||||
outline-color: 'rgba(201, 166, 107, 0.22)'
|
||||
|
||||
# ===== input elements =====
|
||||
input-background-color: 'rgba(38, 24, 16, 0.80)'
|
||||
input-fill-color: 'rgba(38, 24, 16, 0.80)'
|
||||
input-ink-color: '#f0dcaf'
|
||||
input-label-ink-color: '#b89a66'
|
||||
input-idle-line-color: 'rgba(201, 166, 107, 0.30)'
|
||||
input-hover-line-color: '#c9a66b'
|
||||
input-focused-line-color: '#d9895f'
|
||||
|
||||
# ===== MDC select + text-field (dropdowns inside cards/dialogs) =====
|
||||
mdc-select-fill-color: 'rgba(38, 24, 16, 0.90)'
|
||||
mdc-select-ink-color: '#f0dcaf'
|
||||
mdc-select-label-ink-color: '#b89a66'
|
||||
mdc-select-dropdown-icon-color: '#d9895f'
|
||||
mdc-select-idle-line-color: 'rgba(201, 166, 107, 0.35)'
|
||||
mdc-select-hover-line-color: '#c9a66b'
|
||||
mdc-select-focused-label-color: '#d9895f'
|
||||
mdc-text-field-fill-color: 'rgba(38, 24, 16, 0.90)'
|
||||
mdc-text-field-ink-color: '#f0dcaf'
|
||||
mdc-text-field-label-ink-color: '#b89a66'
|
||||
mdc-text-field-idle-line-color: 'rgba(201, 166, 107, 0.35)'
|
||||
mdc-text-field-hover-line-color: '#c9a66b'
|
||||
mdc-text-field-focused-label-color: '#d9895f'
|
||||
mdc-text-field-disabled-fill-color: 'rgba(38, 24, 16, 0.60)'
|
||||
mdc-text-field-disabled-ink-color: '#b89a66'
|
||||
mdc-filled-text-field-container-color: 'rgba(38, 24, 16, 0.92)'
|
||||
mdc-filled-text-field-label-text-color: '#b89a66'
|
||||
mdc-filled-text-field-input-text-color: '#f0dcaf'
|
||||
ha-textfield-background: 'rgba(38, 24, 16, 0.92)'
|
||||
|
||||
card-mod-theme: steampunk
|
||||
card-mod-root: |
|
||||
ha-voice-command-dialog $ ha-textfield {
|
||||
--mdc-text-field-fill-color: rgba(38, 24, 16, 0.95) !important;
|
||||
--mdc-text-field-ink-color: #f0dcaf !important;
|
||||
--mdc-text-field-label-ink-color: #b89a66 !important;
|
||||
}
|
||||
ha-voice-command-dialog $ ha-textfield $ .mdc-text-field__input {
|
||||
color: #f0dcaf !important;
|
||||
}
|
||||
|
||||
# ===== buttons =====
|
||||
mdc-theme-primary: '#c9a66b'
|
||||
mdc-theme-secondary: '#d9895f'
|
||||
mdc-theme-on-primary: '#1a0e08'
|
||||
mdc-theme-on-secondary: '#1a0e08'
|
||||
|
||||
# ===== tables =====
|
||||
table-row-background-color: 'transparent'
|
||||
table-row-alternative-background-color: 'rgba(201, 166, 107, 0.05)'
|
||||
Reference in New Issue
Block a user