Skip to main content
Solved

Platform: Color-Coded Record Statuses

  • February 19, 2026
  • 1 reply
  • 28 views

Forum|alt.badge.img

Can we change the new color-coded statuses for those with color vision deficiency or is this something that would be able to be changed at a later date?

Best answer by darylbowman

Yes, actually.

Create an extension *.scss file named the same as the original in the extensions folder for that screen.

In it, define a similar pattern pairing the statuses and the desired colors (which you can find in ~\FrontendSources\screen\static\status-colors.scss)

 

For instance, CR306000 has a status-styles.scss in ..\CR\CR306000\. I created a status-styles.scss in ..\CR\CR306000\extensions\

@import 'static/status-colors.scss';

@include colored-status('N', var(--status-darkblue-color)); // New
@include colored-status('O', var(--status-orange-color)); // Open
@include colored-status('P', var(--status-red-color)); // Pending Customer
@include colored-status('C', var(--status-green-color)); // Closed
@include colored-status('R', var(--status-green-color)); // Released

 

I’m assuming you’ve worked with the Modern UI previously and are aware of where to place extensions and how to add them to a Customization Project, etc.

1 reply

darylbowman
Captain II
Forum|alt.badge.img+16
  • Answer
  • February 24, 2026

Yes, actually.

Create an extension *.scss file named the same as the original in the extensions folder for that screen.

In it, define a similar pattern pairing the statuses and the desired colors (which you can find in ~\FrontendSources\screen\static\status-colors.scss)

 

For instance, CR306000 has a status-styles.scss in ..\CR\CR306000\. I created a status-styles.scss in ..\CR\CR306000\extensions\

@import 'static/status-colors.scss';

@include colored-status('N', var(--status-darkblue-color)); // New
@include colored-status('O', var(--status-orange-color)); // Open
@include colored-status('P', var(--status-red-color)); // Pending Customer
@include colored-status('C', var(--status-green-color)); // Closed
@include colored-status('R', var(--status-green-color)); // Released

 

I’m assuming you’ve worked with the Modern UI previously and are aware of where to place extensions and how to add them to a Customization Project, etc.