Dark - Green: ### Main Interface Colors ### primary-color: "#03B14B" light-primary-color: "#47FC92" primary-background-color: "#1F1F28" secondary-background-color: var(--primary-background-color) divider-color: "#2F2F3D" ### Text ### primary-text-color: "#FFFFFF" secondary-text-color: "#47FC92" text-primary-color: "#FFFFFF" disabled-text-color: "#464653" ### Sidebar Menu ### sidebar-icon-color: "#B6B6C1" sidebar-text-color: "#F1F1F1" sidebar-selected-background-color: var(--primary-background-color) sidebar-selected-icon-color: "#47FC92" sidebar-selected-text-color: var(--sidebar-selected-icon-color) ### States and Badges ### state-icon-color: "#04E762" state-icon-active-color: "#FBD150" state-icon-unavailable-color: var(--disabled-text-color) ### Sliders ### paper-slider-knob-color: "#04E762" 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: "#464653" label-badge-text-color: "#FFFFFF" label-badge-red: "#343443" ### Cards ### paper-card-background-color: "#23232E" paper-listbox-background-color: var(--primary-background-color) ### Toggles ### paper-toggle-button-checked-button-color: "#04E762" paper-toggle-button-checked-bar-color: "#47FC92" paper-toggle-button-unchecked-button-color: var(--paper-toggle-button-checked-button-color) paper-toggle-button-unchecked-bar-color: "#343443" ### Table row ### table-row-background-color: var(--primary-background-color) table-row-alternative-background-color: var(--secondary-background-color) Light - Green: ### Main Interface Colors ### primary-color: "#03B14B" light-primary-color: "#47FC92" primary-background-color: "#F6F7F9" secondary-background-color: var(--primary-background-color) divider-color: "#B9CDC3" ### Text ### primary-text-color: "#788083" secondary-text-color: "#03B14B" text-primary-color: "#FFFFFF" disabled-text-color: "#A8ADAF" ### Sidebar Menu ### sidebar-icon-color: "#788083" sidebar-text-color: var(--sidebar-icon-color) sidebar-selected-background-color: var(--primary-background-color) sidebar-selected-icon-color: "#12D289" sidebar-selected-text-color: var(--sidebar-selected-icon-color) ### States and Badges ### state-icon-color: "#12D289" state-icon-active-color: "#FBCD41" state-icon-unavailable-color: var(--disabled-text-color) ### Sliders ### paper-slider-knob-color: "#12D289" 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: "#F8FAF9" label-badge-text-color: "#788083" label-badge-red: "#3FEFAC" ### Cards ### paper-card-background-color: "#FFFFFF" paper-listbox-background-color: var(--primary-background-color) ### Toggles ### paper-toggle-button-checked-button-color: "#03B14B" paper-toggle-button-checked-bar-color: "#12D289" paper-toggle-button-unchecked-button-color: var(--paper-toggle-button-checked-button-color) paper-toggle-button-unchecked-bar-color: "#ABB0B2" ### Table row ### table-row-background-color: var(--primary-background-color) table-row-alternative-background-color: var(--secondary-background-color) Gray & Green: ### Main Interface Colors ### primary-color: "#24E081" light-primary-color: "#6BEAAA" primary-background-color: "#494B58" secondary-background-color: var(--primary-background-color) divider-color: "#595B6B" ### Text ### primary-text-color: "#FBFBFB" secondary-text-color: "#24E081" text-primary-color: "#FBFBFB" disabled-text-color: "#7A7D90" ### Sidebar Menu ### sidebar-icon-color: "#A2A4B2" sidebar-text-color: "#FBFBFB" sidebar-selected-background-color: var(--primary-background-color) sidebar-selected-icon-color: "#24E081" sidebar-selected-text-color: var(--sidebar-selected-icon-color) ### States and Badges ### state-icon-color: "#24E081" state-icon-active-color: "#FBCD41" state-icon-unavailable-color: var(--disabled-text-color) ### Sliders ### paper-slider-knob-color: "#24E081" 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) paper-green-400: "#FBCD41" ### Labels ### label-badge-background-color: "#9A9CAB" label-badge-text-color: "#FBFBFB" label-badge-red: "#555766" ### Cards ### paper-card-background-color: "#555766" paper-listbox-background-color: var(--primary-background-color) ### Toggles ### paper-toggle-button-checked-button-color: "#24E081" paper-toggle-button-checked-bar-color: "#6BEAAA" paper-toggle-button-unchecked-button-color: "#A2A4B2" paper-toggle-button-unchecked-bar-color: "#787B8F" ### Table row ### table-row-background-color: var(--primary-background-color) table-row-alternative-background-color: var(--secondary-background-color) Navy Blue & Yellow: ### Main Interface Colors ### primary-color: "#FEB221" light-primary-color: "#FECA67" primary-background-color: "#1F2635" secondary-background-color: var(--primary-background-color) divider-color: "#2D374D" ### Text ### primary-text-color: "#FBFBFB" secondary-text-color: "#FEB221" text-primary-color: "#FBFBFB" disabled-text-color: "#4A5E84" ### Sidebar Menu ### sidebar-icon-color: "#8192B6" sidebar-text-color: "#FBFBFB" sidebar-selected-background-color: var(--primary-background-color) sidebar-selected-icon-color: "#FEB221" sidebar-selected-text-color: var(--sidebar-selected-icon-color) ### States and Badges ### state-icon-color: "#FEAA0A" state-icon-active-color: "#FEF5D8" state-icon-unavailable-color: var(--disabled-text-color) ### Sliders ### paper-slider-knob-color: "#FEB221" 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: "#3E4C6C" label-badge-text-color: "#FBFBFB" label-badge-red: "#252D40" ### Cards ### paper-card-background-color: "#252D40" paper-listbox-background-color: var(--primary-background-color) ### Toggles ### paper-toggle-button-checked-button-color: "#FEB221" paper-toggle-button-checked-bar-color: "#FECA67" paper-toggle-button-unchecked-button-color: "#6E81AA" paper-toggle-button-unchecked-bar-color: "#3E4C6C" ### Table row ### table-row-background-color: var(--primary-background-color) table-row-alternative-background-color: var(--secondary-background-color) Night: # MyVariables base-hue: '220' #Controls the base (and accent) color hue (0-360) | 0=Red 60=Yellow 120=Green 180=Cyan 240=Blue 300=Magenta 360=Red base-sat: '5%' #Controls the saturation of the theme (0%-100%) | 0%=Grey 100%=Full Saturation # MyVar huesat: 'var(--base-hue), var(--base-sat),' # Primary Color primary-color: 'hsl(var(--huesat) 36%)' #header colors and some text colors dark-primary-color: 'hsl(var(--huesat) 60%)' light-primary-color: 'hsl(var(--huesat) 90%)' accent-color: 'hsl(var(--huesat) 30%)' # Backgrounds primary-background-color: 'hsl(var(--huesat) 16%)' secondary-background-color: 'hsl(var(--huesat) 16%)' # background behind cards paper-listbox-background-color: 'hsl(var(--huesat) 16%)' paper-card-background-color: 'hsl(var(--huesat) 12%)' paper-dialog-background-color: 'var(--paper-card-background-color)' table-row-background-color: 'hsl(var(--huesat) 12%)' table-row-alternative-background-color: 'hsl(var(--huesat) 10%)' # Divider divider-color: 'hsla(0, 0%, 0%, 0)' dark-divider-opacity: '0' light-divider-opacity: '0' dark-secondary-opacity: '1' # Text colors primary-text-color: 'hsl(var(--huesat) 90%)' text-primary-color: 'hsl(var(--huesat) 80%)' secondary-text-color: 'hsl(var(--huesat) 80%)' disabled-text-color: 'hsl(var(--huesat) 70%)' sidebar-text_-_color: 'hsl(var(--huesat) 90%)' sidebar-text-color: 'hsl(var(--huesat) 90%)' paper-card-header-color: 'hsl(var(--huesat) 90%)' paper-button-ink-color: 'hsl(var(--huesat) 50%)' # Text Adjustments paper-font-headline_-_letter-spacing: '-0.5px' paper-font-headline_-_font-weight: '400' paper-font-body1_-_font-weight: '300' # Nav Menu paper-listbox-color: 'hsl(var(--huesat) 50%)' paper-grey-50: 'hsl(var(--huesat) 50%)' paper-grey-200: 'hsl(var(--huesat) 10%)' #active menu item # Paper card paper-item-icon-color: 'hsl(var(--huesat) 40%)' paper-item-icon-active-color: 'var(--paper-item-icon-color)' paper-item-icon_-_color: 'var(--paper-item-icon-color)' paper-item-selected_-_background-color: 'hsla(0, 0%, 0%, 0.2)' paper-item-selected_-_color: 'hsl(var(--huesat) 20%)' #? paper-tabs-selection-bar-color: 'hsla(0, 0%, 0%, 0.2)' paper-tab-ink: 'hsl(var(--huesat) 70%)' paper-input-container-color: 'hsl(var(--huesat) 60%)' # Labels label-badge-red: 'var(--paper-card-background-color)' label-badge-border-color: 'var(--label-badge-red)' label-badge-background-color: 'var(--paper-card-background-color)' label-badge-text-color: 'var(--primary-text-color)' # Shadows shadow-elevation-2dp_-_box-shadow: '0px 0px 0px 0px hsl(var(--huesat) 10%)' shadow-elevation-16dp_-_box-shadow: '0px 0px 0px 0px hsl(var(--huesat) 25%)' # Switches paper-toggle-button-checked-button-color: 'hsl(var(--base-hue), 90%, 50%)' paper-toggle-button-checked-bar-color: 'hsl(var(--huesat) 25%)' paper-toggle-button-unchecked-button-color: 'hsl(var(--huesat) 25%)' paper-toggle-button-unchecked-bar-color: 'hsl(var(--huesat) 5%)' # Sliders paper-slider-knob-color: 'hsl(var(--base-hue), 90%, 50%)' paper-slider-knob-start-color: 'hsl(var(--base-hue), 80%, 25%)' paper-slider-pin-color: 'hsl(var(--base-hue), 90%, 50%)' paper-slider-active-color: 'hsl(var(--base-hue), 90%, 50%)' paper-slider-container-color: 'hsl(var(--huesat) 28%)' paper-slider-secondary-color: 'hsl(var(--huesat) 90%)' paper-slider-disabled-active-color: 'hsl(var(--base-hue), 80%, 25%)' paper-slider-disabled-secondary-color: 'hsl(var(--base-hue), 80%, 25%)' paper-dialog-color: 'hsl(var(--base-hue), 20%, 80%)' darkorange: primary-color: "#ff9800" light-primary-color: "#ffc947" dark-primary-color: "#c66900" text-primary-color: "#ffffff" primary-background-color: "#37464f" sidebar-text_-_background: "#62717b" paper-card-background-color: "#263137" paper-card-header-color: "var(--text-primary-color)" secondary-background-color: "var(--primary-background-color)" primary-text-color: "var(--text-primary-color)" secondary-text-color: "var(--primary-color)" paper-listbox-background-color: "var(--sidebar-text_-_background)" paper-toggle-button-checked-ink-color: "var(--dark-primary-color)" paper-toggle-button-checked-button-color: "var(--dark-primary-color)" paper-toggle-button-checked-bar-color: "var(--dark-primary-color)" paper-slider-knob-color: "var(--primary-color)" paper-slider-knob-start-color: "var(--primary-color)" paper-slider-pin-color: "var(--primary-color)" paper-slider-active-color: "var(--primary-color)" paper-slider-secondary-color: "var(--light-primary-color)" paper-slider-container-color: "var(--sidebar-text_-_background)" paper-progress-secondary-color: "var(--sidebar-text_-_background)" paper-item-selected_-_background-color: "var(--primary-color)" paper-item-icon_-_color: "var(--text-primary-color)" paper-item-icon-color: "var(--sidebar-text_-_background)" paper-item-icon-active-color: "var(--primary-color)" paper-grey-50: "var(--sidebar-text_-_background)" paper-grey-200: "var(--primary-background-color)" label-badge-background-color: "var(--sidebar-text_-_background)" label-badge-text-color: "var(--text-primary-color)" label-badge-red: "var(--primary-color)" label-badge-blue: "var(--light-primary-color)" label-badge-green: "var(--dark-primary-color)" label-badge-yellow: "var(--text-primary-color)" label-badge-grey: "var(--paper-grey-500)" table-row-background-color: "var(--paper-card-background-color)" table-row-alternative-background-color: "var(--sidebar-text_-_background)" onedark: primary-color: "#4180B5" light-primary-color: "#F0C30F" dark-primary-color: "#c66900" text-primary-color: "#D7DADC" primary-background-color: "#37464f" sidebar-text_-_background: "#62717b" paper-card-background-color: "#3F5265" paper-card-header-color: "var(--text-primary-color)" secondary-background-color: "var(--primary-background-color)" primary-text-color: "var(--text-primary-color)" secondary-text-color: "var(--primary-color)" paper-listbox-background-color: "var(--sidebar-text_-_background)" paper-toggle-button-checked-ink-color: "var(--dark-primary-color)" paper-toggle-button-checked-button-color: "var(--dark-primary-color)" paper-toggle-button-checked-bar-color: "var(--dark-primary-color)" paper-slider-knob-color: "var(--primary-color)" paper-slider-knob-start-color: "var(--primary-color)" paper-slider-pin-color: "var(--primary-color)" paper-slider-active-color: "var(--primary-color)" paper-slider-secondary-color: "var(--light-primary-color)" paper-slider-container-color: "var(--sidebar-text_-_background)" paper-progress-secondary-color: "var(--sidebar-text_-_background)" paper-item-selected_-_background-color: "var(--primary-color)" paper-item-icon_-_color: "var(--text-primary-color)" paper-item-icon-color: "var(--sidebar-text_-_background)" paper-item-icon-active-color: "var(--primary-color)" paper-grey-50: "var(--sidebar-text_-_background)" paper-grey-200: "var(--primary-background-color)" label-badge-background-color: "var(--sidebar-text_-_background)" label-badge-text-color: "var(--text-primary-color)" label-badge-red: "var(--primary-color)" label-badge-blue: "var(--light-primary-color)" label-badge-green: "var(--dark-primary-color)" label-badge-yellow: "var(--text-primary-color)" label-badge-grey: "var(--paper-grey-500)" table-row-background-color: "var(--paper-card-background-color)" table-row-alternative-background-color: "var(--sidebar-text_-_background)"