Theme Playground
Welcome to the interactive theme testing ground! Switch between different color schemes and see how DocsForge looks.
Inline Theme Changers
Click any button below to instantly change the site's color theme.
Color Reference
| Scheme | Background | Text | Best For |
|---|---|---|---|
default | White | Dark | Daytime reading |
slate | Dark gray | Light | Low-light environments |
| Primary | Accent | Vibe |
|---|---|---|
indigo | indigo | Professional, default |
red | red | Energetic, urgent |
green | green | Natural, calm |
teal | teal | Modern, fresh |
orange | orange | Warm, creative |
purple | purple | Playful, creative |
How It Works
The inline switcher calls the documented window.docsforge.setPalette({ scheme, primary, accent }) API, which applies the colors to the page and persists them using the same scoped localStorage key as the header toggle. That means:
- Your choice persists across page loads — including combinations like red/green that have no header toggle
- It syncs with the header toggle automatically
- It works with instant navigation without page reloads
The key is scoped to the site's base URL, so it won't leak to other sites.
Try switching themes above, then navigate to other pages — your choice sticks!