Hi guys,
check out my Hopscotch Theme:
hopscotch-dark:
primary-color: "#00acc1"
accent-color: "#fd8b19"
text-primary-color: "#dae0e0"
dark-primary-color: "#007c91"
disabled-text-color: "#707070"
light-primary-color: "#5ddef4"
primary-background-color: "#392f4b"
secondary-background-color: "#645287"
paper-listbox-background-color: "#302c4b"
card-background-color: "var(--secondary-background-color)"
default-primary-color: "var(--primary-color)"
ha-user-badge: "var(--accent-color)"
label-badge-red: "var(--primary-color)"
label-badge-text-color: "var(--primary-text-color)"
lumo-body-text-color: "var(--dark-primary-color)"
lumo-primary-color: "var(--text-primary-color)"
lumo-primary-text-color: "var(--text-primary-color)"
lumo-secondary-text-color: "var(--text-primary-color)"
mdc-theme-primary: "var(--primary-color)"
paper-card-background-color: "var(--secondary-background-color)"
paper-card-header-color: "var(--text-primary-color)"
paper-grey-200: "var(--paper-listbox-background-color)"
paper-grey-50: "var(--primary-text-color)"
paper-icon-item: "var(--accent-color)"
paper-item-icon-active-color: "var(--accent-color)"
paper-item-icon-color: "var(--primary-text-color)"
paper-item-selected_-_background-color: "var(--paper-card-background-color)"
paper-light-blue-500: "var(--light-primary-color)"
paper-slider-active-color: "var(--primary-color)"
paper-slider-container-color: "linear-gradient(var(--primary-background-color), var(--secondary-background-color)) no-repeat"
paper-slider-knob-color: "var(--primary-color)"
paper-slider-knob-start-color: "var(--primary-color)"
paper-slider-pin-color: "var(--primary-color)"
paper-slider-secondary-color: "var(--secondary-background-color)"
paper-tabs-selection-bar-color: "var(--primary-color)"
paper-toggle-button-checked-bar-color: "var(--primary-color)"
paper-toggle-button-checked-button-color: "var(--primary-color)"
paper-toggle-button-checked-ink-color: "var(--primary-color)"
primary-text-color: "var(--text-primary-color)"
secondary-text-color: "var(--primary-color)"
sidebar-icon-color: "var(--primary-color)"
table-row-alternative-background-color: "var(--paper-card-background-color)"
table-row-background-color: "var(--paper-card-background-color)"
ha-card-border-radius: "10px"
