Dark - Cyan:
### Main Interface Colors ###
primary-color: "#00E4D7"
light-primary-color: "#71FFF7"
primary-background-color: "#1F1F28"
secondary-background-color: var(--primary-background-color)
divider-color: "#2C2C39"
### Text ###
primary-text-color: "#F7F8FA"
secondary-text-color: "#00E2D8"
text-primary-color: "#FFFFFF"
disabled-text-color: "#5B7283"
### Sidebar Menu ###
sidebar-icon-color: "#BCC5D1"
sidebar-text-color: "#F7F8FA"
sidebar-selected-background-color: var(--primary-background-color)
sidebar-selected-icon-color: "#00E2D8"
sidebar-selected-text-color: var(--sidebar-selected-icon-color)
### States and Badges ###
state-icon-color: "#00C5E3"
state-icon-active-color: "#FBCD41"
state-icon-unavailable-color: var(--disabled-text-color)
### Sliders ###
paper-slider-knob-color: "#00E2D8"
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: "#00C5E3"
### Labels ###
label-badge-background-color: "#2F2F3D"
label-badge-text-color: "#F7F8FA"
label-badge-red: "#444459"
### Cards ###
paper-card-background-color: "#23232E"
paper-listbox-background-color: var(--primary-background-color)
### Toggles ###
paper-toggle-button-checked-button-color: "#00E2D8"
paper-toggle-button-checked-bar-color: "#00EDE0"
paper-toggle-button-unchecked-button-color: "#A8B3C3"
paper-toggle-button-unchecked-bar-color: "#CED5DD"
### Table row ###
table-row-background-color: var(--primary-background-color)
table-row-alternative-background-color: var(--secondary-background-color)
Light - Cyan:
### Main Interface Colors ###
primary-color: "#00E4D7"
light-primary-color: "#71FFF7"
primary-background-color: "#F7F8FA"
secondary-background-color: var(--primary-background-color)
divider-color: "#E4E8EE"
### Text ###
primary-text-color: "#6D7A8C"
secondary-text-color: "#00E2D8"
text-primary-color: "#FFFFFF"
disabled-text-color: "#BECAD2"
### Sidebar Menu ###
sidebar-icon-color: "#BCC5D1"
sidebar-text-color: "#6D7A8C"
sidebar-selected-background-color: var(--primary-background-color)
sidebar-selected-icon-color: "#00E2D8"
sidebar-selected-text-color: var(--sidebar-selected-icon-color)
### States and Badges ###
state-icon-color: "#00C5E3"
state-icon-active-color: "#FBCD41"
state-icon-unavailable-color: var(--disabled-text-color)
### Sliders ###
paper-slider-knob-color: "#00E2D8"
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: "#00C5E3"
### Labels ###
label-badge-background-color: "#F7F8FA"
label-badge-text-color: "#6D7A8C"
label-badge-red: "#BCC5D1"
### Cards ###
paper-card-background-color: "#FBFBFD"
paper-listbox-background-color: var(--primary-background-color)
### Toggles ###
paper-toggle-button-checked-button-color: "#00E2D8"
paper-toggle-button-checked-bar-color: "#00EDE0"
paper-toggle-button-unchecked-button-color: "#A8B3C3"
paper-toggle-button-unchecked-bar-color: "#CED5DD"
### Table row ###
table-row-background-color: var(--primary-background-color)
table-row-alternative-background-color: var(--secondary-background-color)
Dark - Purple:
### Main Interface Colors ###
primary-color: "#4C3FF9"
light-primary-color: "#6F64FA"
primary-background-color: "#262938"
secondary-background-color: var(--primary-background-color)
divider-color: "#313549"
### Text ###
primary-text-color: "#F7F8FA"
secondary-text-color: "#00ECCA"
text-primary-color: "#FFFFFF"
disabled-text-color: "#616387"
### Sidebar Menu ###
sidebar-icon-color: "#4C3FF9"
sidebar-text-color: "#F7F8FA"
sidebar-selected-background-color: var(--primary-background-color)
sidebar-selected-icon-color: "#00ECCA"
sidebar-selected-text-color: var(--sidebar-selected-icon-color)
### States and Badges ###
state-icon-color: "#00ECCA"
state-icon-active-color: "#F7AA1C"
state-icon-unavailable-color: var(--disabled-text-color)
### Sliders ###
paper-slider-knob-color: "#00ECCA"
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: "#2E2F40"
label-badge-text-color: "#F7F8FA"
label-badge-red: "#323346"
### Cards ###
paper-card-background-color: "#2E2F40"
paper-listbox-background-color: var(--primary-background-color)
### Toggles ###
paper-toggle-button-checked-button-color: "#4C3FF9"
paper-toggle-button-checked-bar-color: "#262938"
paper-toggle-button-unchecked-button-color: var(--paper-toggle-button-checked-button-color)
paper-toggle-button-unchecked-bar-color: "#262938"
### Table row ###
table-row-background-color: var(--primary-background-color)
table-row-alternative-background-color: var(--secondary-background-color)
Light - Purple:
### Main Interface Colors ###
primary-color: "#4C3FF9"
light-primary-color: "#6F64FA"
primary-background-color: "#F7F8FA"
secondary-background-color: var(--primary-background-color)
divider-color: "#C4CCDA"
### Text ###
primary-text-color: "#2E2F40"
secondary-text-color: "#00ECCA"
text-primary-color: "#FFFFFF"
disabled-text-color: "#AEAFC4"
### Sidebar Menu ###
sidebar-icon-color: "#4C3FF9"
sidebar-text-color: "#2E2F40"
sidebar-selected-background-color: var(--primary-background-color)
sidebar-selected-icon-color: "#00ECCA"
sidebar-selected-text-color: var(--sidebar-selected-icon-color)
### States and Badges ###
state-icon-color: "#00ECCA"
state-icon-active-color: "#F7AA1C"
state-icon-unavailable-color: var(--disabled-text-color)
### Sliders ###
paper-slider-knob-color: "#00ECCA"
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: "#F7F8FA"
label-badge-text-color: "#2E2F40"
label-badge-red: "#AFB0C5"
### Cards ###
paper-card-background-color: "#FBFBFD"
paper-listbox-background-color: var(--primary-background-color)
### Toggles ###
paper-toggle-button-checked-button-color: "#4C3FF9"
paper-toggle-button-checked-bar-color: "#262938"
paper-toggle-button-unchecked-button-color: var(--paper-toggle-button-checked-button-color)
paper-toggle-button-unchecked-bar-color: "#262938"
### Table row ###
table-row-background-color: var(--primary-background-color)
table-row-alternative-background-color: var(--secondary-background-color)
Light - Navy Blue:
### Main Interface Colors ###
primary-color: "#395274"
light-primary-color: "#5F81B0"
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: "#FF8888"
### 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: "#FF6262"
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)
