Customizing the NetX Color Scheme

Color palettes are used to customize the color of various elements in the UI such as buttons, icons, text, and hover/selection backgrounds. Color schemes may be unique between light and dark themes, or identical.

Customizing the color palette

  1. Log in to NetX as a Director or Administrator level user and navigate to the Brand tab of the Systems area.The Colors tab allows you to create Color palettes for both light and dark theme modes. 
  2. Choose new colors either by entering a new hex code value or clickling the color circle to use the color picker tool.
  3. Once your new colors have been chosen, click Save to apply them to the NetX UI.

Resetting a color palette

  1. Log in to NetX as a Director or Administrator level user and navigate to the Brand tab of the Systems area.The Colors tab allows you to create Color palettes for both light and dark theme modes. 
  2. Choose new colors either by entering a new hex code value or clicking the color circle to use the color picker tool.
  3. Once your new colors have been chosen, click Save to apply them to the NetX UI.

Resetting the Colors tab will reset not only reset the color palette but all Custom logos  as well.

Color palette key

Here is a basic list of which UI elements can be changed using a color palette:

Property Description
On secondary color
  • Text that appears on active color elements
  • Icons that appear on active color elements
Primary color
  • Most buttons
  • Sidebar icon hover color
  • Modal title bars
  • Selection bar
  • Main menu selection icon and background color
  • Select and download button hover color
  • Placeholder thumbnail images
On primary color
  • Text that appears on primary color elements
  • Icons that appear on primary color elements
Secondary color
  • Floating action button
  • Selected sidebar icon
  • Checkboxes and checkmark icons
Was this article helpful?
0 out of 0 found this helpful