Custom themes

Custom themes let users define their own color palettes for the Tree interface, beyond the built-in light and dark themes. Custom themes are a Paid feature available on Paid and Team tiers.

What custom themes control

A custom theme defines:

• Background colors for the main canvas, panels, and modals
• Text colors for primary, secondary, and tertiary content
• Node state colors for locked, available, in-progress, and complete
• Accent colors for selections, focus states, and interactive elements
• Edge colors for the lines connecting nodes

The theme can be light, dark, or anywhere in between, and supports color combinations that the built-in themes don't.

How custom themes are created

Users can:

• Start from a built-in theme and modify specific colors
• Build from scratch with a full color picker
• Import a theme from a shared theme file
• Share a theme as an exportable file for use across workspaces or by other users

Theme files are small JSON documents that define the full palette. They can be version-controlled, shared in chat, or stored as templates.

Why custom themes exist

The built-in themes work for most users. Custom themes serve users who:

• Prefer specific color schemes for accessibility or contrast reasons
• Want a brand-matching theme for their own workspace
• Have personal preferences that don't match light or dark
• Spend many hours in the tool and want a theme tuned to their environment

Custom themes do not change the semantic meaning of colors. Locked nodes remain visually distinct from available nodes regardless of theme.

Tier availability

Custom themes are a Paid feature, available on Paid and Team. Free includes the built-in light and dark themes only.

Related

• Themes
• Graph view