Skip to content

Theming

Customizable color themes for all Calendaria application windows (BigCal, MiniCal, Note Viewer, Chronicle, etc.). Non-app elements like journal footers, toolbar buttons, and info boxes use Foundry’s native styling.


Calendaria ships with 15 built-in theme presets:

PresetDescription
DarkDark gray background, light text, blue accents (default)
LightWhite background, dark text, blue accents
High ContrastBlack background, white borders, maximum contrast
ParchmentWarm tan background, sepia text, golden accents
ArcaneDeep purple background, lavender text, gold headings
VerdantDark forest green background, pale green text
InfernalNear-black red background, warm text, fiery accents
FrostLight steel-blue background, dark text, blue accents
SteampunkDark brown background, tan text, brass/copper accents
NeonNear-black background, cyan and magenta highlights
MinimalistWhite background, black borders, red accent only
SolarizedSolarized Dark palette with teal and orange accents
RoyalDark navy background, gold headings, crimson today
SakuraDeep plum background, soft pink text, rose accents
SlateDark sage-green background, warm cream text

Select a preset from the dropdown in Settings Panel > Appearance tab. Presets apply to all Calendaria applications including the note sheet and Chronicle.

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


The GM 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, or set it to None to let each user pick their own theme again. While Force Theme is set to anything other than None, the per-user preset dropdown and Customize button are disabled and show the forced palette.


  1. Select Custom from the preset dropdown
  2. Click any color swatch to open the color picker
  3. Changes apply immediately to all Calendaria widgets
  4. Colors are saved per-user

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


Import and Export buttons are next to the preset dropdown.

  1. Open Appearance tab
  2. Click the Export button
  3. Save the JSON file
  1. Open Appearance tab
  2. Click the Import button
  3. Select a previously exported JSON file
  4. Colors update immediately

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


Themes modify CSS custom properties prefixed with --calendaria-. Inspect in browser dev tools for additional customization via world scripts or custom CSS modules.