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)