UX_Style JSON Templates?

Michael Brady · ‎01-15-2023

Has anyone been able to create new themes in the Next Experience? If so, would you mind sharing your JSON into the thread - i have started creating my own, but i don't have a colour pallet generator that works and outputs what is required for ServiceNow. It would be great to get the Green, and Red versions from the older ServiceNow architecture if anyone had them - or just some variety.

Thanks in advance, Mike.

Michael Brady · ‎01-23-2023

I have been able to build some new UX Style's and played around with the colour based off another i have seen in the community. I will post them to the community for others to use, and try.

View solution in original post

Tim_Clark · ‎01-24-2023

ServiceNow have answered the question regarding the generator link, spoiler, it ain't coming back and is being removed from all documentation. Servicenow Support Document KB1215397.

The alternatives they mention do not seem very useful to me.

I would love to see a place where the community posts some working templates. Even a sample output from the old generator who be helpful.

This video (Overriding Themes) is very good at explaining how the themes work and how to customize, I also sense the presenter was frustrated with the themes as well :). Towards the end of the video one of the presenters mentions ServiceNow are developing something to make theme generation easier (safe harbor etc etc). Until then I think we will need to lean on the community for help. I will post any theme JSON for the theme I eventually use but as it stands now, I am starting from scratch because our company colors look great together in documents, but it does not translate well to the primary and secondary colors of a next theme.

View solution in original post

Michael Brady · ‎01-25-2023

Hi Tim, I did post three working templates the other day (seems to be marked as SPAM). You are right though, i was told the same RE the Generator, and like you i have found the alternatives very poor.

Below are some working JSON for the UX Styles i created:

Colour Rosso (RED):

{
"properties": {
"--now-color--neutral-0": "255,255,255",
"--now-color--neutral-1": "247,246,246",
"--now-color--neutral-2": "231,229,229",
"--now-color--neutral-3": "217,213,213",
"--now-color--neutral-4": "201,196,196",
"--now-color--neutral-5": "187,181,181",
"--now-color--neutral-6": "171,164,164",
"--now-color--neutral-7": "156,148,148",
"--now-color--neutral-8": "140,131,131",
"--now-color--neutral-9": "125,116,116",
"--now-color--neutral-10": "108,99,99",
"--now-color--neutral-11": "94,85,85",
"--now-color--neutral-12": "85,76,76",
"--now-color--neutral-13": "76,67,67",
"--now-color--neutral-14": "67,58,58",
"--now-color--neutral-15": "58,50,50",
"--now-color--neutral-16": "48,41,41",
"--now-color--neutral-17": "39,33,33",
"--now-color--neutral-18": "29,24,24",
"--now-color--neutral-19": "20,16,16",
"--now-color--neutral-20": "10,8,8",
"--now-color--neutral-21": "0,0,0",
"--now-color--primary-0": "239,193,193",
"--now-color--primary-1": "194,16,16",
"--now-color--primary-2": "132,11,11",
"--now-color--primary-3": "68,6,6",
"--now-color--secondary-0": "255,254,248",
"--now-color--secondary-1": "255,253,227",
"--now-color--secondary-2": "173,172,154",
"--now-color--secondary-3": "89,89,79",
"--now-color_selection--primary-0": "255,255,251",
"--now-color_selection--primary-1": "255,254,239",
"--now-color_selection--primary-2": "255,253,227",
"--now-color_selection--primary-3": "191,190,170",
"--now-color_selection--primary-4": "128,127,114",
"--now-color_selection--secondary-0": "246,246,244",
"--now-color_selection--secondary-1": "234,233,229",
"--now-color_selection--secondary-2": "221,220,213",
"--now-color_selection--secondary-3": "150,150,145",
"--now-color_selection--secondary-4": "77,77,75",
"--now-color--interactive-0": "239,193,193",
"--now-color--interactive-1": "217,104,104",
"--now-color--interactive-2": "194,16,16",
"--now-color--interactive-3": "126,10,10",
"--now-color--interactive-4": "58,5,5",
"--now-color--link-1": "64, 31, 37",
"--now-color--link-2": "64, 31, 37",
"--now-color--link-3": "64, 31, 37",
"--now-color--link-4": "64, 31, 37",
"--now-color--focus-1": "123,145,254",
"--now-color--focus-2": "66,98,254",
"--now-color--focus-3": "24,36,94",
"--now-color_alert--critical-0": "255,204,210",
"--now-color_alert--critical-1": "255,126,142",
"--now-color_alert--critical-2": "255,51,75",
"--now-color_alert--critical-3": "204,41,60",
"--now-color_alert--critical-4": "153,31,45",
"--now-color_alert--critical-5": "102,20,30",
"--now-color_alert--high-0": "255,229,191",
"--now-color_alert--high-1": "254,189,94",
"--now-color_alert--high-2": "253,151,0",
"--now-color_alert--high-3": "192,115,0",
"--now-color_alert--high-4": "132,79,0",
"--now-color_alert--high-5": "71,42,0",
"--now-color_alert--warning-0": "251,247,191",
"--now-color_alert--warning-1": "246,235,94",
"--now-color_alert--warning-2": "240,224,0",
"--now-color_alert--warning-3": "182,170,0",
"--now-color_alert--warning-4": "125,116,0",
"--now-color_alert--warning-5": "67,63,0",
"--now-color_alert--moderate-0": "225,217,255",
"--now-color_alert--moderate-1": "182,162,255",
"--now-color_alert--moderate-2": "139,107,255",
"--now-color_alert--moderate-3": "106,81,194",
"--now-color_alert--moderate-4": "72,56,133",
"--now-color_alert--moderate-5": "39,30,71",
"--now-color_alert--info-0": "203,233,252",
"--now-color_alert--info-1": "130,201,248",
"--now-color_alert--info-2": "56,170,244",
"--now-color_alert--info-3": "43,129,185",
"--now-color_alert--info-4": "29,88,127",
"--now-color_alert--info-5": "16,48,68",
"--now-color_alert--positive-0": "210,234,189",
"--now-color_alert--positive-1": "145,204,94",
"--now-color_alert--positive-2": "81,174,0",
"--now-color_alert--positive-3": "60,129,0",
"--now-color_alert--positive-4": "38,82,0",
"--now-color_alert--positive-5": "17,37,0",
"--now-color_alert--low-0": "228,228,231",
"--now-color_alert--low-1": "189,190,198",
"--now-color_alert--low-2": "150,152,164",
"--now-color_alert--low-3": "111,112,121",
"--now-color_alert--low-4": "71,71,77",
"--now-color_alert--low-5": "32,32,34",
"--now-color_brand--neutral": "207,232,169",
"--now-color_brand--primary": "194,16,16",
"--now-color_brand--secondary": "255,253,227",
"--now-color_surface--neutral-1": "252,252,252",
"--now-color_surface--neutral-2": "244,243,243",
"--now-color_surface--neutral-3": "235,233,233",
"--now-color_surface--neutral-4": "226,224,224",
"--now-color_surface--neutral-5": "218,215,215",
"--now-color_surface--neutral-6": "210,205,205",
"--now-color_surface--divider-1": "244,243,243",
"--now-color_surface--divider-2": "226,224,224",
"--now-color_surface--divider-3": "209,205,205",
"--now-color_surface--divider-4": "192,187,187",
"--now-color_surface--divider-5": "175,168,168",
"--now-color_surface--divider-6": "157,150,150",
"--now-color_surface--brand-1": "255,255,252",
"--now-color_surface--brand-2": "255,254,247",
"--now-color_surface--brand-3": "255,254,242",
"--now-color_surface--brand-4": "255,254,237",
"--now-color_surface--brand-5": "255,253,232",
"--now-color_surface--brand-6": "255,253,227",
"--now-color_chrome--brand-0": "246,219,219",
"--now-color_chrome--brand-1": "235,179,179",
"--now-color_chrome--brand-2": "225,138,138",
"--now-color_chrome--brand-3": "215,97,97",
"--now-color_chrome--brand-4": "204,57,57",
"--now-color_chrome--brand-5": "194,16,16",
"--now-color_chrome--brand-6": "175,14,14",
"--now-color_chrome--brand-7": "155,13,13",
"--now-color_chrome--brand-8": "136,11,11",
"--now-color_chrome--brand-9": "116,10,10",
"--now-color_chrome--brand-10": "97,8,8",
"--now-color_chrome--divider-0": "231,159,159",
"--now-color_chrome--divider-1": "223,131,131",
"--now-color_chrome--divider-2": "216,102,102",
"--now-color_chrome--divider-3": "209,73,73",
"--now-color_chrome--divider-4": "201,45,45",
"--now-color_chrome--divider-5": "194,16,16",
"--now-color_chrome--divider-6": "163,13,13",
"--now-color_chrome--divider-7": "132,11,11",
"--now-color_chrome--divider-8": "101,8,8",
"--now-color_chrome--divider-9": "70,6,6",
"--now-color_chrome--divider-10": "39,3,3",
"--now-color_grouped--blue-0": "217,244,249",
"--now-color_grouped--blue-1": "159,227,239",
"--now-color_grouped--blue-2": "103,210,230",
"--now-color_grouped--blue-3": "80,164,179",
"--now-color_grouped--blue-4": "59,120,131",
"--now-color_grouped--blue-5": "36,74,81",
"--now-color_grouped--brown-0": "244,233,221",
"--now-color_grouped--brown-1": "227,199,168",
"--now-color_grouped--brown-2": "211,166,117",
"--now-color_grouped--brown-3": "165,129,91",
"--now-color_grouped--brown-4": "120,95,67",
"--now-color_grouped--brown-5": "74,58,41",
"--now-color_grouped--gray-0": "232,234,234",
"--now-color_grouped--gray-1": "197,202,203",
"--now-color_grouped--gray-2": "163,171,172",
"--now-color_grouped--gray-3": "127,133,134",
"--now-color_grouped--gray-4": "93,97,98",
"--now-color_grouped--gray-5": "57,60,60",
"--now-color_grouped--green-0": "212,238,216",
"--now-color_grouped--green-1": "145,211,156",
"--now-color_grouped--green-2": "81,185,98",
"--now-color_grouped--green-3": "63,144,76",
"--now-color_grouped--green-4": "46,105,56",
"--now-color_grouped--green-5": "28,65,34",
"--now-color_grouped--green-yellow-0": "241,246,219",
"--now-color_grouped--green-yellow-1": "220,232,164",
"--now-color_grouped--green-yellow-2": "200,218,110",
"--now-color_grouped--green-yellow-3": "156,170,86",
"--now-color_grouped--green-yellow-4": "114,124,63",
"--now-color_grouped--green-yellow-5": "70,76,39",
"--now-color_grouped--magenta-0": "249,218,239",
"--now-color_grouped--magenta-1": "241,161,215",
"--now-color_grouped--magenta-2": "232,105,191",
"--now-color_grouped--magenta-3": "181,82,149",
"--now-color_grouped--magenta-4": "132,60,109",
"--now-color_grouped--magenta-5": "81,37,67",
"--now-color_grouped--orange-0": "255,226,220",
"--now-color_grouped--orange-1": "255,183,166",
"--now-color_grouped--orange-2": "255,140,114",
"--now-color_grouped--orange-3": "199,109,89",
"--now-color_grouped--orange-4": "145,80,65",
"--now-color_grouped--orange-5": "89,49,40",
"--now-color_grouped--pink-0": "247,223,231",
"--now-color_grouped--pink-1": "235,175,195",
"--now-color_grouped--pink-2": "224,128,160",
"--now-color_grouped--pink-3": "175,100,125",
"--now-color_grouped--pink-4": "128,73,91",
"--now-color_grouped--pink-5": "78,45,56",
"--now-color_grouped--purple-0": "239,222,250",
"--now-color_grouped--purple-1": "213,171,242",
"--now-color_grouped--purple-2": "189,122,234",
"--now-color_grouped--purple-3": "147,95,183",
"--now-color_grouped--purple-4": "108,70,133",
"--now-color_grouped--purple-5": "66,43,82",
"--now-color_grouped--teal-0": "212,240,240",
"--now-color_grouped--teal-1": "145,217,217",
"--now-color_grouped--teal-2": "81,194,194",
"--now-color_grouped--teal-3": "63,151,151",
"--now-color_grouped--teal-4": "46,111,111",
"--now-color_grouped--teal-5": "28,68,68",
"--now-color_grouped--yellow-0": "255,241,212",
"--now-color_grouped--yellow-1": "255,219,145",
"--now-color_grouped--yellow-2": "255,198,81",
"--now-color_grouped--yellow-3": "199,154,63",
"--now-color_grouped--yellow-4": "145,113,46",
"--now-color_grouped--yellow-5": "89,69,28",
"--now-color_background--primary": "255,255,255",
"--now-color_background--secondary": "247,246,246",
"--now-color_background--tertiary": "231,229,229",
"--now-color_divider--primary": "201,196,196",
"--now-color_divider--secondary": "217,213,213",
"--now-color_divider--tertiary": "231,229,229",
"--now-color_text--primary": "29,24,24",
"--now-color_text--secondary": "85,76,76",
"--now-color_text--tertiary": "125,116,116",
"--now-color_border--primary": "156,148,148",
"--now-color_border--secondary": "187,181,181",
"--now-color_border--tertiary": "217,213,213",
"--now-color_focus-ring_shadow": "255,255,255",
"--now-color_focus-ring": "66,98,254"
}
}

