Skip to main content

Theme Settings

Customize admin panel's color scheme from here. Navigate to System → Theme Settings.

Primary Color​

  • Used for main brand elements and actions (buttons, links, highlights)
  • Enter hex code or pick from color swatch
  • Preview shade range shown below picker

Neutral Color​

  • Used for text, backgrounds, borders, and neutral elements
  • Enter hex code or pick from color swatch

Click Save under Primary/Neutral Color section to apply changes.

Status Colors​

Used to represent different states and alerts across system.

  1. Success Color — success messages and valid states
  2. Error Color — error messages and critical states
  3. Warning Color — warning messages and alerts
  4. Info Color — information messages and highlights

Each status color has its own hex input, shade preview, Reset to Default, and Save button — configure independently.

Configuration Steps​

  1. Log in to admin panel
  2. Navigate to System → Theme Settings
  3. Set Primary/Neutral Color hex codes, click Save
  4. Set Status Colors (Success, Error, Warning, Info) as needed, click Save per section
  5. Use Reset to Default to revert any status color to its original value

Important Notes​

  • Changes apply across admin panel UI after save
  • Use accessible color contrast for readability
  • Reset to Default restores original color for that section only

Support​

For assistance with theme configuration, contact our support team: