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 theme switcher uses the same localStorage key that Material's built-in palette toggle uses. This means:
- Your choice persists across page loads
- 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!