Selected items not visible due to text colour in Servicenow Interactive filter

tanuja_g
Tera Contributor

Hi Team,

 

Change Report Issue - Interactive Filter - Reference - Multiple - Selected items not visible due to text colour

 

Example used: Out of box interactive Filter: Reference >> Change Assignment Group - Multiple

 

Issue details: when you select multiple items from drop down box the default fonts are white text on white box and you are unable to read what the selections are without having to hover over them.  In the below example I have selected 4 drop down values to filter by and items selected can not be seen by user due to Text being white inside a white box until I hover over each item.

tanuja_g_0-1714483585678.png

 

Now when I hover over each selected Filter

tanuja_g_1-1714483635789.png

tanuja_g_2-1714483644344.pngtanuja_g_3-1714483662209.png

How to change the colour of the above selected items.

 

Any solutions should be helpful.

Thanks in advance.

 

 

1 REPLY 1

Sujatha V M
Kilo Patron
Kilo Patron

@tanuja_g  I tried to replicate the issue that you have posted. Please find my comments below, 

 

1. From the browser, tried to retrieve the CSS details using "Inspect" option.  

 

Before changes to the OOB background : 

SujathaVM_0-1714930834700.png

 

After unchecking the background option, it removes the background from the choice. 

SujathaVM_1-1714930930254.png

 

2. Verified in Polaris base theme, unfortunately its non-editable. 

 

Link to access the Polaris base theme : https://<instance_name>.service-now.com/sys_ui_base_theme.do?sys_id=ef592f19c7a62010b0fd409b9b97639b&sysparm_view=

 

SujathaVM_3-1714931260125.png

 

Link to access the configurationshttps://<instance_name>.service-now.com/styles/interactive_filters.cssx?v=04-04-2024_0911&c=1080fa281b8a4210f7c60d03604bcbb2&theme=Polaris

 

3. In your case, the colors are different and it must override the existing CSS. First validate using "Inspect" option does it match with the OOB value and check for any customized style sheet which allows to modify it. 

 

If not, raise a support case with ServiceNow to investigate on the issue as you have mentioned its OOB. 

 

Please mark this as helpful and accept it as a solution if this resolves your query.

Thanks,

Sujatha V.M.

 

 

 

 

Please mark this as helpful and accept it as a solution if this resolves your query.
Sujatha V.M.