Corvina Support Hub

How to change CORVINA Theme?

Written by CORVINA Team | May 31, 2024 10:35:07 AM
Corvina offers a flexible and intuitive way to personalize your interface through theme customization. This feature allows you to preview changes live, ensuring your selections perfectly match your preferences.

To begin, simply click on your username located in the top navigation bar and navigate to Settings.

Within the Settings menu, a convenient side panel enables you to modify the theme color.

This functionality is available in two distinct modes to cater to varying levels of customization desires

  • Simple mode
  • Advance mode

 

Simple mode

You can edit three colors:

  • Main Color: This is the dominant color that appears on the top bar and headers of tables or key elements. Upon setting this color, Corvina automatically generates complementary colors for a harmonious design.
  • Color Wt (White): This color is mainly used for backgrounds, providing a clean and uncluttered look.
  • Color Alert: Dedicated to alerts and error messages, this color is designed to catch your eye, ensuring you're always aware of important notifications.

 

Advanced mode

For those seeking more detailed customization, Advanced Mode unlocks comprehensive control over the page's appearance. The best way to understand advanced colors is to try them with the Setting panel open over a Corvina page. Here is a short description of advanced colors:

  • Page Colors:
    • Wt (White): Primarily for backgrounds, enhancing readability and focus.
    • Dk (Dark): Used for text, ensuring contrast against the Color Wt for optimum readability.
    • G1 (Grey): A light grey used mainly in tabs, filters, and search bars for a subtle distinction.
    • G4: A secondary color for icons and secondary texts, complementing G1.
    • G3: Chosen for secondary panel backgrounds, like those in dashboard editor panels.
    • CG2: A nuanced color for icons within panels with a G3 background.
  • Main Color Variants:
    • Primary: The leading color, prominently displayed on the top bar and table headers.
    • Dk1 & Dk2: Darker shades of the primary color, providing depth and emphasis.
    • Highlight: Accentuates interactive elements or key features.
  • Status Indicators:
    • Alert: Signifies critical issues or important notifications needing immediate attention.
    • Warning: Indicates less urgent issues, prompting awareness but not immediate action.
    • Good: Marks successful actions or denotes optimal conditions.