Theme text color

Installation Home Assistant OS
1

Anyone know how to change the color of this text? I can’t figure out where this black text is getting it’s value. Upon inspection it looks like its inherited from the paper-listbox which is using the primary-text-color. But changing that value doesn’t change anything. Here’s the config for the theme I’m using.

Screenshot_20190215-103642~2
Screenshot_20190215-103642~21741×2048 194 KB

OneDark:
primary-color: ‘#1d1f23’
accent-color: ‘#e06c75’
dark-primary-color: ‘var(–accent-color)’
light-primary-color: ‘var(–accent-color)’
primary-text-color: ‘#fff’
text-primary-color: ‘var(–primary-text-color)’
text-dark-color: ‘#FFFFFF’
secondary-text-color: ‘#61afef’
disabled-text-color: ‘#848d9f’
label-badge-border-color: ‘#98c379’
primary-background-color: ‘#1d1f23’
secondary-background-color: ‘#1d1f23’
divider-color: ‘rgba(0, 0, 0, .12)’
table-row-background-color: ‘#353840’
table-row-alternative-background-color: ‘#3E424B’
paper-listbox-color: ‘var(–primary-color)’
paper-listbox-background-color: ‘#282c34’
paper-grey-50: ‘var(–primary-text-color)’
paper-grey-200: ‘#414A59’
paper-card-header-color: ‘var(–accent-color)’
paper-card-background-color: ‘rgba(40, 44, 52, 1)’
paper-dialog-background-color: ‘#282c34’
paper-item-icon-color: ‘var(–primary-text-color)’
paper-item-icon-active-color: ‘#d19a66’
paper-item-selected_-_background-color: ‘#282c34’
paper-tabs-selection-bar-color: ‘#98c379’
label-badge-red: ‘var(–accent-color)’
label-badge-text-color: ‘var(–primary-text-color)’
label-badge-background-color: ‘#1d1f23’
paper-toggle-button-checked-button-color: ‘var(–accent-color)’
paper-toggle-button-checked-bar-color: ‘var(–accent-color)’
paper-toggle-button-checked-ink-color: ‘var(–accent-color)’
paper-toggle-button-unchecked-button-color: ‘var(–disabled-text-color)’
paper-toggle-button-unchecked-bar-color: ‘var(–disabled-text-color)’
paper-toggle-button-unchecked-ink-color: ‘var(–disabled-text-color)’
paper-slider-knob-color: ‘var(–accent-color)’
paper-slider-knob-start-color: ‘var(–accent-color)’
paper-slider-pin-color: ‘var(–accent-color)’
paper-slider-active-color: ‘var(–accent-color)’
paper-slider-container-color: ‘linear-gradient(var(–primary-background-color), var(–secondary-background-color)) no-repeat’
paper-slider-secondary-color: ‘var(–secondary-background-color)’
paper-slider-disabled-active-color: ‘var(–disabled-text-color)’
paper-slider-disabled-secondary-color: ‘var(–disabled-text-color)’
google-red-500: ‘#e06c75’
google-green-500: ‘#98c379’

2

Hi - this is probably too late for you! But here is what worked for me:

paper-listbox-color: Navigation menu selection text; including the text in top right menu
paper-listbox-background-color: the background colour.

Note that you have the top one here already, but set to ‘primary-color’ - which is in turn set to ‘1d1f23’. This is pretty much black, and should be the color of the text in your image.

3

So I changed that value to a lighter color and it worked. However, I tried that before and I swear it didn’t work. Weird. But thanks!!