Dark - Blue:
### Main Interface Colors ###
primary-color: "#2F7EFD"
light-primary-color: "#6FA6FE"
primary-background-color: "#1F1F28"
secondary-background-color: var(--primary-background-color)
divider-color: "#2F2F3D"
### Text ###
primary-text-color: "#FFFFFF"
secondary-text-color: "#6FA6FE"
text-primary-color: "#FFFFFF"
disabled-text-color: "#4E4E66"
### Sidebar Menu ###
sidebar-icon-color: "#B6B6C1"
sidebar-text-color: "#F1F1F1"
sidebar-selected-background-color: var(--primary-background-color)
sidebar-selected-icon-color: "#6FA6FE"
sidebar-selected-text-color: var(--sidebar-selected-icon-color)
### States and Badges ###
state-icon-color: "#2F7EFD"
state-icon-active-color: "#FBCD41"
state-icon-unavailable-color: var(--disabled-text-color)
### Sliders ###
paper-slider-knob-color: "#2F7EFD"
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: "#23232E"
label-badge-text-color: "#F1F1F1"
label-badge-red: "#6FA6FE"
### Cards ###
paper-card-background-color: "#23232E"
paper-listbox-background-color: var(--primary-background-color)
### Toggles ###
paper-toggle-button-checked-button-color: "#2F7EFD"
paper-toggle-button-checked-bar-color: "#6FA6FE"
paper-toggle-button-unchecked-button-color: var(--paper-toggle-button-checked-button-color)
paper-toggle-button-unchecked-bar-color: "#3E4756"
### Table row ###
table-row-background-color: var(--primary-background-color)
table-row-alternative-background-color: var(--secondary-background-color)
Light - Blue:
### Main Interface Colors ###
primary-color: "#2F7EFD"
light-primary-color: "#6FA6FE"
primary-background-color: "#FEFEFE"
secondary-background-color: var(--primary-background-color)
divider-color: "#E0E2EA"
### Text ###
primary-text-color: "#4D5575"
secondary-text-color: "#2F7EFD"
text-primary-color: "#FFFFFF"
disabled-text-color: "#A6B0BF"
### Sidebar Menu ###
sidebar-icon-color: "#818AAC"
sidebar-text-color: var(--sidebar-icon-color)
sidebar-selected-background-color: var(--primary-background-color)
sidebar-selected-icon-color: "#6FA6FE"
sidebar-selected-text-color: var(--sidebar-selected-icon-color)
### States and Badges ###
state-icon-color: "#2F7EFD"
state-icon-active-color: "#FBCD41"
state-icon-unavailable-color: var(--disabled-text-color)
### Sliders ###
paper-slider-knob-color: "#2F7EFD"
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: "#4D5575"
label-badge-red: "#6FA6FE"
### Cards ###
paper-card-background-color: "#FCFCFC"
paper-listbox-background-color: var(--primary-background-color)
### Toggles ###
paper-toggle-button-checked-button-color: "#2F7EFD"
paper-toggle-button-checked-bar-color: "#6FA6FE"
paper-toggle-button-unchecked-button-color: var(--paper-toggle-button-checked-button-color)
paper-toggle-button-unchecked-bar-color: "#BFC6D1"
### Table row ###
table-row-background-color: var(--primary-background-color)
table-row-alternative-background-color: var(--secondary-background-color)
Dark - Light Red:
### Main Interface Colors ###
primary-color: "#FF6262"
light-primary-color: "#FF8888"
primary-background-color: "#20252F"
secondary-background-color: var(--primary-background-color)
divider-color: "#2F2F3D"
### Text ###
primary-text-color: "#FFFFFF"
secondary-text-color: "#FF8888"
text-primary-color: "#FFFFFF"
disabled-text-color: "#5B5B77"
### Sidebar Menu ###
sidebar-icon-color: "#7D8BA6"
sidebar-text-color: "#F1F1F1"
sidebar-selected-background-color: var(--primary-background-color)
sidebar-selected-icon-color: "#FF8888"
sidebar-selected-text-color: var(--sidebar-selected-icon-color)
### States and Badges ###
state-icon-color: "#FF6262"
state-icon-active-color: "#FBCD41"
state-icon-unavailable-color: var(--disabled-text-color)
### Sliders ###
paper-slider-knob-color: "#FF6262"
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: "#252B36"
label-badge-text-color: "#F1F1F1"
label-badge-red: "#6C7B9B"
### Cards ###
paper-card-background-color: "#252B36"
paper-listbox-background-color: var(--primary-background-color)
### Toggles ###
paper-toggle-button-checked-button-color: "#FF6262"
paper-toggle-button-checked-bar-color: "#FFA3A3"
paper-toggle-button-unchecked-button-color: "#6C7B9B"
paper-toggle-button-unchecked-bar-color: "#434E62"
### Table row ###
table-row-background-color: var(--primary-background-color)
table-row-alternative-background-color: var(--secondary-background-color)
Light - Light Red:
### Main Interface Colors ###
primary-color: "#FF6262"
light-primary-color: "#FF8888"
primary-background-color: "#F6F7F9"
secondary-background-color: var(--primary-background-color)
divider-color: "#D6DFEB"
### Text ###
primary-text-color: "#395274"
secondary-text-color: "#FF6262"
text-primary-color: "#FFFFFF"
disabled-text-color: "#88A1C4"
### Sidebar Menu ###
sidebar-icon-color: "#395274"
sidebar-text-color: var(--sidebar-icon-color)
sidebar-selected-background-color: var(--primary-background-color)
sidebar-selected-icon-color: "#FF6262"
sidebar-selected-text-color: var(--sidebar-selected-icon-color)
### States and Badges ###
state-icon-color: "#FF6262"
state-icon-active-color: "#FBCD41"
state-icon-unavailable-color: var(--disabled-text-color)
### Sliders ###
paper-slider-knob-color: "#FF6262"
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: "#FFFFFF"
label-badge-text-color: "#395274"
label-badge-red: "#395274"
### Cards ###
paper-card-background-color: "#FFFFFF"
paper-listbox-background-color: var(--primary-background-color)
### Toggles ###
paper-toggle-button-checked-button-color: "#FF6262"
paper-toggle-button-checked-bar-color: "#FFA3A3"
paper-toggle-button-unchecked-button-color: "#395274"
paper-toggle-button-unchecked-bar-color: "#9CB2CE"
### Table row ###
table-row-background-color: var(--primary-background-color)
table-row-alternative-background-color: var(--secondary-background-color)
Dark - Blue/Purple:
### Main Interface Colors ###
primary-color: "#007AFF"
light-primary-color: "#4DA3FF"
primary-background-color: "#141A32"
secondary-background-color: var(--primary-background-color)
divider-color: "#3B4C8B"
### Text ###
primary-text-color: "#FFFFFF"
secondary-text-color: "#4DA3FF"
text-primary-color: "#FFFFFF"
disabled-text-color: "#4F5F78"
### Sidebar Menu ###
sidebar-icon-color: "#4F6B95"
sidebar-text-color: "#CBD5E4"
sidebar-selected-background-color: var(--primary-background-color)
sidebar-selected-icon-color: "#4DA3FF"
sidebar-selected-text-color: var(--sidebar-selected-icon-color)
### States and Badges ###
state-icon-color: "#007AFF"
state-icon-active-color: "#FBCD41"
state-icon-unavailable-color: var(--disabled-text-color)
### Sliders ###
paper-slider-knob-color: "#007AFF"
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: "#1E2747"
label-badge-text-color: "#FFFFFF"
label-badge-red: "#3B4C8B"
### Cards ###
paper-card-background-color: "#1E2747"
paper-listbox-background-color: var(--primary-background-color)
### Toggles ###
paper-toggle-button-checked-button-color: "#FCFCFC"
paper-toggle-button-checked-bar-color: "#4DA3FF"
paper-toggle-button-unchecked-button-color: var(--paper-toggle-button-checked-button-color)
paper-toggle-button-unchecked-bar-color: "#303F79"
### Table row ###
table-row-background-color: var(--primary-background-color)
table-row-alternative-background-color: var(--secondary-background-color)
