144 lines
5.8 KiB
YAML
144 lines
5.8 KiB
YAML
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)'
|