WealthMgr’s appearance settings let you choose between light, dark, and system-matched colour modes, and pick an accent colour palette.

Accessing appearance settings

Go to Settings → Appearance in the sidebar.

Colour mode

Three options control light/dark switching:

Option	Behaviour
Light	Always use light mode
Dark	Always use dark mode
System	Follow your OS preference automatically

The change takes effect immediately without a page reload.

Colour palettes

Choose from five built-in palettes:

Palette	Accent colour
Slate	Neutral grey-blue
Blue	Vivid blue
Green	Emerald green
Rose	Warm rose
Violet	Deep violet

Selecting a palette updates the primary colour used for buttons, links, progress bars, and interactive elements across the entire app.

Custom palette (Growth and Enterprise plans)

If you are on the Growth or Enterprise plan, a Custom palette option appears. Enter hex colour values for:

Foreground — primary text colour.
Background — page background colour.
Primary — accent colour for buttons and interactive elements.

WealthMgr converts your hex values to OKLch colour space for perceptually uniform scaling across shades. Changes preview immediately.

Tip

Use a dark background with a light foreground and a vibrant primary for the sharpest-looking custom palette.

How theming works

Colours are derived at runtime using the culori library in OKLch colour space. CSS variables update instantly when you change palette or mode — no page reload needed. Your preferences are persisted in your local configuration database and applied on every page load.

Resetting to defaults

Select the Slate palette and System mode to return to the defaults. There is no explicit reset button.