midnight-th3me: # https://gist.github.com/kalkih/0c7f865855f0f0e2f6d6610c4637cd5d # Main colors primary-color: '#2980b9' accent-color: '#e4ca57' # '#f1c40f' accent-strong-color: '#f1c40f' 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: 'var(--accent-color)' disabled-text-color: '#b3b3b3' # '#e5e5e5' label-badge-border-color: 'green' # Sidebar sidebar-icon-color: 'var(--primary-text-color)' sidebar-selected-icon-color: 'var(--accent-strong-color)' sidebar-selected-background-color: 'rgba(255, 255, 255, .1)' # Background colors primary-background-color: '#2c3e50' secondary-background-color: '#2c3e50' divider-color: 'rgba(0, 0, 0, .12)' # Table rows table-row-background-color: '#2c3e50' table-row-alternative-background-color: '#2B3E50' # Nav Menu paper-listbox-color: 'var(--primary-text-color)' paper-listbox-background-color: '#1f2b38' paper-grey-50: 'var(--primary-text-color)' paper-grey-200: '#2B3E50' # Paper card paper-card-header-color: 'var(--accent-color)' paper-card-background-color: '#34495e' # 'rgba(52, 73, 94, 0.8)' paper-dialog-background-color: '#34495e' paper-item-icon-color: 'var(--primary-text-color)' paper-item-icon-active-color: '#F9C536' paper-item-icon_-_color: 'var(--primary-text-color)' paper-item-selected_-_background-color: '#34495e' paper-tabs-selection-bar-color: 'var(--primary-text-color)' # Labels label-badge-red: 'var(--accent-color)' label-badge-text-color: 'var(--primary-text-color)' label-badge-background-color: '#2E333A' # 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: '#F9C536' paper-slider-knob-start-color: 'var(--accent-color)' paper-slider-pin-color: '#F9C536' 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: 'var(--accent-color)' google-green-500: '#27ae60' # Color pickers lumo-primary-text-color: 'var(--primary-text-color)' lumo-secondary-text-color: 'var(--accent-color)' lumo-primary-color: 'var(--accent-strong-color)' lumo-primary-color-50pct: 'rgba(241, 196, 15, .5)' lumo-primary-color-10pct: 'rgba(241, 196, 15, .1)' #Calendar day numbers lumo-body-text-color: 'var(--primary-text-color)' #Calendar/Date-Picker Background lumo-base-color: 'var(--accent-color)' #Month/Year header lumo-header-text-color: 'var(--primary-text-color)' #DayOfWeek Header lumo-tertiary-text-color: 'var(--primary-text-color)' lumo-shade: 'var(--accent-color)' lumo-shade-90pct: 'rgba(228, 202, 87, .9)' lumo-shade-80pct: 'rgba(228, 202, 87, .8)' lumo-shade-70pct: 'rgba(228, 202, 87, .7)' lumo-shade-60pct: 'rgba(228, 202, 87, .6)' lumo-shade-50pct: 'rgba(228, 202, 87, .5)' lumo-shade-40pct: 'rgba(228, 202, 87, .4)' lumo-shade-30pct: 'rgba(228, 202, 87, .3)' lumo-shade-20pct: 'rgba(228, 202, 87, .2)' lumo-shade-10pct: 'rgba(228, 202, 87, .1)' lumo-shade-5pct: 'rgba(228, 202, 87, .05)' #Removes Gradient in Calendar/Date-Picker and Drop-down lists lumo-tint-5pct: '#141414'