Dev Instance re-adding color and banner

Hitesh Ramba
Tera Contributor

How Can I Update Dev Instance to re-add color and banner indicating it is Dev instance . It is next experience instance. Provide the proper solution for it

 

Thank You!

Hitesh Ramba

1 ACCEPTED SOLUTION

Community Alums
Not applicable

Hi @Hitesh Ramba  ,

Please use below CSS file, I'm adding the whole 2000 line in that file this will work you.

Copy and paste that css in that

 

Please mark my answer correct and helpful if this works for you

 

Thanks and Regards 

Sarthak

 

View solution in original post

8 REPLIES 8

Community Alums
Not applicable

Hi @Hitesh Ramba  ,

You can navigate to below link -

<yourInstance>.service-now.com/$system_properties_ui.do?sysparm_title=System%20Configuration%20UI16&sysparm_category=System%20Configuration%20UI16

 

Or 

All> System Properties> Basic Configuration UI 16

 

Here you can find everything color and theme that your instance is using 

 

Image for reference 

SarthakKashya2_0-1714117369654.png

 

Please mark my answer correct and helpful if this works for you

 

Thanks and Regards 

Sarthak

I USed this ,but its not working

Community Alums
Not applicable

Hi @Hitesh Ramba  , 

Please refer below steps it works for me 

 

  1. Go to sys_ux_style.list
    1. Open Colors
      1.       Copy All of JSON in the style box
    2. Return to the UX Styles List and Click New
      1. Enter a name
      2. Paste in the JSON you previously copied
      3. Search for “now-unified-nav_header--background-color”
        1. In the Red text change the default color to the RGB color you want (hint: if you scroll to the top of the style you will see many examples of RGB colors you can copy)
        2. Click Submit

 

  1. Go to sys_ux_theme.list and click new
    1. Give it a name
    2. On the Compositional App Theme Click on the style column and choose the style you created in the previous step
    3. Then use the insert a new row  functionality and add three more styles
      1. UI16 Dashboard Visualization Compatibility
      2. Shape and Form
      3. Typography
    4. Save the Theme
    5. Ensure all the styles have an order of 0 and a type of Core
    6. Copy the sys id
  2. Got to sys_properties.list and click NEW
    1. Name - glide.ui.polaris.theme.custom
    2. Type – string (should be default)
    3. Value – the sys id from previous step
    4. SAVE
  3. Log out and log back in again and the new banner should be available
  4. Ensure tables sys_ux_style and  sys_ux_theme are excluded from a clone back

 

Result : 

SarthakKashya2_0-1714118389155.png

Now my header is RED in color

 

I hope this helps you to resolve your query

 

Please mark my answer correct and helpful if this works for you

 

Thanks and Regards 

Sarthak

What is this line , Can You clearly explain!

4.Ensure tables sys_ux_style and  sys_ux_theme are excluded from a clone back