Color schemes
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
Base colors
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.
- Accent
- 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.
- Text
- The default body text (text, paragraphs, etc.)
- Background
- 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.
- Link
- 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.
Semantic colors
In 3 categories, Alert, Success, and Error
- Alert
- Text over alert
- Success
- Text over success
- Error
- 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".