Located at: Customize → Color Schemes
This section controls all colors used across the website. It is split into two parts: Light Mode and Dark Mode.
Choose the default color mode for your site — Light or Dark. This setting determines what visitors see on their first visit. If the theme toggle button is enabled, users can switch between modes manually at any time.
Light mode colors:
Accent Color – The main brand color used for buttons, links, highlights, and interactive elements across the site.
Primary Text Color – The main body text color. Used for headings, paragraphs, and general content in light mode.
Color Contrast Medium – A mid-tone color used for secondary text, labels, and supporting information.
Color Contrast Low – A lighter tone used for borders, dividers, and subtle background accents.
Color Contrast Lower – The lightest contrast tone. Typically used for card backgrounds, hover states, and input fields.
Background Color – The main page background color in light mode.
Header Background Color – The background color of the site header in light mode. Supports transparency (alpha channel).
Dark mode colors:
The same set of color controls is available for Dark Mode. These values are applied automatically when the visitor switches to dark mode or when dark mode is set as default.
Accent Color (Dark) – Brand color used in dark mode. Can differ from light mode to ensure proper contrast on dark backgrounds.
Primary Text Color (Dark) – Main text color for dark mode.
Color Contrast Medium (Dark) – Mid-tone color for secondary text in dark mode.
Color Contrast Low (Dark) – Border and divider color in dark mode.
Color Contrast Lower (Dark) – Subtle background accents in dark mode.
Background Color (Dark) – Main page background in dark mode.
Header Background Color (Dark) – Background color of the header in dark mode. Supports transparency (alpha channel).
NOTE: All colors use the HSL format internally for consistency. You can enter any valid CSS color value in the color picker — it will be converted automatically.