Skip to main content

ServiceNow Next UI: theme your instance - QUICK HACKS

note: Utah release brings in Theme builder changes which may make below steps unnecessary

ServiceNow Next UI: theme your instance - QUICK HACKS

to change the header colour:


apply it across the board:



  • go to sys_ux_style and create an entry as follows (give it whatever name you prefer, e.g. 'header UAT':


grab your own variant color code from https://htmlcolorcodes.com/

see below to copy paste code
  • go to now experience framework> themes, create a new theme, and reference the above newly created from UX Theme Styles tab

  • create new system property glide.ui.polaris.theme.custom and copy-paste the sys_id of the above new theme

apply it as a user preference:

similar steps to above, but set the sys_ux_style type to 'variant' (use insert and stay) then add it to the same theme as the core one. Log out and back in and go to user preferences> themes




other options

see the ux style 'colors' for list of options/ideas
(https://<YOUR_INSTANCE>.service-now.com/nav_to.do?uri=sys_ux_style.do?sys_id=a197a38107b03010e03948f78ad30059 )

menu color




{
    "base": { },
    "properties": {
        "--now-unified-nav_header--background-color":"51,172,255",
        "--now-menu--background-color": "51,172,255"
    }
}

sidebar color




{
    "base": { 
       
    },
    "properties": {
        "--now-unified-nav_header--background-color":"51,172,255",
        "--now-menu--background-color": "51,172,255",
        "--now-unified-nav_menu--background-color": "51,172,255"
    }
}

revert back to default

just blank the glide.ui.polaris.theme.custom sys property


revert back to default - with variants

the following theme achieves this, reference its sys id in the above property









(it should remember the variant selection next time you log in)



(ServiceNow )






Comments

Popular posts from this blog

URL link in addInfoMessage

var ga=new GlideAjax('gld_HR_ajax'); ga.addParam('sysparm_name', 'checkEmployeeNumber_hrProfile'); ga.addParam('sysparm_hrprofilenumber', g_form.getValue('number')); ga.addParam('sysparm_employeenumber', newValue); ga.getXMLAnswer(function(answer) { if (answer!='undefined' && answer!=''){ var navURL="<a style='text-decoration:underline;color:blue' href=hr_profile.do?sysparm_query=number=" + answer + ">" + answer + "</a><img width='3' src='images/s.gif'/>"; var sMsg='The employee number entered already exists on another HR Profile ' + navURL; //alert(sMsg); g_form.showErrorBox('employee_number', 'error - please check'); g_form.addInfoMessage(sMsg); } });

GlideRecord setValue

setValue(String name, Object value) Sets the specified field to the specified value. Normally a script would do a direct assignment, for example,  gr.category = value . However, if in a script the element name is a variable, then  gr.setValue(elementName, value)  can be used. When setting a value, ensure the data type of the field matches the data type of the value you enter. This method cannot be used on journal fields. If the value parameter is null, the record is not updated, and an error is not thrown https://developer.servicenow.com/app.do#!/api_doc?v=madrid&id=r_GlideRecord-setValue_String_Object