Process flow formatter not adapting to theme color

Nisarg Thakur
Tera Guru

Hello, for the next experience Polaris UI, we created some custom theme variants. When we apply those themes and open records in classic view that have a process flow formatter, I noticed that the formatter does not adapt to the theme colors. Anyone have any suggestions on what am I missing?

 

NisargThakur_0-1665766092534.png

 

Any responses appreciated!

 

1 ACCEPTED SOLUTION

Aaron Dalton
Tera Expert

I just ran into this exact question and found a solution. The Flow Formatter color is based on the "Grouped Teal" colors that you set in your theme.

 

If you go over to the Color Generator that the Next UI Center of Excellence provided:

  1. Click on the "Grouped" tab
  2. Input a hex value into the "Grouped Teal"
  3. Then click "Copy JSON" at the top

It should output some JSON with the different Teal colors for you. Put those into your theme and the Flow formatter should follow suit. As a note - I placed them in both my UX Style that's related to my UX Theme and also into the "Legacy: Experience Theme" tab of the UX Theme.

 

FYI - I don't know what else the "Grouped Teal" colors are used for, so you may see other changes that I haven't yet!

View solution in original post

5 REPLIES 5

Saurav11
Kilo Patron
Kilo Patron

Hello,

 

I do not think the color would change as the arrows are basically images so any theme would not really apply on them.

 

Please mark my answer as correct based on Impact.

Aaron Dalton
Tera Expert

I just ran into this exact question and found a solution. The Flow Formatter color is based on the "Grouped Teal" colors that you set in your theme.

 

If you go over to the Color Generator that the Next UI Center of Excellence provided:

  1. Click on the "Grouped" tab
  2. Input a hex value into the "Grouped Teal"
  3. Then click "Copy JSON" at the top

It should output some JSON with the different Teal colors for you. Put those into your theme and the Flow formatter should follow suit. As a note - I placed them in both my UX Style that's related to my UX Theme and also into the "Legacy: Experience Theme" tab of the UX Theme.

 

FYI - I don't know what else the "Grouped Teal" colors are used for, so you may see other changes that I haven't yet!

Nisarg Thakur
Tera Guru

That did the trick! Thanks a lot!

NisargThakur_0-1668015652400.png

 



 How did you change the color of this Process flow formatter