Slate Theme for HASS

slate.yaml

slate:
    # Main colors
    primary-color: '#2980b9'
    accent-color: '#2980b9'
    dark-primary-color: 'var(--accent-color)'
    light-primary-color: 'var(--accent-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'
    # Sidebar
    sidebar-icon-color: '#777777'
    # Background colors
    primary-background-color: '#222222'
    secondary-background-color: '#222222'
    divider-color: 'rgba(0, 0, 0, .12)'
    table-row-background-color: '#292929'
    table-row-alternative-background-color: '#292929'
    # Nav Menu
    paper-listbox-color: '#777777'
    paper-listbox-background-color: '#141414'
    paper-grey-50: 'var(--primary-text-color)'
    paper-grey-200: '#222222'
    # Paper card
    paper-card-header-color: 'var(--accent-color)'
    paper-card-background-color: '#292929'
    paper-dialog-background-color: '#292929'
    paper-item-icon-color: 'var(--primary-text-color)'
    paper-item-icon-active-color: '#b58e31'
    paper-item-icon_-_color: 'green'
    paper-item-selected_-_background-color: '#292929'
    paper-tabs-selection-bar-color: 'green'
    # Labels
    label-badge-red: 'var(--accent-color)'
    label-badge-text-color: 'var(--primary-text-color)'
    label-badge-background-color: '#222222'
    # Switches
    paper-toggle-button-checked-button-color: 'var(--accent-color)'
    paper-toggle-button-checked-bar-color: 'var(--accent-color)'
    paper-toggle-button-checked-ink-color: 'var(--accent-color)'
    paper-toggle-button-unchecked-button-color: 'var(--disabled-text-color)'
    paper-toggle-button-unchecked-bar-color: 'var(--disabled-text-color)'
    paper-toggle-button-unchecked-ink-color: 'var(--disabled-text-color)'
    # Sliders
    paper-slider-knob-color: 'var(--accent-color)'
    paper-slider-knob-start-color: 'var(--accent-color)'
    paper-slider-pin-color: 'var(--accent-color)'
    paper-slider-active-color: 'var(--accent-color)'
    paper-slider-container-color: 'linear-gradient(var(--primary-background-color), var(--secondary-background-color)) no-repeat'
    paper-slider-secondary-color: 'var(--secondary-background-color)'
    paper-slider-disabled-active-color: 'var(--disabled-text-color)'
    paper-slider-disabled-secondary-color: 'var(--disabled-text-color)'
    # Google colors
    google-red-500: '#b58e31'
    google-green-500: '#2980b9'