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)"