Colors
Thesis theme comes with a built-in color scheme switcher and dark mode support. You can specify colors for light and dark mode.
Accent color
- Go to Settings → Site → Design & branding
- Click Customize → Brand
- Change color in Accent color setting
Dark mode Accent color
- Go to Settings → Site → Design & branding
- Click Customize → Site wide
- Change color in Dark mode accent color setting
Foreground accent color
The foreground accent color is used for links, buttons, and other elements that has background accent color. To prevent contrast issues, the foreground accent color should be lighter than the background accent color.
- Go to Settings → Site → Design & branding
- Click Customize → Site wide
- Change color in Foreground accent color setting
Dark mode Foreground accent color
- Go to Settings → Site → Design & branding
- Click Customize → Site wide
- Change color in Dark mode foreground accent color setting