You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
59 lines
2.7 KiB
59 lines
2.7 KiB
5 years ago
|
clear_dark:
|
||
|
|
# Colors
|
||
|
|
text-color: "#DADADB" # Grey text
|
||
|
|
text-medium-light-color: "#A0A2A8" # Medium-light grey text
|
||
|
|
text-medium-color: "#80828A" # Medium grey text
|
||
|
|
text-dark-color: "#6A6B74" # Dark grey text
|
||
|
|
accent-color: "#008bef" # Blue
|
||
|
|
accent-medium-color: "#2686c1" # Decent blue
|
||
|
|
background-color: "#3b4049" # Dark grey background
|
||
|
|
background-color-2: "#484E59" # Light grey background
|
||
|
|
background-card-color: "#434952" # Grey background
|
||
|
|
border-color: "#383C46" # Grey border
|
||
|
|
|
||
|
|
# Header
|
||
|
|
primary-color: "#363941" # Background
|
||
|
|
text-primary-color: "var(--text-color)" # Text
|
||
|
|
|
||
|
|
# Left Menu
|
||
|
|
paper-listbox-background-color: "var(--background-color)" # Background
|
||
|
|
sidebar-icon-color: "var(--text-medium-color)" # icons
|
||
|
|
sidebar-selected-icon-color: "var(--text-medium-light-color)" # Selected row icon and background (15%)
|
||
|
|
sidebar-selected-text-color: "var(--text-color)" # Selected row label
|
||
|
|
|
||
|
|
# UI
|
||
|
|
paper-card-header-color: "var(--text-color)" # Title in settings
|
||
|
|
primary-background-color: "var(--background-color)" # Background (also title background in left menu)
|
||
|
|
mdc-theme-primary: "var(--accent-medium-color)" # Action Buttons (save, restart etc.)
|
||
|
|
|
||
|
|
# Card
|
||
|
|
paper-card-background-color: "var(--background-card-color)" # Background
|
||
|
|
dark-primary-color: "var(--text-color)"
|
||
|
|
primary-text-color: "var(--text-color)"
|
||
|
|
paper-listbox-color: "var(--text-color)"
|
||
|
|
light-primary-color: "var(--text-dark-color)"
|
||
|
|
secondary-text-color: "var(--text-medium-color)"
|
||
|
|
disabled-text-color: "var(--text-dark-color)"
|
||
|
|
paper-dialog-button-color: "var(--text-color)"
|
||
|
|
secondary-background-color: "var(--background-color-2)" # Background more info title
|
||
|
|
|
||
|
|
# Icons
|
||
|
|
paper-item-icon-color: "var(--text-dark-color)" # Off
|
||
|
|
paper-item-icon-active-color: "var(--accent-color)" # On
|
||
|
|
|
||
|
|
# Switches
|
||
|
|
paper-toggle-button-checked-button-color: "var(--text-medium-light-color)" # Knob On
|
||
|
|
paper-toggle-button-checked-bar-color: "#009FFF" # Background On
|
||
|
|
paper-toggle-button-unchecked-button-color: "var(--text-medium-light-color)" # Knob Off
|
||
|
|
paper-toggle-button-unchecked-bar-color: "#767682" # Background Off
|
||
|
|
|
||
|
|
# Shadows
|
||
|
|
shadow-elevation-2dp_-_box-shadow: "inset 0px 0px 0px 1px var(--border-color)"
|
||
|
|
shadow-elevation-4dp_-_box-shadow: "var(--shadow-elevation-2dp_-_box-shadow)"
|
||
|
|
shadow-elevation-6dp_-_box-shadow: "var(--shadow-elevation-2dp_-_box-shadow)"
|
||
|
|
shadow-elevation-8dp_-_box-shadow: "var(--shadow-elevation-2dp_-_box-shadow)"
|
||
|
|
shadow-elevation-10dp_-_box-shadow: "var(--shadow-elevation-2dp_-_box-shadow)"
|
||
|
|
shadow-elevation-12dp_-_box-shadow: "var(--shadow-elevation-2dp_-_box-shadow)"
|
||
|
|
shadow-elevation-14dp_-_box-shadow: "var(--shadow-elevation-2dp_-_box-shadow)"
|
||
|
|
shadow-elevation-16dp_-_box-shadow: "0px 0px 0px 3px var(--text-dark-color)"
|