Change the color value of a CSS element through UX Style

[kevinbruneau]

Hi there,

I am trying to change the color property of search icon when opening the "Sidebar dicussions". Currently, it's color is white (White on white, so we can't see it - Would like to change it's color to black.)

I can see that it's color is being impacted through CSS, see screenshot below

If I change the color value of "--now-color--neutral-0" via the UX Style, way too many things are impacted.

Is there a specific "--now-..." property that I can use that would only/mostly impact that specific icon?

For example, to change the "Unread", "This record" and "More", I used "--now-unified-nav_utility-panel-tabs--background-color" and set it's value to black (0,0,0).

Thanks!!

Kevin B

[RaghavSh]

I believe the short answer is no. You already figured out that "--now-color--neutral-0" cannot be changed as it has quite a lot of impacts.

In some cases you can create your own UX style and apply to your components but here for sidebar discussion I dont think there is an option ton add a newly created UX style.