Appearance
Re-skin the entire site with one setting.
Configuration → Appearance. Two fields, and a very large effect.
Scheme
Picking a scheme re-colours everything: buttons and accents, cards and surfaces, the page background, text, and the sky graphic behind the header. Both light mode and dark mode are generated together, so your site stays readable either way.
| Value | Notes |
|---|---|
| Default | The theme's original blue. Nothing is overridden. |
| Red, Orange, Yellow, Lime | Warm hues |
| Green, Dark green | |
| Light blue, Blue, Aqua | |
| Indigo, Violet, Magenta, Pink | |
| Custom… | Reveals the Custom colour field below |
Each named scheme is a hand-tuned colour ramp, not a machine tint of one colour, so they look deliberate rather than washed out.
Custom colour
Only appears when Scheme is set to Custom….
Enter a hex colour such as #ff5722. The theme builds a full light and dark palette
from it — accents, surfaces, background, text and sky.
Accepted formats:
#ff5722— six digits#f57— three-digit shorthandff5722— the#is optional
Anything else is rejected when you save, with the message
Enter a hex colour, e.g. #ff5722 or #f50.
A very light custom colour (near-white) or a very dark one (near-black) produces a low-contrast palette that is hard to read. Pick something with real saturation — the kind of colour you would use for a button.
Trying it out
Changes apply on the next page load, so:
Open your site in another tab and refresh
No rebuild, no redeploy.
Check dark mode too
Use the sun/moon toggle in the header. A scheme that reads well in light mode can occasionally be muddy in dark mode.
Light and dark mode
Visitors choose light or dark themselves with the toggle in the header, and the choice is remembered in their browser. Their first visit follows their operating system setting.
There is no admin setting to force one mode — by design, since forcing light mode on someone who wants dark is a common complaint.
Going further
The scheme system covers colour. To change fonts, spacing or layout you edit the
theme's stylesheet directly at src/app/(frontend)/globals.css. That is outside
the admin panel and needs a rebuild.