There are two main categories, for the colors, Base colors, and Semantic colors.
To change the colors go to Theme settings > Colors
Base colors— Color scheme 1 and Color scheme 2
Semantic colors — Alert, Success, and Error
These are the colors used throughout the theme and referred to as "Base colors". There are two base color categories that can be customized through the theme settings.
- Used on actionable elements such as primary buttons. Also can be assigned to sections and other elements through their settings.
- Accent text
- The color of the content goes over the elements with an accent color. E.x. The color of the text and icons in a primary button.
- Accent (gradient)
- The accent gradient is a gradient color; if it is set, it will replace the Accent color where applicable.
- Accent (Inverse)
- The inversed color of the Accent. It applies where the color is defined as "Accent reversed"
- Accent text (Inverse)
- The color of content that goes over the elements with Accent (inverse) color.
- The default body text (text, paragraphs, etc.)
- The page background color
- Background (gradient)
- The page background color as a gradient. It overrides the default Background color when it is not disabled/blank.
- The color of links.
- Link (gradient)
- the color of links as a gradient. It overrides the default Link color when it is not disabled/blank.
In 3 categories, Alert, Success, and Error
- Text over alert
- Text over success
- text over error
Text over colors
The "text over" colors apply to the text over its relative color. For example, if there is a success notification, the background of the notification will be the color "Success", and the color of the text will be "Text over success".