Customize Scale - ngageoint/scale-ui GitHub Wiki

The Scale UI can be customized.

To change the primary color for the Scale navigation and logo edit the assets/appConfig.json file.

Replace the default variables with the desired colors:

"primaryColor": "#017cce", 

"secondaryLightColor": "#5c97bf", 

"secondaryDarkColor": "#24567f"

Some suggested color options

Green/Kraken:

"primaryColor": "#529D39", 

"secondaryLightColor": "#7efc44", 

"secondaryDarkColor": "#3d6e31" 

Red/Prod:

"primaryColor": "#d12b1f", 

"secondaryLightColor": "#ed3c2f", 

"secondaryDarkColor": "#b52016" 

Pink/Purple:

"primaryColor": "#c96dc1", 

"secondaryLightColor": "#E5B8E0", 

"secondaryDarkColor": "#B643AD" 

Orange:

"primaryColor": "#E46F21", 

"secondaryLightColor": "#E7803C", 

"secondaryDarkColor": "#D5651A" 

Teal:

"primaryColor": "#23A477", 

"secondaryLightColor": "#2CCE95", 

"secondaryDarkColor": "#1F936B"