root
93 lines
2.4 KiB
YAML
93 lines
2.4 KiB
YAML
# DAKboard-inspired dark theme for kiosk dashboards
|
|
dakboard-dark:
|
|
# Backgrounds
|
|
app-header-background-color: "#0d0d0d"
|
|
primary-background-color: "#0d0d0d"
|
|
secondary-background-color: "#141414"
|
|
background-color: "#0d0d0d"
|
|
|
|
# Cards
|
|
ha-card-background: "#1a1a1e"
|
|
ha-card-border-radius: "14px"
|
|
ha-card-box-shadow: "0 2px 8px rgba(0,0,0,0.4)"
|
|
card-background-color: "#1a1a1e"
|
|
card-mod-theme: dakboard-dark
|
|
|
|
# Text
|
|
primary-text-color: "#e8e8ec"
|
|
secondary-text-color: "#9a9aa6"
|
|
text-primary-color: "#e8e8ec"
|
|
text-medium-light-color: "#b0b0b8"
|
|
dark-primary-color: "#e8e8ec"
|
|
|
|
# Accent
|
|
accent-color: "#4a90d9"
|
|
primary-color: "#4a90d9"
|
|
light-primary-color: "#6ab0f0"
|
|
|
|
# Sidebar
|
|
sidebar-background-color: "#0d0d0d"
|
|
sidebar-icon-color: "#9a9aa6"
|
|
sidebar-selected-icon-color: "#4a90d9"
|
|
sidebar-selected-text-color: "#4a90d9"
|
|
sidebar-text-color: "#9a9aa6"
|
|
|
|
# Header
|
|
header-height: "0px" # hide header for kiosk mode
|
|
|
|
# States
|
|
state-icon-color: "#4a90d9"
|
|
state-icon-active-color: "#4a90d9"
|
|
state-unavailable-color: "#555"
|
|
label-badge-red: "#e0556a"
|
|
label-badge-green: "#5cb870"
|
|
label-badge-yellow: "#e0b040"
|
|
label-badge-blue: "#4a90d9"
|
|
label-badge-gray: "#777"
|
|
|
|
# Badge
|
|
ha-label-badge-background-color: "#1a1a1e"
|
|
ha-label-badge-border-color: "#2a2a30"
|
|
label-badge-text-color: "#e8e8ec"
|
|
|
|
# Switches / toggles
|
|
switch-unchecked-color: "#444"
|
|
switch-checked-color: "#4a90d9"
|
|
switch-unchecked-track-color: "#333"
|
|
switch-checked-track-color: "#4a90d9"
|
|
|
|
# Tables
|
|
table-row-background-color: "#1a1a1e"
|
|
table-row-alternative-background-color: "#1f1f24"
|
|
|
|
# Paper elements
|
|
paper-card-background-color: "#1a1a1e"
|
|
paper-card-header-color: "#e8e8ec"
|
|
paper-dialog-background-color: "#1a1a1e"
|
|
paper-listbox-background-color: "#1a1a1e"
|
|
paper-item-icon-color: "#9a9aa6"
|
|
paper-item-icon-active-color: "#4a90d9"
|
|
|
|
# Iron
|
|
iron-overlay-backdrop-background-color: rgba(0,0,0,0.6)
|
|
|
|
# Markdown
|
|
markdown-code-background-color: "#222228"
|
|
|
|
# Divider
|
|
divider-color: "#2a2a30"
|
|
|
|
# More Info dialog
|
|
more-info-header-background: "#141414"
|
|
|
|
# Slider
|
|
slider-color: "#4a90d9"
|
|
slider-bar-color: "#333"
|
|
|
|
# Weather icons - cleaner, modern look
|
|
weather-icon-cloud-front-color: "#a0a0b0"
|
|
weather-icon-cloud-back-color: "#555"
|
|
weather-icon-sun-color: "#e0b040"
|
|
weather-icon-rain-color: "#4a90d9"
|
|
weather-icon-moon-color: "#a0a0b0"
|