Dropdown text color property?

[agriner]

Is there a way to change the color property on a Dropdown component’s text? Changing the font and boldening the text works fine but actually changing the color doesn’t seem to work.

[josborn]

Interesting, the text color will change the “x” when an item is selected, but won’t change the selected items text color.
The text color for options does work. Might be a bug?

[matthew.gollasch]

I get the same results as josborn on 8.1.11. Neither “style” or “dropdownOptionStyle” change the valuePill color.

In the theme, this color can be changed by modifying the CSS variable in “C:\Program Files\Inductive Automation\Ignition\data\modules\com.inductiveautomation.perspective\themes\themeName\common”:

.ia_dropdown__valuePill__value {
    color: var(--neutral-80);
}

[victordcq]

Someone else asked about this before, here was my fix.

[BUG-1535] Perspective cannot change text colour of Dropdown component text

This is the evildoer: [image] should kinda be defaulted by ignition, as the color assigned there serves no purpose, (also what a weird class name) but can be fixed: change this into theme.css .ia_dropdown__valuePill__value { color: unset; } or inject it into a styleclass }.ia_dropdown__valuePill__value { color: unset; }{ [image] for the dropdown shape you can do the same for .ia_dropdown__expandIcon { fill: unset; }

you should not modify the base theme.css files but create a new one which overwrites that line. Or use css injection

[agriner]

Thanks, everybody! It’s good to now that I’m not the only one that’s run into this.