Survey question header background color is broken after enabling Next Experience UI

Lalith Kumar3 · ‎10-16-2023

Hello Everyone

We initiated the surveys using ServiceNow Survey designer, we have set up the font and question header background color for surveys using the survey properties as mentioned in the document and this is how it looks

we have set the question header background color to - #41E42 by setting it in the below property and it worked fine.

But recently our instance got upgraded to Vancouver version and Next experience UI was enabled. But unfortunately the "question header background color" was broken, it looks like below

I have tried adjusting the survey properties but it did not work out. I tried adjusting the survey questionnaire UI page i.e. "assessment_take2" and added the following html to adjust the question background color

<html>

<head>

<style>

.-polaris .assessment table tr.survey, .-polaris .assessment .template_table tr.header_row {

background-color: #4E142;

}

</style>

</head>

</html>

But for some reason it is getting overridden and the white background appears.

I even raised a case with ServiceNow and they ended up saying

"You can only customize the Caption font color, Caption background color, and Question header background color if Next Experience is turned off."

In my case we want the next experience UI enabled and at the same time adjust the question header background color to #4E142. Could anyone please guide me on how to achieve this requirement??