Background colour

williammorton · ‎09-29-2017

I'm trying to change the background colour of my ServiceNow instance, but when I change the colour the way the tutorials say

(Basic Configuration page), it makes no difference, even when I click save. Any ideas?

Dylan Mann1 · ‎09-29-2017

Did you try changing the settings in the Basic Configuration UI16 page?

View solution in original post

Dylan Mann1 · ‎09-29-2017

Did you try changing the settings in the Basic Configuration UI16 page?

Jaspal Singh · ‎09-29-2017

Hi William,

You may find links

How can I change background color of a list or rows?

Changing the background color on a field in a list

Rajesh Mushke · ‎09-29-2017

hello william,

Please follow below procedure

onfigure logo, colors, and system defaults for UI16

Configure logo, colors, and system defaults for UI16

You can use the Basic Configuration UI16 module to brand your instance with your company logo and colors and set basic system defaults. This place is the best starting point if you are setting up your instance for the first time or if you have recently enabled UI16.

Before you beginTo prepare for completing basic configuration, gather the following information.

Obtain the company banner image to use in the header. The image can be high resolution, but when it displays it is scaled based on the aspect ratio. It scales to a maximum of 20px high.
Get the brand color hex or RGB numbers of your company, typically from your marketing department. Use them to decide how to configure the UI background colors.

Role required: adminAbout this taskEach color selection option provides a color picker to select a color. The text box beside the color picker lets you enter the value of the color as any of the following CSS formats.

Name: predefined color names, such as red, green, blue
RGB decimal: RGB(102, 153, 204)
RGB hex: #223344

Refer to HTML Color Names (W3CSchools) for information about HTML color names.Procedure

Navigate to System Properties > Basic Configuration UI16

Complete the configuration by changing any of the following settings.

Page header caption	glide.product.description	Change the text that appears next to your logo.
Browser tab title	glide.product.name	Change the text that appears on the browser tab
System timezone for all users unless overridden in the user's record	glide.sys.default.tz	Select the timezone in the choice list.Click Configure available time zones to select the time zones that your users can select from in user preferences.
Banner image for UI16	glide.product.image.light	Click + next to the image and upload your logo.
Date formatTime format	glide.sys.date_formatglide.sys.time_format	Select the date and time formats from the choice lists.
Header background color	css.$navpage-header-bg	Select or enter the color.
Banner text color	css.$navpage-header-color	Select or enter the color.
Header divider stripe color	css.$navpage-header-divider-color	Select or enter the color.
Navigation header/footer	css.$navpage-nav-bg	Select or enter the color.
Navigation selected tab background color	css.$navpage-nav-selected-bg	Select or enter the color.
Navigation separator color	css.$nav-hr-color	Select or enter the color.
Background for navigator and sidebars	css.$navpage-nav-bg-sub	Select or enter the color.
Unselected navigation tab icon and favorite icons color	css.$navpage-nav-unselected-color	Select or enter the color.
Currently selected Navigation tab icon color for UI16	css.$navpage-nav-selected-color	Select or enter the color.
Module text color for UI16	css.$navpage-nav-color-sub	Select or enter the color.
Border color for UI16	css.$navpage-nav-border	Select or enter the color. Also affects the border of the Filter conversationssearch box in the Connect Chat sidebar.