Colour Blue Sky:

{
"properties": {
"--now-color--neutral-0": "255,255,255",
"--now-color--neutral-1": "245,246,247",
"--now-color--neutral-2": "226,229,231",
"--now-color--neutral-3": "208,213,216",
"--now-color--neutral-4": "189,195,199",
"--now-color--neutral-5": "172,179,184",
"--now-color--neutral-6": "154,162,167",
"--now-color--neutral-7": "137,145,151",
"--now-color--neutral-8": "119,128,134",
"--now-color--neutral-9": "102,112,119",
"--now-color--neutral-10": "84,94,101",
"--now-color--neutral-11": "69,79,86",
"--now-color--neutral-12": "60,70,77",
"--now-color--neutral-13": "53,62,70",
"--now-color--neutral-14": "46,55,62",
"--now-color--neutral-15": "38,47,53",
"--now-color--neutral-16": "32,40,45",
"--now-color--neutral-17": "25,32,36",
"--now-color--neutral-18": "19,24,27",
"--now-color--neutral-19": "12,16,18",
"--now-color--neutral-20": "6,8,9",
"--now-color--neutral-21": "0,0,0",
"--now-color--primary-0": "199,214,234",
"--now-color--primary-1": "40,99,173",
"--now-color--primary-2": "27,67,118",
"--now-color--primary-3": "14,35,61",
"--now-color--secondary-0": "251,227,232",
"--now-color--secondary-1": "241,149,168",
"--now-color--secondary-2": "164,101,114",
"--now-color--secondary-3": "84,52,59",
"--now-color_selection--primary-0": "248,252,252",
"--now-color_selection--primary-1": "229,242,242",
"--now-color_selection--primary-2": "209,233,232",
"--now-color_selection--primary-3": "157,175,174",
"--now-color_selection--primary-4": "105,117,116",
"--now-color_selection--secondary-0": "253,247,249",
"--now-color_selection--secondary-1": "250,235,241",
"--now-color_selection--secondary-2": "247,223,233",
"--now-color_selection--secondary-3": "168,152,158",
"--now-color_selection--secondary-4": "86,78,82",
"--now-color--interactive-0": "253,250,193",
"--now-color--interactive-1": "251,242,104",
"--now-color--interactive-2": "249,235,15",
"--now-color--interactive-3": "162,153,10",
"--now-color--interactive-4": "75,71,5",
"--now-color--link-1": "114,123,129",
"--now-color--link-2": "47,61,69",
"--now-color--link-3": "32,42,48",
"--now-color--link-4": "17,23,26",
"--now-color--focus-1": "118,168,158",
"--now-color--focus-2": "59,131,116",
"--now-color--focus-3": "22,48,43",
"--now-color_alert--critical-0": "255,204,210",
"--now-color_alert--critical-1": "255,126,142",
"--now-color_alert--critical-2": "255,51,75",
"--now-color_alert--critical-3": "204,41,60",
"--now-color_alert--critical-4": "153,31,45",
"--now-color_alert--critical-5": "102,20,30",
"--now-color_alert--high-0": "255,229,191",
"--now-color_alert--high-1": "254,189,94",
"--now-color_alert--high-2": "253,151,0",
"--now-color_alert--high-3": "192,115,0",
"--now-color_alert--high-4": "132,79,0",
"--now-color_alert--high-5": "71,42,0",
"--now-color_alert--warning-0": "251,247,191",
"--now-color_alert--warning-1": "246,235,94",
"--now-color_alert--warning-2": "240,224,0",
"--now-color_alert--warning-3": "182,170,0",
"--now-color_alert--warning-4": "125,116,0",
"--now-color_alert--warning-5": "67,63,0",
"--now-color_alert--moderate-0": "225,217,255",
"--now-color_alert--moderate-1": "182,162,255",
"--now-color_alert--moderate-2": "139,107,255",
"--now-color_alert--moderate-3": "106,81,194",
"--now-color_alert--moderate-4": "72,56,133",
"--now-color_alert--moderate-5": "39,30,71",
"--now-color_alert--info-0": "203,233,252",
"--now-color_alert--info-1": "130,201,248",
"--now-color_alert--info-2": "56,170,244",
"--now-color_alert--info-3": "43,129,185",
"--now-color_alert--info-4": "29,88,127",
"--now-color_alert--info-5": "16,48,68",
"--now-color_alert--positive-0": "210,234,189",
"--now-color_alert--positive-1": "145,204,94",
"--now-color_alert--positive-2": "81,174,0",
"--now-color_alert--positive-3": "60,129,0",
"--now-color_alert--positive-4": "38,82,0",
"--now-color_alert--positive-5": "17,37,0",
"--now-color_alert--low-0": "228,228,231",
"--now-color_alert--low-1": "189,190,198",
"--now-color_alert--low-2": "150,152,164",
"--now-color_alert--low-3": "111,112,121",
"--now-color_alert--low-4": "71,71,77",
"--now-color_alert--low-5": "32,32,34",
"--now-color_brand--neutral": "71,80,88",
"--now-color_brand--primary": "40,99,173",
"--now-color_brand--secondary": "236,236,236",
"--now-color_surface--neutral-1": "252,252,252",
"--now-color_surface--neutral-2": "241,242,243",
"--now-color_surface--neutral-3": "231,233,234",
"--now-color_surface--neutral-4": "220,223,225",
"--now-color_surface--neutral-5": "210,214,217",
"--now-color_surface--neutral-6": "200,205,208",
"--now-color_surface--divider-1": "241,242,243",
"--now-color_surface--divider-2": "221,223,225",
"--now-color_surface--divider-3": "201,204,207",
"--now-color_surface--divider-4": "180,185,188",
"--now-color_surface--divider-5": "160,166,170",
"--now-color_surface--divider-6": "139,147,152",
"--now-color_surface--brand-1": "209,233,232",
"--now-color_surface--brand-2": "186,222,221",
"--now-color_surface--brand-3": "159,209,207",
"--now-color_surface--brand-4": "131,195,193",
"--now-color_surface--brand-5": "104,182,179",
"--now-color_surface--brand-6": "80,165,162",
"--now-color_chrome--brand-0": "239,244,251",
"--now-color_chrome--brand-1": "206,221,243",
"--now-color_chrome--brand-2": "173,199,235",
"--now-color_chrome--brand-3": "141,176,226",
"--now-color_chrome--brand-4": "108,154,218",
"--now-color_chrome--brand-5": "75,132,210",
"--now-color_chrome--brand-6": "49,110,196",
"--now-color_chrome--brand-7": "41,92,163",
"--now-color_chrome--brand-8": "33,73,131",
"--now-color_chrome--brand-9": "24,55,98",
"--now-color_chrome--brand-10": "16,37,66",
"--now-color_chrome--divider-0": "239,244,251",
"--now-color_chrome--divider-1": "206,221,243",
"--now-color_chrome--divider-2": "173,199,235",
"--now-color_chrome--divider-3": "141,176,226",
"--now-color_chrome--divider-4": "108,154,218",
"--now-color_chrome--divider-5": "75,132,210",
"--now-color_chrome--divider-6": "49,110,196",
"--now-color_chrome--divider-7": "41,92,163",
"--now-color_chrome--divider-8": "33,73,131",
"--now-color_chrome--divider-9": "24,55,98",
"--now-color_chrome--divider-10": "16,37,66",
"--now-color_grouped--blue-0": "217,244,249",
"--now-color_grouped--blue-1": "159,227,239",
"--now-color_grouped--blue-2": "103,210,230",
"--now-color_grouped--blue-3": "80,164,179",
"--now-color_grouped--blue-4": "59,120,131",
"--now-color_grouped--blue-5": "36,74,81",
"--now-color_grouped--brown-0": "244,233,221",
"--now-color_grouped--brown-1": "227,199,168",
"--now-color_grouped--brown-2": "211,166,117",
"--now-color_grouped--brown-3": "165,129,91",
"--now-color_grouped--brown-4": "120,95,67",
"--now-color_grouped--brown-5": "74,58,41",
"--now-color_grouped--gray-0": "232,234,234",
"--now-color_grouped--gray-1": "197,202,203",
"--now-color_grouped--gray-2": "163,171,172",
"--now-color_grouped--gray-3": "127,133,134",
"--now-color_grouped--gray-4": "93,97,98",
"--now-color_grouped--gray-5": "57,60,60",
"--now-color_grouped--green-0": "212,238,216",
"--now-color_grouped--green-1": "145,211,156",
"--now-color_grouped--green-2": "81,185,98",
"--now-color_grouped--green-3": "63,144,76",
"--now-color_grouped--green-4": "46,105,56",
"--now-color_grouped--green-5": "28,65,34",
"--now-color_grouped--green-yellow-0": "241,246,219",
"--now-color_grouped--green-yellow-1": "220,232,164",
"--now-color_grouped--green-yellow-2": "200,218,110",
"--now-color_grouped--green-yellow-3": "156,170,86",
"--now-color_grouped--green-yellow-4": "114,124,63",
"--now-color_grouped--green-yellow-5": "70,76,39",
"--now-color_grouped--magenta-0": "249,218,239",
"--now-color_grouped--magenta-1": "241,161,215",
"--now-color_grouped--magenta-2": "232,105,191",
"--now-color_grouped--magenta-3": "181,82,149",
"--now-color_grouped--magenta-4": "132,60,109",
"--now-color_grouped--magenta-5": "81,37,67",
"--now-color_grouped--orange-0": "255,226,220",
"--now-color_grouped--orange-1": "255,183,166",
"--now-color_grouped--orange-2": "255,140,114",
"--now-color_grouped--orange-3": "199,109,89",
"--now-color_grouped--orange-4": "145,80,65",
"--now-color_grouped--orange-5": "89,49,40",
"--now-color_grouped--pink-0": "247,223,231",
"--now-color_grouped--pink-1": "235,175,195",
"--now-color_grouped--pink-2": "224,128,160",
"--now-color_grouped--pink-3": "175,100,125",
"--now-color_grouped--pink-4": "128,73,91",
"--now-color_grouped--pink-5": "78,45,56",
"--now-color_grouped--purple-0": "239,222,250",
"--now-color_grouped--purple-1": "213,171,242",
"--now-color_grouped--purple-2": "189,122,234",
"--now-color_grouped--purple-3": "147,95,183",
"--now-color_grouped--purple-4": "108,70,133",
"--now-color_grouped--purple-5": "66,43,82",
"--now-color_grouped--teal-0": "212,240,240",
"--now-color_grouped--teal-1": "145,217,217",
"--now-color_grouped--teal-2": "81,194,194",
"--now-color_grouped--teal-3": "63,151,151",
"--now-color_grouped--teal-4": "46,111,111",
"--now-color_grouped--teal-5": "28,68,68",
"--now-color_grouped--yellow-0": "255,241,212",
"--now-color_grouped--yellow-1": "255,219,145",
"--now-color_grouped--yellow-2": "255,198,81",
"--now-color_grouped--yellow-3": "199,154,63",
"--now-color_grouped--yellow-4": "145,113,46",
"--now-color_grouped--yellow-5": "89,69,28",
"--now-color_background--primary": "255,255,255",
"--now-color_background--secondary": "245,246,247",
"--now-color_background--tertiary": "226,229,231",
"--now-color_divider--primary": "189,195,199",
"--now-color_divider--secondary": "208,213,216",
"--now-color_divider--tertiary": "226,229,231",
"--now-color_text--primary": "19,24,27",
"--now-color_text--secondary": "60,70,77",
"--now-color_text--tertiary": "102,112,119",
"--now-color_border--primary": "137,145,151",
"--now-color_border--secondary": "172,179,184",
"--now-color_border--tertiary": "208,213,216",
"--now-color_focus-ring_shadow": "255,255,255",
"--now-color_focus-ring": "59,131,116",
"--now-unified-nav_menu--background-image-alpha": "0"

}
}

Colour - Green Meadow:

{
"properties": {
"--now-color--neutral-0": "255,255,255",
"--now-color--neutral-1": "246,247,246",
"--now-color--neutral-2": "229,231,229",
"--now-color--neutral-3": "214,217,213",
"--now-color--neutral-4": "197,201,196",
"--now-color--neutral-5": "182,187,181",
"--now-color--neutral-6": "165,171,164",
"--now-color--neutral-7": "150,156,148",
"--now-color--neutral-8": "133,140,131",
"--now-color--neutral-9": "118,125,116",
"--now-color--neutral-10": "101,108,99",
"--now-color--neutral-11": "87,94,85",
"--now-color--neutral-12": "77,85,76",
"--now-color--neutral-13": "69,76,67",
"--now-color--neutral-14": "60,67,58",
"--now-color--neutral-15": "52,58,50",
"--now-color--neutral-16": "43,48,41",
"--now-color--neutral-17": "34,39,33",
"--now-color--neutral-18": "26,29,24",
"--now-color--neutral-19": "17,20,16",
"--now-color--neutral-20": "8,10,8",
"--now-color--neutral-21": "0,0,0",
"--now-color--primary-0": "223,238,219",
"--now-color--primary-1": "131,189,117",
"--now-color--primary-2": "89,129,80",
"--now-color--primary-3": "46,66,41",
"--now-color--secondary-0": "249,251,239",
"--now-color--secondary-1": "233,239,192",
"--now-color--secondary-2": "158,163,131",
"--now-color--secondary-3": "82,84,67",
"--now-color_selection--primary-0": "252,253,246",
"--now-color_selection--primary-1": "242,246,219",
"--now-color_selection--primary-2": "233,239,192",
"--now-color_selection--primary-3": "175,179,144",
"--now-color_selection--primary-4": "117,120,96",
"--now-color_selection--secondary-0": "246,246,244",
"--now-color_selection--secondary-1": "233,234,229",
"--now-color_selection--secondary-2": "220,221,213",
"--now-color_selection--secondary-3": "150,150,145",
"--now-color_selection--secondary-4": "77,77,75",
"--now-color--interactive-0": "223,238,219",
"--now-color--interactive-1": "177,213,168",
"--now-color--interactive-2": "131,189,117",
"--now-color--interactive-3": "85,123,76",
"--now-color--interactive-4": "39,57,35",
"--now-color--link-1": "29, 56, 30",
"--now-color--link-2": "29, 56, 30",
"--now-color--link-3": "29, 56, 30",
"--now-color--link-4": "29, 56, 30",
"--now-color--focus-1": "123,145,254",
"--now-color--focus-2": "66,98,254",
"--now-color--focus-3": "24,36,94",
"--now-color_alert--critical-0": "255,204,210",
"--now-color_alert--critical-1": "255,126,142",
"--now-color_alert--critical-2": "255,51,75",
"--now-color_alert--critical-3": "204,41,60",
"--now-color_alert--critical-4": "153,31,45",
"--now-color_alert--critical-5": "102,20,30",
"--now-color_alert--high-0": "255,229,191",
"--now-color_alert--high-1": "254,189,94",
"--now-color_alert--high-2": "253,151,0",
"--now-color_alert--high-3": "192,115,0",
"--now-color_alert--high-4": "132,79,0",
"--now-color_alert--high-5": "71,42,0",
"--now-color_alert--warning-0": "251,247,191",
"--now-color_alert--warning-1": "246,235,94",
"--now-color_alert--warning-2": "240,224,0",
"--now-color_alert--warning-3": "182,170,0",
"--now-color_alert--warning-4": "125,116,0",
"--now-color_alert--warning-5": "67,63,0",
"--now-color_alert--moderate-0": "225,217,255",
"--now-color_alert--moderate-1": "182,162,255",
"--now-color_alert--moderate-2": "139,107,255",
"--now-color_alert--moderate-3": "106,81,194",
"--now-color_alert--moderate-4": "72,56,133",
"--now-color_alert--moderate-5": "39,30,71",
"--now-color_alert--info-0": "203,233,252",
"--now-color_alert--info-1": "130,201,248",
"--now-color_alert--info-2": "56,170,244",
"--now-color_alert--info-3": "43,129,185",
"--now-color_alert--info-4": "29,88,127",
"--now-color_alert--info-5": "16,48,68",
"--now-color_alert--positive-0": "210,234,189",
"--now-color_alert--positive-1": "145,204,94",
"--now-color_alert--positive-2": "81,174,0",
"--now-color_alert--positive-3": "60,129,0",
"--now-color_alert--positive-4": "38,82,0",
"--now-color_alert--positive-5": "17,37,0",
"--now-color_alert--low-0": "228,228,231",
"--now-color_alert--low-1": "189,190,198",
"--now-color_alert--low-2": "150,152,164",
"--now-color_alert--low-3": "111,112,121",
"--now-color_alert--low-4": "71,71,77",
"--now-color_alert--low-5": "32,32,34",
"--now-color_brand--neutral": "78,148,79",
"--now-color_brand--primary": "131,189,117",
"--now-color_brand--secondary": "233,239,192",
"--now-color_surface--neutral-1": "252,252,252",
"--now-color_surface--neutral-2": "243,244,243",
"--now-color_surface--neutral-3": "234,235,233",
"--now-color_surface--neutral-4": "224,226,224",
"--now-color_surface--neutral-5": "216,218,215",
"--now-color_surface--neutral-6": "206,210,205",
"--now-color_surface--divider-1": "243,244,243",
"--now-color_surface--divider-2": "225,226,224",
"--now-color_surface--divider-3": "206,209,205",
"--now-color_surface--divider-4": "188,192,187",
"--now-color_surface--divider-5": "170,175,168",
"--now-color_surface--divider-6": "151,157,150",
"--now-color_surface--brand-1": "253,253,249",
"--now-color_surface--brand-2": "249,251,237",
"--now-color_surface--brand-3": "245,248,226",
"--now-color_surface--brand-4": "241,245,215",
"--now-color_surface--brand-5": "237,242,203",
"--now-color_surface--brand-6": "233,239,192",
"--now-color_chrome--brand-0": "236,245,234",
"--now-color_chrome--brand-1": "215,234,211",
"--now-color_chrome--brand-2": "194,223,187",
"--now-color_chrome--brand-3": "173,211,164",
"--now-color_chrome--brand-4": "152,200,140",
"--now-color_chrome--brand-5": "131,189,117",
"--now-color_chrome--brand-6": "118,170,105",
"--now-color_chrome--brand-7": "105,151,94",
"--now-color_chrome--brand-8": "92,132,82",
"--now-color_chrome--brand-9": "79,113,70",
"--now-color_chrome--brand-10": "66,95,59",
"--now-color_chrome--divider-0": "205,229,200",
"--now-color_chrome--divider-1": "191,221,183",
"--now-color_chrome--divider-2": "176,213,167",
"--now-color_chrome--divider-3": "161,205,150",
"--now-color_chrome--divider-4": "146,197,134",
"--now-color_chrome--divider-5": "131,189,117",
"--now-color_chrome--divider-6": "110,159,98",
"--now-color_chrome--divider-7": "89,129,80",
"--now-color_chrome--divider-8": "68,98,61",
"--now-color_chrome--divider-9": "47,68,42",
"--now-color_chrome--divider-10": "26,38,23",
"--now-color_grouped--blue-0": "217,244,249",
"--now-color_grouped--blue-1": "159,227,239",
"--now-color_grouped--blue-2": "103,210,230",
"--now-color_grouped--blue-3": "80,164,179",
"--now-color_grouped--blue-4": "59,120,131",
"--now-color_grouped--blue-5": "36,74,81",
"--now-color_grouped--brown-0": "244,233,221",
"--now-color_grouped--brown-1": "227,199,168",
"--now-color_grouped--brown-2": "211,166,117",
"--now-color_grouped--brown-3": "165,129,91",
"--now-color_grouped--brown-4": "120,95,67",
"--now-color_grouped--brown-5": "74,58,41",
"--now-color_grouped--gray-0": "232,234,234",
"--now-color_grouped--gray-1": "197,202,203",
"--now-color_grouped--gray-2": "163,171,172",
"--now-color_grouped--gray-3": "127,133,134",
"--now-color_grouped--gray-4": "93,97,98",
"--now-color_grouped--gray-5": "57,60,60",
"--now-color_grouped--green-0": "212,238,216",
"--now-color_grouped--green-1": "145,211,156",
"--now-color_grouped--green-2": "81,185,98",
"--now-color_grouped--green-3": "63,144,76",
"--now-color_grouped--green-4": "46,105,56",
"--now-color_grouped--green-5": "28,65,34",
"--now-color_grouped--green-yellow-0": "241,246,219",
"--now-color_grouped--green-yellow-1": "220,232,164",
"--now-color_grouped--green-yellow-2": "200,218,110",
"--now-color_grouped--green-yellow-3": "156,170,86",
"--now-color_grouped--green-yellow-4": "114,124,63",
"--now-color_grouped--green-yellow-5": "70,76,39",
"--now-color_grouped--magenta-0": "249,218,239",
"--now-color_grouped--magenta-1": "241,161,215",
"--now-color_grouped--magenta-2": "232,105,191",
"--now-color_grouped--magenta-3": "181,82,149",
"--now-color_grouped--magenta-4": "132,60,109",
"--now-color_grouped--magenta-5": "81,37,67",
"--now-color_grouped--orange-0": "255,226,220",
"--now-color_grouped--orange-1": "255,183,166",
"--now-color_grouped--orange-2": "255,140,114",
"--now-color_grouped--orange-3": "199,109,89",
"--now-color_grouped--orange-4": "145,80,65",
"--now-color_grouped--orange-5": "89,49,40",
"--now-color_grouped--pink-0": "247,223,231",
"--now-color_grouped--pink-1": "235,175,195",
"--now-color_grouped--pink-2": "224,128,160",
"--now-color_grouped--pink-3": "175,100,125",
"--now-color_grouped--pink-4": "128,73,91",
"--now-color_grouped--pink-5": "78,45,56",
"--now-color_grouped--purple-0": "239,222,250",
"--now-color_grouped--purple-1": "213,171,242",
"--now-color_grouped--purple-2": "189,122,234",
"--now-color_grouped--purple-3": "147,95,183",
"--now-color_grouped--purple-4": "108,70,133",
"--now-color_grouped--purple-5": "66,43,82",
"--now-color_grouped--teal-0": "212,240,240",
"--now-color_grouped--teal-1": "145,217,217",
"--now-color_grouped--teal-2": "81,194,194",
"--now-color_grouped--teal-3": "63,151,151",
"--now-color_grouped--teal-4": "46,111,111",
"--now-color_grouped--teal-5": "28,68,68",
"--now-color_grouped--yellow-0": "255,241,212",
"--now-color_grouped--yellow-1": "255,219,145",
"--now-color_grouped--yellow-2": "255,198,81",
"--now-color_grouped--yellow-3": "199,154,63",
"--now-color_grouped--yellow-4": "145,113,46",
"--now-color_grouped--yellow-5": "89,69,28",
"--now-color_background--primary": "255,255,255",
"--now-color_background--secondary": "246,247,246",
"--now-color_background--tertiary": "229,231,229",
"--now-color_divider--primary": "197,201,196",
"--now-color_divider--secondary": "214,217,213",
"--now-color_divider--tertiary": "229,231,229",
"--now-color_text--primary": "26,29,24",
"--now-color_text--secondary": "77,85,76",
"--now-color_text--tertiary": "118,125,116",
"--now-color_border--primary": "150,156,148",
"--now-color_border--secondary": "182,187,181",
"--now-color_border--tertiary": "214,217,213",
"--now-color_focus-ring_shadow": "255,255,255",
"--now-color_focus-ring": "66,98,254"
}
}

View solution in original post

Tim_Clark · ‎01-31-2023

Theme builder released in Utah. ServiceNow video here: https://youtu.be/enjB3abGMjs?t=1339

I think this will solve most if not all problems with colour variants.

View solution in original post

Hayo Lubbers · ‎01-18-2023

I created a theme for a customer once, but we had issues with the checkboxes, where it would not be visible if it was ticked or not.

I see there is apparantly a workaround for it:

Note: As of Tokyo Patch 1 (you can also use this method in San Diego), it's important to include the Colors UX Style into your theme to prevent issues with checkbox styling. You can add it to your theme, leave the order as 0 and the type as Core. If you want this as a user selectable variant, you'll have to create a duplicate copy of the UX Style and add it in as a variant.

I'm not with that customer today anymore and I didn't bring the style with me (thinking the generator would be available). I only have a simplified version with only the header color on my PDI:

{
"properties" :
{
"--now-unified-nav_header--background-color": "<RGB>"
}
}

Michael Brady · ‎01-23-2023

I have been able to build some new UX Style's and played around with the colour based off another i have seen in the community. I will post them to the community for others to use, and try.

Tim_Clark · ‎01-24-2023

ServiceNow have answered the question regarding the generator link, spoiler, it ain't coming back and is being removed from all documentation. Servicenow Support Document KB1215397.

The alternatives they mention do not seem very useful to me.

I would love to see a place where the community posts some working templates. Even a sample output from the old generator who be helpful.

This video (Overriding Themes) is very good at explaining how the themes work and how to customize, I also sense the presenter was frustrated with the themes as well :). Towards the end of the video one of the presenters mentions ServiceNow are developing something to make theme generation easier (safe harbor etc etc). Until then I think we will need to lean on the community for help. I will post any theme JSON for the theme I eventually use but as it stands now, I am starting from scratch because our company colors look great together in documents, but it does not translate well to the primary and secondary colors of a next theme.

Michael Brady · ‎01-25-2023

Hi Tim, I did post three working templates the other day (seems to be marked as SPAM). You are right though, i was told the same RE the Generator, and like you i have found the alternatives very poor.

Below are some working JSON for the UX Styles i created:

Colour Rosso (RED):

{
"properties": {
"--now-color--neutral-0": "255,255,255",
"--now-color--neutral-1": "247,246,246",
"--now-color--neutral-2": "231,229,229",
"--now-color--neutral-3": "217,213,213",
"--now-color--neutral-4": "201,196,196",
"--now-color--neutral-5": "187,181,181",
"--now-color--neutral-6": "171,164,164",
"--now-color--neutral-7": "156,148,148",
"--now-color--neutral-8": "140,131,131",
"--now-color--neutral-9": "125,116,116",
"--now-color--neutral-10": "108,99,99",
"--now-color--neutral-11": "94,85,85",
"--now-color--neutral-12": "85,76,76",
"--now-color--neutral-13": "76,67,67",
"--now-color--neutral-14": "67,58,58",
"--now-color--neutral-15": "58,50,50",
"--now-color--neutral-16": "48,41,41",
"--now-color--neutral-17": "39,33,33",
"--now-color--neutral-18": "29,24,24",
"--now-color--neutral-19": "20,16,16",
"--now-color--neutral-20": "10,8,8",
"--now-color--neutral-21": "0,0,0",
"--now-color--primary-0": "239,193,193",
"--now-color--primary-1": "194,16,16",
"--now-color--primary-2": "132,11,11",
"--now-color--primary-3": "68,6,6",
"--now-color--secondary-0": "255,254,248",
"--now-color--secondary-1": "255,253,227",
"--now-color--secondary-2": "173,172,154",
"--now-color--secondary-3": "89,89,79",
"--now-color_selection--primary-0": "255,255,251",
"--now-color_selection--primary-1": "255,254,239",
"--now-color_selection--primary-2": "255,253,227",
"--now-color_selection--primary-3": "191,190,170",
"--now-color_selection--primary-4": "128,127,114",
"--now-color_selection--secondary-0": "246,246,244",
"--now-color_selection--secondary-1": "234,233,229",
"--now-color_selection--secondary-2": "221,220,213",
"--now-color_selection--secondary-3": "150,150,145",
"--now-color_selection--secondary-4": "77,77,75",
"--now-color--interactive-0": "239,193,193",
"--now-color--interactive-1": "217,104,104",
"--now-color--interactive-2": "194,16,16",
"--now-color--interactive-3": "126,10,10",
"--now-color--interactive-4": "58,5,5",
"--now-color--link-1": "64, 31, 37",
"--now-color--link-2": "64, 31, 37",
"--now-color--link-3": "64, 31, 37",
"--now-color--link-4": "64, 31, 37",
"--now-color--focus-1": "123,145,254",
"--now-color--focus-2": "66,98,254",
"--now-color--focus-3": "24,36,94",
"--now-color_alert--critical-0": "255,204,210",
"--now-color_alert--critical-1": "255,126,142",
"--now-color_alert--critical-2": "255,51,75",
"--now-color_alert--critical-3": "204,41,60",
"--now-color_alert--critical-4": "153,31,45",
"--now-color_alert--critical-5": "102,20,30",
"--now-color_alert--high-0": "255,229,191",
"--now-color_alert--high-1": "254,189,94",
"--now-color_alert--high-2": "253,151,0",
"--now-color_alert--high-3": "192,115,0",
"--now-color_alert--high-4": "132,79,0",
"--now-color_alert--high-5": "71,42,0",
"--now-color_alert--warning-0": "251,247,191",
"--now-color_alert--warning-1": "246,235,94",
"--now-color_alert--warning-2": "240,224,0",
"--now-color_alert--warning-3": "182,170,0",
"--now-color_alert--warning-4": "125,116,0",
"--now-color_alert--warning-5": "67,63,0",
"--now-color_alert--moderate-0": "225,217,255",
"--now-color_alert--moderate-1": "182,162,255",
"--now-color_alert--moderate-2": "139,107,255",
"--now-color_alert--moderate-3": "106,81,194",
"--now-color_alert--moderate-4": "72,56,133",
"--now-color_alert--moderate-5": "39,30,71",
"--now-color_alert--info-0": "203,233,252",
"--now-color_alert--info-1": "130,201,248",
"--now-color_alert--info-2": "56,170,244",
"--now-color_alert--info-3": "43,129,185",
"--now-color_alert--info-4": "29,88,127",
"--now-color_alert--info-5": "16,48,68",
"--now-color_alert--positive-0": "210,234,189",
"--now-color_alert--positive-1": "145,204,94",
"--now-color_alert--positive-2": "81,174,0",
"--now-color_alert--positive-3": "60,129,0",
"--now-color_alert--positive-4": "38,82,0",
"--now-color_alert--positive-5": "17,37,0",
"--now-color_alert--low-0": "228,228,231",
"--now-color_alert--low-1": "189,190,198",
"--now-color_alert--low-2": "150,152,164",
"--now-color_alert--low-3": "111,112,121",
"--now-color_alert--low-4": "71,71,77",
"--now-color_alert--low-5": "32,32,34",
"--now-color_brand--neutral": "207,232,169",
"--now-color_brand--primary": "194,16,16",
"--now-color_brand--secondary": "255,253,227",
"--now-color_surface--neutral-1": "252,252,252",
"--now-color_surface--neutral-2": "244,243,243",
"--now-color_surface--neutral-3": "235,233,233",
"--now-color_surface--neutral-4": "226,224,224",
"--now-color_surface--neutral-5": "218,215,215",
"--now-color_surface--neutral-6": "210,205,205",
"--now-color_surface--divider-1": "244,243,243",
"--now-color_surface--divider-2": "226,224,224",
"--now-color_surface--divider-3": "209,205,205",
"--now-color_surface--divider-4": "192,187,187",
"--now-color_surface--divider-5": "175,168,168",
"--now-color_surface--divider-6": "157,150,150",
"--now-color_surface--brand-1": "255,255,252",
"--now-color_surface--brand-2": "255,254,247",
"--now-color_surface--brand-3": "255,254,242",
"--now-color_surface--brand-4": "255,254,237",
"--now-color_surface--brand-5": "255,253,232",
"--now-color_surface--brand-6": "255,253,227",
"--now-color_chrome--brand-0": "246,219,219",
"--now-color_chrome--brand-1": "235,179,179",
"--now-color_chrome--brand-2": "225,138,138",
"--now-color_chrome--brand-3": "215,97,97",
"--now-color_chrome--brand-4": "204,57,57",
"--now-color_chrome--brand-5": "194,16,16",
"--now-color_chrome--brand-6": "175,14,14",
"--now-color_chrome--brand-7": "155,13,13",
"--now-color_chrome--brand-8": "136,11,11",
"--now-color_chrome--brand-9": "116,10,10",
"--now-color_chrome--brand-10": "97,8,8",
"--now-color_chrome--divider-0": "231,159,159",
"--now-color_chrome--divider-1": "223,131,131",
"--now-color_chrome--divider-2": "216,102,102",
"--now-color_chrome--divider-3": "209,73,73",
"--now-color_chrome--divider-4": "201,45,45",
"--now-color_chrome--divider-5": "194,16,16",
"--now-color_chrome--divider-6": "163,13,13",
"--now-color_chrome--divider-7": "132,11,11",
"--now-color_chrome--divider-8": "101,8,8",
"--now-color_chrome--divider-9": "70,6,6",
"--now-color_chrome--divider-10": "39,3,3",
"--now-color_grouped--blue-0": "217,244,249",
"--now-color_grouped--blue-1": "159,227,239",
"--now-color_grouped--blue-2": "103,210,230",
"--now-color_grouped--blue-3": "80,164,179",
"--now-color_grouped--blue-4": "59,120,131",
"--now-color_grouped--blue-5": "36,74,81",
"--now-color_grouped--brown-0": "244,233,221",
"--now-color_grouped--brown-1": "227,199,168",
"--now-color_grouped--brown-2": "211,166,117",
"--now-color_grouped--brown-3": "165,129,91",
"--now-color_grouped--brown-4": "120,95,67",
"--now-color_grouped--brown-5": "74,58,41",
"--now-color_grouped--gray-0": "232,234,234",
"--now-color_grouped--gray-1": "197,202,203",
"--now-color_grouped--gray-2": "163,171,172",
"--now-color_grouped--gray-3": "127,133,134",
"--now-color_grouped--gray-4": "93,97,98",
"--now-color_grouped--gray-5": "57,60,60",
"--now-color_grouped--green-0": "212,238,216",
"--now-color_grouped--green-1": "145,211,156",
"--now-color_grouped--green-2": "81,185,98",
"--now-color_grouped--green-3": "63,144,76",
"--now-color_grouped--green-4": "46,105,56",
"--now-color_grouped--green-5": "28,65,34",
"--now-color_grouped--green-yellow-0": "241,246,219",
"--now-color_grouped--green-yellow-1": "220,232,164",
"--now-color_grouped--green-yellow-2": "200,218,110",
"--now-color_grouped--green-yellow-3": "156,170,86",
"--now-color_grouped--green-yellow-4": "114,124,63",
"--now-color_grouped--green-yellow-5": "70,76,39",
"--now-color_grouped--magenta-0": "249,218,239",
"--now-color_grouped--magenta-1": "241,161,215",
"--now-color_grouped--magenta-2": "232,105,191",
"--now-color_grouped--magenta-3": "181,82,149",
"--now-color_grouped--magenta-4": "132,60,109",
"--now-color_grouped--magenta-5": "81,37,67",
"--now-color_grouped--orange-0": "255,226,220",
"--now-color_grouped--orange-1": "255,183,166",
"--now-color_grouped--orange-2": "255,140,114",
"--now-color_grouped--orange-3": "199,109,89",
"--now-color_grouped--orange-4": "145,80,65",
"--now-color_grouped--orange-5": "89,49,40",
"--now-color_grouped--pink-0": "247,223,231",
"--now-color_grouped--pink-1": "235,175,195",
"--now-color_grouped--pink-2": "224,128,160",
"--now-color_grouped--pink-3": "175,100,125",
"--now-color_grouped--pink-4": "128,73,91",
"--now-color_grouped--pink-5": "78,45,56",
"--now-color_grouped--purple-0": "239,222,250",
"--now-color_grouped--purple-1": "213,171,242",
"--now-color_grouped--purple-2": "189,122,234",
"--now-color_grouped--purple-3": "147,95,183",
"--now-color_grouped--purple-4": "108,70,133",
"--now-color_grouped--purple-5": "66,43,82",
"--now-color_grouped--teal-0": "212,240,240",
"--now-color_grouped--teal-1": "145,217,217",
"--now-color_grouped--teal-2": "81,194,194",
"--now-color_grouped--teal-3": "63,151,151",
"--now-color_grouped--teal-4": "46,111,111",
"--now-color_grouped--teal-5": "28,68,68",
"--now-color_grouped--yellow-0": "255,241,212",
"--now-color_grouped--yellow-1": "255,219,145",
"--now-color_grouped--yellow-2": "255,198,81",
"--now-color_grouped--yellow-3": "199,154,63",
"--now-color_grouped--yellow-4": "145,113,46",
"--now-color_grouped--yellow-5": "89,69,28",
"--now-color_background--primary": "255,255,255",
"--now-color_background--secondary": "247,246,246",
"--now-color_background--tertiary": "231,229,229",
"--now-color_divider--primary": "201,196,196",
"--now-color_divider--secondary": "217,213,213",
"--now-color_divider--tertiary": "231,229,229",
"--now-color_text--primary": "29,24,24",
"--now-color_text--secondary": "85,76,76",
"--now-color_text--tertiary": "125,116,116",
"--now-color_border--primary": "156,148,148",
"--now-color_border--secondary": "187,181,181",
"--now-color_border--tertiary": "217,213,213",
"--now-color_focus-ring_shadow": "255,255,255",
"--now-color_focus-ring": "66,98,254"
}
}

