How to modify CSS to change list layout of instance in Geneva ui16. The list always appears in Gray and white.

[Mrudula6]

Hello,

Need to know if anybody knows how to theme an instance in UI16. I have prepared a custom theme for an instance, but unable to change the list-layout css for the same. We are on Geneva version-Patch 5. Have tried using below lines, but one has to manually re-select theme in order for it to get applied. If the user has no prefernce set, the list layout appears gray and white as default.

list.row.even.background.color: white !important;

list.row.odd.background.color: #c0df8c !important;

Appreciate your response.

Thanks,

Mrudula

[LearnerSubho]

Hello Mrudula,

Check this out : CSS Theme Support - ServiceNow Wiki

There it is mentioned,

list.row.even.background.color: #EEEEEE

list.row.highlight.background.color: #EEE

[Mrudula6 · Accepted solution]

Hello Subhankar,

Thank you for your response.

Unfortunately, this doesn't work for UI16. I have tried it already. One has to manually select theme in order for this to get applied which is not feasible from all users.

Thanks,

Mrudula

[Shawn Dowler]

You can set a default theme other than system for all users If you go to the user preferences table and create the following record:

Name: glide.css.theme.ui16

Value: [the sys_id of the theme you want to be default for all users]

System: true (checked)

User: [leave this blank]

Description: Set [name of theme] Theme for All Users

I hope that helps!

[telmo]

Hi Mrudula,

If you go to sys_properties.list:

Create the properties you want:

css.list.row.even.background.color

css.list.row.odd.background.color

They will be used in your default UI16 theme.

If needed add them also to the theme definition you need.

Regards