Skip to content

Instantly share code, notes, and snippets.

@vigonotion
Created April 26, 2020 17:20
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save vigonotion/3cd8e3459d4837377a3c1ae435cf9440 to your computer and use it in GitHub Desktop.
Save vigonotion/3cd8e3459d4837377a3c1ae435cf9440 to your computer and use it in GitHub Desktop.
Theme for Home Assistant
# Main colors
primary-color: '#ffb430' #322a65
accent-color: '#ffb430' #312868
#dark-primary-color: '#2980b9'
light-primary-color: '#fff6e6'
#mdc-theme-primary: '#e971ae'
# Backgrounds
lovelace-background: 'center / cover no-repeat url("/local/background.jpg?v=1") fixed'
# Variables
campfire-switch-checked-color: 'var(--accent-color)'
campfire-switch-unchecked-color: 'var(--disabled-text-color)'
# Text colors
#primary-text-color: '#FFFFFF'
#text-primary-color: 'var(--primary-text-color)'
#secondary-text-color: '#b58e31'
#disabled-text-color: '#777777'
#label-badge-border-color: 'green'
#paper-dialog-button-color: 'var(--primary-text-color)'
# Radii
ha-card-border-radius: '8px'
# Background colors
primary-background-color: '#f9f9fb' # was #222
secondary-background-color: '#f9f9fb'
# Labels
label-badge-red: 'var(--accent-color)'
label-badge-text-color: 'var(--primary-text-color)'
label-badge-background-color: 'var(--primary-background-color)'
# Switches
paper-toggle-button-checked-button-color: 'var(--campfire-switch-checked-color)'
paper-toggle-button-checked-bar-color: 'var(--campfire-switch-checked-color)'
paper-toggle-button-checked-ink-color: 'var(--campfire-switch-checked-color)'
#paper-toggle-button-unchecked-button-color: 'var(--campfire-switch-unchecked-color)'
#paper-toggle-button-unchecked-bar-color: 'var(--campfire-switch-unchecked-color)'
#paper-toggle-button-unchecked-ink-color: 'var(--campfire-switch-unchecked-color)'
# Paper card
paper-card-background-color: '#ffffffcc'
paper-dialog-background-color: '#ffffff'
paper-item-icon-color: '#a6a3b4'
paper-item-icon-active-color: 'var(--accent-color)'
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment