Can't Change Subject in Focus Color

mdegn
Mega Contributor

Hi everyone,
Does someone have a clue about how you change the green color of things in focus/highlighted? I can only find Focus Ring and Focus Ring Shadow in the theme builder which doesn't change the green coloring.

It seems like it should be possible since it's blue in the Polaris theme.

Thanks in advance!

2 REPLIES 2

Naveen20
ServiceNow Employee

Focus Ring and Focus Ring Shadow properties only control the accessibility outline ring (the dotted/solid border that appears on keyboard focus for a11y). They don't affect the green highlight color you're seeing on selected tabs, focused input borders, and other interactive elements.

That green color is driven by a different set of properties in the Theme Builder. Look under the "Brand" section, specifically:

Brand > Primary — this is the color that controls the selected/active state highlighting across the UI, including the underline on the active tab (like the "History" tab in your screenshot), the border on focused inputs (like that Filter field), active toggle states, links, and other interactive element accents.

In the Polaris theme, this Brand Primary value is set to a blue, which is why everything looks blue there. In your current theme, it's set to that green.

To change it, open your theme in the Theme Builder (sys_ux_theme), navigate to the Brand section, and update the Primary color value to whatever you'd like. That should cascade across all those highlighted/selected/active states.

If you find there are still a few straggler green elements after changing Brand Primary, also check:

  • Selection > Primary — controls selected-state background tints on things like list rows or selected items
  • Interactive section — contains additional hover/active state color tokens

But Brand Primary is almost certainly the main one responsible for what you're seeing.

mdegn
Mega Contributor

Hi Naveen20,
I have set my primary color to orange, but it doesn't change it. I have asked around and some people say the green color I'm trying to change is locked and not overrideable via Theme Builder. Can that be true?