Gruvbox dark

Gruvbox Dark

# Gruvbox Dark: A retro groove colour theme, based on a theme for VIM at https://github.com/morhetz/gruvbox
# Creater: Venkat Venkataramanan
# Website: http://venkat.ca
# My Home Assistant Config files: https://github.com/torvenkat/Home-AssistantConfig
#
#
Gruvbox Dark:
  # Header:
  app-header-background-color: "#282828"
  app-header-text-color: "#d5c4a1"
  # Main Interface Colors
  primary-color: "#fe8019"
  light-primary-color: var(--primary-color)
  primary-background-color: "#282828"
  secondary-background-color: var(--primary-background-color)
  divider-color: var(--primary-background-color)
  # Text
  primary-text-color: "#bdae93"
  secondary-text-color: "#bdae93"
  text-primary-color: "#fbf1c7"
  disabled-text-color: "#504945"
  # Sidebar Menu
  sidebar-icon-color: var(--app-header-text-color)
  sidebar-text-color: '#a89984'
  sidebar-background-color: "#282828"
  sidebar-selected-background-color: var(--primary-background-color)
  sidebar-selected-icon-color: "#d65d0e"
  sidebar-selected-text-color: var(--sidebar-selected-icon-color))
  # States and Badges
  state-icon-color: "#928374"
  state-icon-active-color: "#fe8019"
  state-icon-unavailable-color: var(--disabled-text-color)
  # Sliders
  paper-slider-knob-color: "#fe8019"
  paper-slider-knob-start-color: var(--paper-slider-knob-color)
  paper-slider-pin-color: var(--paper-slider-knob-color)
  paper-slider-active-color: var(--paper-slider-knob-color)
  paper-slider-secondary-color: var(--light-primary-color)
  # Labels
  label-badge-background-color: "#1d22021"
  label-badge-text-color: "#BDC1C6"
  label-badge-red: "#cc241d"
  label-badge-green: "#98971a"
  label-badge-blue: "#458588"
  label-badge-yellow: "#d79921"
  label-badge-gray: "#a89984"

  # Cards
  ha-card-border-radius: "15px"
  ha-card-box-shadow: 0px
  paper-card-background-color: "#3c3836"
  paper-listbox-background-color: "#282828"
  # Switches
  switch-checked-button-color: "#fe8019"
  switch-checked-track-color: "#c44221"
  switch-unchecked-button-color: "#a89984"
  switch-unchecked-track-color: "#b9aeac"
  # Toggles
  paper-toggle-button-checked-button-color: var(--switch-checked-button-color)
  paper-toggle-button-checked-bar-color: var(--switch-checked-track-color)
  paper-toggle-button-unchecked-button-color: var(--switch-unchecked-button-color)
  paper-toggle-button-unchecked-bar-color: var(--switch-unchecked-track-color)
  # Table
  table-row-background-color: var(--primary-background-color)
  table-row-alternative-background-color: var(--secondary-background-color)
  data-table-background-color: var(--primary-background-color)

Comments