Colour Blue Sky:

{
"properties": {
"--now-color--neutral-0": "255,255,255",
"--now-color--neutral-1": "245,246,247",
"--now-color--neutral-2": "226,229,231",
"--now-color--neutral-3": "208,213,216",
"--now-color--neutral-4": "189,195,199",
"--now-color--neutral-5": "172,179,184",
"--now-color--neutral-6": "154,162,167",
"--now-color--neutral-7": "137,145,151",
"--now-color--neutral-8": "119,128,134",
"--now-color--neutral-9": "102,112,119",
"--now-color--neutral-10": "84,94,101",
"--now-color--neutral-11": "69,79,86",
"--now-color--neutral-12": "60,70,77",
"--now-color--neutral-13": "53,62,70",
"--now-color--neutral-14": "46,55,62",
"--now-color--neutral-15": "38,47,53",
"--now-color--neutral-16": "32,40,45",
"--now-color--neutral-17": "25,32,36",
"--now-color--neutral-18": "19,24,27",
"--now-color--neutral-19": "12,16,18",
"--now-color--neutral-20": "6,8,9",
"--now-color--neutral-21": "0,0,0",
"--now-color--primary-0": "199,214,234",
"--now-color--primary-1": "40,99,173",
"--now-color--primary-2": "27,67,118",
"--now-color--primary-3": "14,35,61",
"--now-color--secondary-0": "251,227,232",
"--now-color--secondary-1": "241,149,168",
"--now-color--secondary-2": "164,101,114",
"--now-color--secondary-3": "84,52,59",
"--now-color_selection--primary-0": "248,252,252",
"--now-color_selection--primary-1": "229,242,242",
"--now-color_selection--primary-2": "209,233,232",
"--now-color_selection--primary-3": "157,175,174",
"--now-color_selection--primary-4": "105,117,116",
"--now-color_selection--secondary-0": "253,247,249",
"--now-color_selection--secondary-1": "250,235,241",
"--now-color_selection--secondary-2": "247,223,233",
"--now-color_selection--secondary-3": "168,152,158",
"--now-color_selection--secondary-4": "86,78,82",
"--now-color--interactive-0": "253,250,193",
"--now-color--interactive-1": "251,242,104",
"--now-color--interactive-2": "249,235,15",
"--now-color--interactive-3": "162,153,10",
"--now-color--interactive-4": "75,71,5",
"--now-color--link-1": "114,123,129",
"--now-color--link-2": "47,61,69",
"--now-color--link-3": "32,42,48",
"--now-color--link-4": "17,23,26",
"--now-color--focus-1": "118,168,158",
"--now-color--focus-2": "59,131,116",
"--now-color--focus-3": "22,48,43",
"--now-color_alert--critical-0": "255,204,210",
"--now-color_alert--critical-1": "255,126,142",
"--now-color_alert--critical-2": "255,51,75",
"--now-color_alert--critical-3": "204,41,60",
"--now-color_alert--critical-4": "153,31,45",
"--now-color_alert--critical-5": "102,20,30",
"--now-color_alert--high-0": "255,229,191",
"--now-color_alert--high-1": "254,189,94",
"--now-color_alert--high-2": "253,151,0",
"--now-color_alert--high-3": "192,115,0",
"--now-color_alert--high-4": "132,79,0",
"--now-color_alert--high-5": "71,42,0",
"--now-color_alert--warning-0": "251,247,191",
"--now-color_alert--warning-1": "246,235,94",
"--now-color_alert--warning-2": "240,224,0",
"--now-color_alert--warning-3": "182,170,0",
"--now-color_alert--warning-4": "125,116,0",
"--now-color_alert--warning-5": "67,63,0",
"--now-color_alert--moderate-0": "225,217,255",
"--now-color_alert--moderate-1": "182,162,255",
"--now-color_alert--moderate-2": "139,107,255",
"--now-color_alert--moderate-3": "106,81,194",
"--now-color_alert--moderate-4": "72,56,133",
"--now-color_alert--moderate-5": "39,30,71",
"--now-color_alert--info-0": "203,233,252",
"--now-color_alert--info-1": "130,201,248",
"--now-color_alert--info-2": "56,170,244",
"--now-color_alert--info-3": "43,129,185",
"--now-color_alert--info-4": "29,88,127",
"--now-color_alert--info-5": "16,48,68",
"--now-color_alert--positive-0": "210,234,189",
"--now-color_alert--positive-1": "145,204,94",
"--now-color_alert--positive-2": "81,174,0",
"--now-color_alert--positive-3": "60,129,0",
"--now-color_alert--positive-4": "38,82,0",
"--now-color_alert--positive-5": "17,37,0",
"--now-color_alert--low-0": "228,228,231",
"--now-color_alert--low-1": "189,190,198",
"--now-color_alert--low-2": "150,152,164",
"--now-color_alert--low-3": "111,112,121",
"--now-color_alert--low-4": "71,71,77",
"--now-color_alert--low-5": "32,32,34",
"--now-color_brand--neutral": "71,80,88",
"--now-color_brand--primary": "40,99,173",
"--now-color_brand--secondary": "236,236,236",
"--now-color_surface--neutral-1": "252,252,252",
"--now-color_surface--neutral-2": "241,242,243",
"--now-color_surface--neutral-3": "231,233,234",
"--now-color_surface--neutral-4": "220,223,225",
"--now-color_surface--neutral-5": "210,214,217",
"--now-color_surface--neutral-6": "200,205,208",
"--now-color_surface--divider-1": "241,242,243",
"--now-color_surface--divider-2": "221,223,225",
"--now-color_surface--divider-3": "201,204,207",
"--now-color_surface--divider-4": "180,185,188",
"--now-color_surface--divider-5": "160,166,170",
"--now-color_surface--divider-6": "139,147,152",
"--now-color_surface--brand-1": "209,233,232",
"--now-color_surface--brand-2": "186,222,221",
"--now-color_surface--brand-3": "159,209,207",
"--now-color_surface--brand-4": "131,195,193",
"--now-color_surface--brand-5": "104,182,179",
"--now-color_surface--brand-6": "80,165,162",
"--now-color_chrome--brand-0": "239,244,251",
"--now-color_chrome--brand-1": "206,221,243",
"--now-color_chrome--brand-2": "173,199,235",
"--now-color_chrome--brand-3": "141,176,226",
"--now-color_chrome--brand-4": "108,154,218",
"--now-color_chrome--brand-5": "75,132,210",
"--now-color_chrome--brand-6": "49,110,196",
"--now-color_chrome--brand-7": "41,92,163",
"--now-color_chrome--brand-8": "33,73,131",
"--now-color_chrome--brand-9": "24,55,98",
"--now-color_chrome--brand-10": "16,37,66",
"--now-color_chrome--divider-0": "239,244,251",
"--now-color_chrome--divider-1": "206,221,243",
"--now-color_chrome--divider-2": "173,199,235",
"--now-color_chrome--divider-3": "141,176,226",
"--now-color_chrome--divider-4": "108,154,218",
"--now-color_chrome--divider-5": "75,132,210",
"--now-color_chrome--divider-6": "49,110,196",
"--now-color_chrome--divider-7": "41,92,163",
"--now-color_chrome--divider-8": "33,73,131",
"--now-color_chrome--divider-9": "24,55,98",
"--now-color_chrome--divider-10": "16,37,66",
"--now-color_grouped--blue-0": "217,244,249",
"--now-color_grouped--blue-1": "159,227,239",
"--now-color_grouped--blue-2": "103,210,230",
"--now-color_grouped--blue-3": "80,164,179",
"--now-color_grouped--blue-4": "59,120,131",
"--now-color_grouped--blue-5": "36,74,81",
"--now-color_grouped--brown-0": "244,233,221",
"--now-color_grouped--brown-1": "227,199,168",
"--now-color_grouped--brown-2": "211,166,117",
"--now-color_grouped--brown-3": "165,129,91",
"--now-color_grouped--brown-4": "120,95,67",
"--now-color_grouped--brown-5": "74,58,41",
"--now-color_grouped--gray-0": "232,234,234",
"--now-color_grouped--gray-1": "197,202,203",
"--now-color_grouped--gray-2": "163,171,172",
"--now-color_grouped--gray-3": "127,133,134",
"--now-color_grouped--gray-4": "93,97,98",
"--now-color_grouped--gray-5": "57,60,60",
"--now-color_grouped--green-0": "212,238,216",
"--now-color_grouped--green-1": "145,211,156",
"--now-color_grouped--green-2": "81,185,98",
"--now-color_grouped--green-3": "63,144,76",
"--now-color_grouped--green-4": "46,105,56",
"--now-color_grouped--green-5": "28,65,34",
"--now-color_grouped--green-yellow-0": "241,246,219",
"--now-color_grouped--green-yellow-1": "220,232,164",
"--now-color_grouped--green-yellow-2": "200,218,110",
"--now-color_grouped--green-yellow-3": "156,170,86",
"--now-color_grouped--green-yellow-4": "114,124,63",
"--now-color_grouped--green-yellow-5": "70,76,39",
"--now-color_grouped--magenta-0": "249,218,239",
"--now-color_grouped--magenta-1": "241,161,215",
"--now-color_grouped--magenta-2": "232,105,191",
"--now-color_grouped--magenta-3": "181,82,149",
"--now-color_grouped--magenta-4": "132,60,109",
"--now-color_grouped--magenta-5": "81,37,67",
"--now-color_grouped--orange-0": "255,226,220",
"--now-color_grouped--orange-1": "255,183,166",
"--now-color_grouped--orange-2": "255,140,114",
"--now-color_grouped--orange-3": "199,109,89",
"--now-color_grouped--orange-4": "145,80,65",
"--now-color_grouped--orange-5": "89,49,40",
"--now-color_grouped--pink-0": "247,223,231",
"--now-color_grouped--pink-1": "235,175,195",
"--now-color_grouped--pink-2": "224,128,160",
"--now-color_grouped--pink-3": "175,100,125",
"--now-color_grouped--pink-4": "128,73,91",
"--now-color_grouped--pink-5": "78,45,56",
"--now-color_grouped--purple-0": "239,222,250",
"--now-color_grouped--purple-1": "213,171,242",
"--now-color_grouped--purple-2": "189,122,234",
"--now-color_grouped--purple-3": "147,95,183",
"--now-color_grouped--purple-4": "108,70,133",
"--now-color_grouped--purple-5": "66,43,82",
"--now-color_grouped--teal-0": "212,240,240",
"--now-color_grouped--teal-1": "145,217,217",
"--now-color_grouped--teal-2": "81,194,194",
"--now-color_grouped--teal-3": "63,151,151",
"--now-color_grouped--teal-4": "46,111,111",
"--now-color_grouped--teal-5": "28,68,68",
"--now-color_grouped--yellow-0": "255,241,212",
"--now-color_grouped--yellow-1": "255,219,145",
"--now-color_grouped--yellow-2": "255,198,81",
"--now-color_grouped--yellow-3": "199,154,63",
"--now-color_grouped--yellow-4": "145,113,46",
"--now-color_grouped--yellow-5": "89,69,28",
"--now-color_background--primary": "255,255,255",
"--now-color_background--secondary": "245,246,247",
"--now-color_background--tertiary": "226,229,231",
"--now-color_divider--primary": "189,195,199",
"--now-color_divider--secondary": "208,213,216",
"--now-color_divider--tertiary": "226,229,231",
"--now-color_text--primary": "19,24,27",
"--now-color_text--secondary": "60,70,77",
"--now-color_text--tertiary": "102,112,119",
"--now-color_border--primary": "137,145,151",
"--now-color_border--secondary": "172,179,184",
"--now-color_border--tertiary": "208,213,216",
"--now-color_focus-ring_shadow": "255,255,255",
"--now-color_focus-ring": "59,131,116",
"--now-unified-nav_menu--background-image-alpha": "0"

}
}

