# 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"