Theming

Color themes apply to all Calendaria application windows. Non-app elements such as journal footers, toolbar buttons, and info boxes use Foundry’s native styling.

Global theme presets

Calendaria ships with these built-in theme presets:

Preset	Description
Dark	Dark gray background, light text, blue accents
Light	White background, dark text, blue accents
High Contrast	Black background, white borders, maximum contrast
Parchment	Warm tan background, sepia text, golden accents
Arcane	Deep purple background, lavender text, gold headings
Verdant	Dark forest green background, pale green text
Infernal	Near-black red background, warm text, fiery accents
Frost	Light steel-blue background, dark text, blue accents
Steampunk	Dark brown background, tan text, brass/copper accents
Neon	Near-black background, cyan and magenta highlights
Minimalist	White background, black borders, red accent only
Solarized	Solarized Dark palette with teal and orange accents
Royal	Dark navy background, gold headings, crimson today
Sakura	Deep plum background, soft pink text, rose accents
Slate	Dark sage-green background, warm cream text

Select a preset from the dropdown in the Settings Panel > Theme tab. Presets apply to all Calendaria applications.

Settings Panel, Preset Manager, and minor dialogs are excluded from theming and always use Foundry defaults.

Force theme (GM only)

You can pin a theme for all connected clients from the Force Theme dropdown in the Settings Panel > Theme tab. Set it to any preset or a saved Custom theme to force that palette on every player. Set it to None to let each user pick their own theme again. While Force Theme is set to anything other than None, each player’s preset dropdown is disabled, the Customize button is hidden, and the forced palette is shown.

Custom colors

Select Custom from the preset dropdown
Click any color swatch to open the color picker
Changes apply to all Calendaria widgets immediately
Colors save per user

Resetting the theme

Click the reset button (undo icon) in the Theme section header to restore default colors. A confirmation dialog lists which settings will be reset.

Exporting and importing themes

The Import and Export buttons sit next to the preset dropdown on the Theme tab.

Export

Open the Theme tab
Click the Export button
Save the JSON file

Import

Open the Theme tab
Click the Import button
Select a previously exported JSON file
Colors update immediately

Theme files contain a colors object with all customizable color values.

CSS variables

Themes modify CSS custom properties prefixed with --calendaria-. Inspect in browser dev tools to override these from world scripts or custom CSS modules.