Skip to content

Instantly share code, notes, and snippets.

@mammuth
Last active December 12, 2019 09:21
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 mammuth/1ae7d1658b9b0837e7d772d380191c75 to your computer and use it in GitHub Desktop.
Save mammuth/1ae7d1658b9b0837e7d772d380191c75 to your computer and use it in GitHub Desktop.
Fixed Google Home Light theme for Home Assistant
# Original: https://github.com/liri/lovelace-themes
Google - Light - Fixed:
### Fonts ###
primary-font-family: "'Open Sans','Rubik',Roboto,sans-serif"
paper-font-common-base_-_font-family: "var(--primary-font-family)"
paper-font-common-code_-_font-family: "var(--primary-font-family)"
paper-font-body_-_font-family: "var(--primary-font-family)"
paper-font-subhead_-_font-family: "var(--primary-font-family)"
paper-font-headline_-_font-family: "var(--primary-font-family)"
paper-font-caption_-_font-family: "var(--primary-font-family)"
paper-font-title_-_font-family: "var(--primary-font-family)"
ha-card-border-radius: "0px"
ha-card-header-color: "#757575"
ha-card-box-shadow: "0px 0px 1px #eeeeee"
### Main Interface Colors ###
primary-color: "#061014"
app-header-background-color: "#ffffff"
app-header-text-color: "#061014"
light-primary-color: "#c1c1c1"
primary-background-color: "#F7F9FB"
secondary-background-color: "#ffffff"
divider-color: "#e7e7e7"
### Text ###
primary-text-color: "#000000"
secondary-text-color: "#757575"
text-primary-color: "#061014"
disabled-text-color: "#a1a1a1"
### Sidebar Menu ###
sidebar-background-color: "#ffffff"
sidebar-icon-color: "#757575"
sidebar-text-color: "#212121"
sidebar-selected-background-color: var(--primary-background-color)
sidebar-selected-icon-color: "#4284F4"
sidebar-selected-text-color: var(--sidebar-selected-icon-color)
### States and Badges ###
state-icon-color: "#606367"
state-icon-active-color: "#ffb750"
state-icon-unavailable-color: var(--disabled-text-color)
### Sliders ###
paper-slider-knob-color: "#4284F4"
paper-slider-knob-start-color: "#8eb8ff"
paper-slider-pin-color: "#8eb8ff"
paper-slider-active-color: "#8eb8ff"
paper-slider-secondary-color: var(--light-primary-color)
paper-slider-container-color: "#e7e7e7"
### Labels ###
label-badge-background-color: "#252B36"
label-badge-text-color: "#F1F1F1"
label-badge-red: "#6C7B9B"
### Cards ###
paper-card-background-color: "#ffffff"
paper-listbox-background-color: "#ffffff"
### Toggles ###
paper-toggle-button-checked-button-color: "#4284F4"
paper-toggle-button-checked-bar-color: "#4284F4"
paper-toggle-button-unchecked-button-color: "#4284F4"
paper-toggle-button-unchecked-bar-color: "#c1c1c1"
### Dialog ###
paper-dialog-background-color: "#ffffff"
### Table row ###
table-row-background-color: var(--primary-background-color)
table-row-alternative-background-color: var(--secondary-background-color)
iron-overlay-backdrop-background-color: "#ffffff"
mdc-theme-primary: "#4284F4"
switch-checked-color: "var(--paper-toggle-button-checked-button-color)"
switch-unchecked-button-color: "var(--paper-toggle-button-unchecked-button-color)"
switch-unchecked-color: "var(--paper-toggle-button-unchecked-bar-color)"
switch-unchecked-track-color: "var(--paper-toggle-button-unchecked-bar-color)"
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment