D&D Theme Lab

Customize the shared colors for the hub and all tools. Changes are saved in your browser and applied everywhere that uses global.css.

How it works

This page edits the CSS variables defined in :root and .dark-mode from global.css. The overrides are stored in localStorage only on this browser and applied on every page via theme.js.

Light theme variables

Presets & storage

Surprise me picks a random coherent palette (e.g. forest, ocean, parchment) and applies it here—save to keep it. Save theme updates your local overrides and applies them immediately. Reset to defaults restores the original palette values shown below but keeps the override system. Clear custom theme removes all overrides so pages fall back to the values in global.css.

Raw configuration (advanced)

You can copy this JSON for backup or paste a configuration from another browser. Invalid JSON will be ignored.