323 lines
15 KiB
YAML
323 lines
15 KiB
YAML
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)"
|