Colour - Green Meadow:

{
"properties": {
"--now-color--neutral-0": "255,255,255",
"--now-color--neutral-1": "246,247,246",
"--now-color--neutral-2": "229,231,229",
"--now-color--neutral-3": "214,217,213",
"--now-color--neutral-4": "197,201,196",
"--now-color--neutral-5": "182,187,181",
"--now-color--neutral-6": "165,171,164",
"--now-color--neutral-7": "150,156,148",
"--now-color--neutral-8": "133,140,131",
"--now-color--neutral-9": "118,125,116",
"--now-color--neutral-10": "101,108,99",
"--now-color--neutral-11": "87,94,85",
"--now-color--neutral-12": "77,85,76",
"--now-color--neutral-13": "69,76,67",
"--now-color--neutral-14": "60,67,58",
"--now-color--neutral-15": "52,58,50",
"--now-color--neutral-16": "43,48,41",
"--now-color--neutral-17": "34,39,33",
"--now-color--neutral-18": "26,29,24",
"--now-color--neutral-19": "17,20,16",
"--now-color--neutral-20": "8,10,8",
"--now-color--neutral-21": "0,0,0",
"--now-color--primary-0": "223,238,219",
"--now-color--primary-1": "131,189,117",
"--now-color--primary-2": "89,129,80",
"--now-color--primary-3": "46,66,41",
"--now-color--secondary-0": "249,251,239",
"--now-color--secondary-1": "233,239,192",
"--now-color--secondary-2": "158,163,131",
"--now-color--secondary-3": "82,84,67",
"--now-color_selection--primary-0": "252,253,246",
"--now-color_selection--primary-1": "242,246,219",
"--now-color_selection--primary-2": "233,239,192",
"--now-color_selection--primary-3": "175,179,144",
"--now-color_selection--primary-4": "117,120,96",
"--now-color_selection--secondary-0": "246,246,244",
"--now-color_selection--secondary-1": "233,234,229",
"--now-color_selection--secondary-2": "220,221,213",
"--now-color_selection--secondary-3": "150,150,145",
"--now-color_selection--secondary-4": "77,77,75",
"--now-color--interactive-0": "223,238,219",
"--now-color--interactive-1": "177,213,168",
"--now-color--interactive-2": "131,189,117",
"--now-color--interactive-3": "85,123,76",
"--now-color--interactive-4": "39,57,35",
"--now-color--link-1": "29, 56, 30",
"--now-color--link-2": "29, 56, 30",
"--now-color--link-3": "29, 56, 30",
"--now-color--link-4": "29, 56, 30",
"--now-color--focus-1": "123,145,254",
"--now-color--focus-2": "66,98,254",
"--now-color--focus-3": "24,36,94",
"--now-color_alert--critical-0": "255,204,210",
"--now-color_alert--critical-1": "255,126,142",
"--now-color_alert--critical-2": "255,51,75",
"--now-color_alert--critical-3": "204,41,60",
"--now-color_alert--critical-4": "153,31,45",
"--now-color_alert--critical-5": "102,20,30",
"--now-color_alert--high-0": "255,229,191",
"--now-color_alert--high-1": "254,189,94",
"--now-color_alert--high-2": "253,151,0",
"--now-color_alert--high-3": "192,115,0",
"--now-color_alert--high-4": "132,79,0",
"--now-color_alert--high-5": "71,42,0",
"--now-color_alert--warning-0": "251,247,191",
"--now-color_alert--warning-1": "246,235,94",
"--now-color_alert--warning-2": "240,224,0",
"--now-color_alert--warning-3": "182,170,0",
"--now-color_alert--warning-4": "125,116,0",
"--now-color_alert--warning-5": "67,63,0",
"--now-color_alert--moderate-0": "225,217,255",
"--now-color_alert--moderate-1": "182,162,255",
"--now-color_alert--moderate-2": "139,107,255",
"--now-color_alert--moderate-3": "106,81,194",
"--now-color_alert--moderate-4": "72,56,133",
"--now-color_alert--moderate-5": "39,30,71",
"--now-color_alert--info-0": "203,233,252",
"--now-color_alert--info-1": "130,201,248",
"--now-color_alert--info-2": "56,170,244",
"--now-color_alert--info-3": "43,129,185",
"--now-color_alert--info-4": "29,88,127",
"--now-color_alert--info-5": "16,48,68",
"--now-color_alert--positive-0": "210,234,189",
"--now-color_alert--positive-1": "145,204,94",
"--now-color_alert--positive-2": "81,174,0",
"--now-color_alert--positive-3": "60,129,0",
"--now-color_alert--positive-4": "38,82,0",
"--now-color_alert--positive-5": "17,37,0",
"--now-color_alert--low-0": "228,228,231",
"--now-color_alert--low-1": "189,190,198",
"--now-color_alert--low-2": "150,152,164",
"--now-color_alert--low-3": "111,112,121",
"--now-color_alert--low-4": "71,71,77",
"--now-color_alert--low-5": "32,32,34",
"--now-color_brand--neutral": "78,148,79",
"--now-color_brand--primary": "131,189,117",
"--now-color_brand--secondary": "233,239,192",
"--now-color_surface--neutral-1": "252,252,252",
"--now-color_surface--neutral-2": "243,244,243",
"--now-color_surface--neutral-3": "234,235,233",
"--now-color_surface--neutral-4": "224,226,224",
"--now-color_surface--neutral-5": "216,218,215",
"--now-color_surface--neutral-6": "206,210,205",
"--now-color_surface--divider-1": "243,244,243",
"--now-color_surface--divider-2": "225,226,224",
"--now-color_surface--divider-3": "206,209,205",
"--now-color_surface--divider-4": "188,192,187",
"--now-color_surface--divider-5": "170,175,168",
"--now-color_surface--divider-6": "151,157,150",
"--now-color_surface--brand-1": "253,253,249",
"--now-color_surface--brand-2": "249,251,237",
"--now-color_surface--brand-3": "245,248,226",
"--now-color_surface--brand-4": "241,245,215",
"--now-color_surface--brand-5": "237,242,203",
"--now-color_surface--brand-6": "233,239,192",
"--now-color_chrome--brand-0": "236,245,234",
"--now-color_chrome--brand-1": "215,234,211",
"--now-color_chrome--brand-2": "194,223,187",
"--now-color_chrome--brand-3": "173,211,164",
"--now-color_chrome--brand-4": "152,200,140",
"--now-color_chrome--brand-5": "131,189,117",
"--now-color_chrome--brand-6": "118,170,105",
"--now-color_chrome--brand-7": "105,151,94",
"--now-color_chrome--brand-8": "92,132,82",
"--now-color_chrome--brand-9": "79,113,70",
"--now-color_chrome--brand-10": "66,95,59",
"--now-color_chrome--divider-0": "205,229,200",
"--now-color_chrome--divider-1": "191,221,183",
"--now-color_chrome--divider-2": "176,213,167",
"--now-color_chrome--divider-3": "161,205,150",
"--now-color_chrome--divider-4": "146,197,134",
"--now-color_chrome--divider-5": "131,189,117",
"--now-color_chrome--divider-6": "110,159,98",
"--now-color_chrome--divider-7": "89,129,80",
"--now-color_chrome--divider-8": "68,98,61",
"--now-color_chrome--divider-9": "47,68,42",
"--now-color_chrome--divider-10": "26,38,23",
"--now-color_grouped--blue-0": "217,244,249",
"--now-color_grouped--blue-1": "159,227,239",
"--now-color_grouped--blue-2": "103,210,230",
"--now-color_grouped--blue-3": "80,164,179",
"--now-color_grouped--blue-4": "59,120,131",
"--now-color_grouped--blue-5": "36,74,81",
"--now-color_grouped--brown-0": "244,233,221",
"--now-color_grouped--brown-1": "227,199,168",
"--now-color_grouped--brown-2": "211,166,117",
"--now-color_grouped--brown-3": "165,129,91",
"--now-color_grouped--brown-4": "120,95,67",
"--now-color_grouped--brown-5": "74,58,41",
"--now-color_grouped--gray-0": "232,234,234",
"--now-color_grouped--gray-1": "197,202,203",
"--now-color_grouped--gray-2": "163,171,172",
"--now-color_grouped--gray-3": "127,133,134",
"--now-color_grouped--gray-4": "93,97,98",
"--now-color_grouped--gray-5": "57,60,60",
"--now-color_grouped--green-0": "212,238,216",
"--now-color_grouped--green-1": "145,211,156",
"--now-color_grouped--green-2": "81,185,98",
"--now-color_grouped--green-3": "63,144,76",
"--now-color_grouped--green-4": "46,105,56",
"--now-color_grouped--green-5": "28,65,34",
"--now-color_grouped--green-yellow-0": "241,246,219",
"--now-color_grouped--green-yellow-1": "220,232,164",
"--now-color_grouped--green-yellow-2": "200,218,110",
"--now-color_grouped--green-yellow-3": "156,170,86",
"--now-color_grouped--green-yellow-4": "114,124,63",
"--now-color_grouped--green-yellow-5": "70,76,39",
"--now-color_grouped--magenta-0": "249,218,239",
"--now-color_grouped--magenta-1": "241,161,215",
"--now-color_grouped--magenta-2": "232,105,191",
"--now-color_grouped--magenta-3": "181,82,149",
"--now-color_grouped--magenta-4": "132,60,109",
"--now-color_grouped--magenta-5": "81,37,67",
"--now-color_grouped--orange-0": "255,226,220",
"--now-color_grouped--orange-1": "255,183,166",
"--now-color_grouped--orange-2": "255,140,114",
"--now-color_grouped--orange-3": "199,109,89",
"--now-color_grouped--orange-4": "145,80,65",
"--now-color_grouped--orange-5": "89,49,40",
"--now-color_grouped--pink-0": "247,223,231",
"--now-color_grouped--pink-1": "235,175,195",
"--now-color_grouped--pink-2": "224,128,160",
"--now-color_grouped--pink-3": "175,100,125",
"--now-color_grouped--pink-4": "128,73,91",
"--now-color_grouped--pink-5": "78,45,56",
"--now-color_grouped--purple-0": "239,222,250",
"--now-color_grouped--purple-1": "213,171,242",
"--now-color_grouped--purple-2": "189,122,234",
"--now-color_grouped--purple-3": "147,95,183",
"--now-color_grouped--purple-4": "108,70,133",
"--now-color_grouped--purple-5": "66,43,82",
"--now-color_grouped--teal-0": "212,240,240",
"--now-color_grouped--teal-1": "145,217,217",
"--now-color_grouped--teal-2": "81,194,194",
"--now-color_grouped--teal-3": "63,151,151",
"--now-color_grouped--teal-4": "46,111,111",
"--now-color_grouped--teal-5": "28,68,68",
"--now-color_grouped--yellow-0": "255,241,212",
"--now-color_grouped--yellow-1": "255,219,145",
"--now-color_grouped--yellow-2": "255,198,81",
"--now-color_grouped--yellow-3": "199,154,63",
"--now-color_grouped--yellow-4": "145,113,46",
"--now-color_grouped--yellow-5": "89,69,28",
"--now-color_background--primary": "255,255,255",
"--now-color_background--secondary": "246,247,246",
"--now-color_background--tertiary": "229,231,229",
"--now-color_divider--primary": "197,201,196",
"--now-color_divider--secondary": "214,217,213",
"--now-color_divider--tertiary": "229,231,229",
"--now-color_text--primary": "26,29,24",
"--now-color_text--secondary": "77,85,76",
"--now-color_text--tertiary": "118,125,116",
"--now-color_border--primary": "150,156,148",
"--now-color_border--secondary": "182,187,181",
"--now-color_border--tertiary": "214,217,213",
"--now-color_focus-ring_shadow": "255,255,255",
"--now-color_focus-ring": "66,98,254"
}
}

Tim_Clark · ‎01-31-2023

Theme builder released in Utah. ServiceNow video here: https://youtu.be/enjB3abGMjs?t=1339

I think this will solve most if not all problems with colour variants.