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)'