Theming

Calendaria registers with 3DS:ATLAS for its color theme. The theme applies to every Calendaria application window, and text fields, dropdowns, and buttons inside those windows take their colors from it. Confirmation and prompt dialogs raised by Calendaria follow the same theme, as do its tooltips and the context menus opened from its calendar and widget windows. The settings search dropdown, the moon picker, the HUD snap indicator, and the cinematic time-skip overlay are themed as well. Announcement and reminder cards Calendaria posts to chat follow the theme.

The date banner added above chat messages keeps Foundry’s own text color. Calendaria’s tab in the Scene Configuration window uses Foundry’s native styling, as do the elements Calendaria adds outside its own windows. The animated sky drawn inside the HUD and the Sun Dial ignores the theme; its colors come from the time of day and the active weather effect. Calendaria’s colors do not follow Foundry’s light or dark interface theme.

Choosing and customizing a theme

Presets, custom themes, forcing a theme on all players, and theme export and import are handled from the 3DS:ATLAS theme picker.

CSS variables

Calendaria’s stylesheets read their color palette from --atlas- prefixed custom properties, which 3DS:ATLAS writes for the module’s scope. A set of --calendaria-ui- variables derives its colors from those properties and is defined on the .calendaria scope. The --calendaria-highlight color is defined there too. Layout values such as spacing and cell sizing use --calendaria- variables defined on :root. To override colors from a world script or custom CSS module, target the .calendaria selector.