I have been trying to figure out how to create a black on black theme and all of the text be visible. I was told it wasn’t possible due to the way HA theme is designed. Well…good enough for me!
Darkest-Nightz:
dark-primary-color: "#4d4d4d"
disabled-text-color: "#5e5e6e"
light-primary-color: "#a2a2a9"
paper-card-background-color: "#121317"
paper-grey-200: "#acacb9"
paper-item-icon-color: "#c8c8d0"
paper-listbox-background-color: "#0b0e0f"
primary-background-color: "#0b0e0f"
primary-color: "4d4d4d" # # # # # # # # # <<---- DO NOT CHANGE # # #
primary-text-color: "#f2f2f2"
secondary-text-color: "#babac4"
text-primary-color: "#d6d6dc"
secondary-background-color: "#737373"
sidebar-text_-_background: "#66757f"
paper-card-header-color: "var(--paper-item-icon-color)"
paper-item-icon-active-color: "#e4da00"
paper-item-icon_-_color: "var(--primary-text-color)"
paper-listbox-color: "var(--primary-text-color)"
paper-grey-50: "var(--primary-text-color)"
paper-slider-active-color: "var(--light-primary-color)"
paper-slider-knob-color: "var(--paper-item-icon-color)"
paper-slider-knob-start-color: "var(--secondary-background-color)"
paper-slider-pin-color: "var(--secondary-background-color)"
paper-slider-secondary-color: "var(--dark-primary-color)"
paper-toggle-button-checked-ink-color: "var(--dark-primary-color)"
paper-toggle-button-checked-button-color: "#e4da00"
paper-toggle-button-unchecked-button-color: "var(--table-row-background-color)"
paper-toggle-button-checked-bar-color: "var(--paper-item-icon-color)"
paper-toggle-button-unchecked-bar-color: "var(--paper-item-icon-color)"
table-row-background-color: "#22232b"
table-row-alternative-background-color: "var(--paper-card-background-color)"
sidebar-icon-color: "#838395"
sidebar-text-color: "#F1F1F1"
sidebar-selected-background-color: "var(--primary-background-color)"
sidebar-selected-icon-color: "#b3b3b3"
sidebar-selected-text-color: "var(--sidebar-selected-icon-color)"
divider-color: 'hsl(220, 5%, 38%)'
dark-divider-opacity: '0.5'
light-divider-opacity: '0.1'
shadow-elevation-2dp_-_box-shadow: 'inset 0px 0px 0px 4px hsl(220, 5%, 27%)'
shadow-elevation-16dp_-_box-shadow: 'inset 0px 0px 0px 4px hsl(220, 5%, 38%)'
paper-font-headline_-_letter-spacing: '-0.2px'
paper-font-headline_-_font-weight: '500'
paper-font-body1_-_font-weight: '500'
label-badge-red: 'hsla(0, 0%, 0%, 0)'
label-badge-border-color: 'var(--label-badge-red)'
label-badge-background-color: 'var(--paper-card-background-color)'
label-badge-text-color: 'var(--primary-text-color)'
primary-font-family: "Verdana"
paper-font-common-base_-_font-family: "var(--primary-font-family)"
paper-font-common-code_-_font-family: "var(--primary-font-family)"
paper-font-body1_-_font-family: "var(--primary-font-family)"
paper-font-subhead_-_font-family: "var(--primary-font-family)"
paper-font-headline_-_font-family: "var(--primary-font-family)"
paper-font-caption_-_font-family: "var(--primary-font-family)"
paper-font-title_-_font-family: "var(--primary-font-family)"
google-red-500: "#cc0000"
google-blue-500: "#0033cc"
google-green-500: "#00cc00"
google-yellow-500: "#ffff66"
Let me know what you think.