Themes & White Labeling

Theme settings

On the theme configuration page, you can customize the look and feel of your environment. Change background images, upload logos, and adjust branding elements like colors and typography to match your unique style. Tailor the user interface to reflect your company’s identity, ensuring a consistent experience for users across your platform. You can try the theme settings on your own workspace with a free trial. The theme settings are divided into seven tabs: Branding, General Colors, BPM Elements, Element Palette, VSM Elements, Dataset Colors, and Chart Colors.

• Branding: Customize header backgrounds, logos, thumbnails, and navigation colors to match your company identity.
• General Colors: Customize the application colors for both Light and Dark modes, with independent settings for each mode.
• BPM Elements: Customize the colors of BPMN model elements so models stand out from the rest of the application.
• Element Palette: Customize the palette of colors available for individual modeling elements.
• VSM Elements: Customize the colors of value stream mapping shapes.
• Dataset Colors: Color-code datasets and their elements.
• Chart Colors: Control the color palette used by charts and metrics.

Brand your environment

The Branding settings also include Header Text Color, Header Icons, IconBar Text Color, and IconBar Icons. Choose a theme variable for each setting, such as --text, --icon, or --primary. The selected variable automatically resolves to the correct light or dark value when the user changes appearance mode, so you do not need to configure the two modes separately.

General application colors

Process model colors

Dataset colors

Chart colors

Visual helpers

If you make changes to the theme, the color field background will indicate that updates have been made to that specific attribute.

To change a color, click on a colored circle for the chosen theme (Light or Dark). A color picker appears with a shade area and a hue strip; you can also type a HEX value (#RRGGBB). In browsers that support it (Chromium-based), a pipette icon picks a color from anywhere on the screen. Updates happen immediately.

Example theme variations

Explore different ways to change your application’s theme. Below, the original theme has been customized to showcase blue and green variations.

From original

Blue theme example

Changes made include text color, body color, panel (light) color, logo image, logo text, and header background.

Matrix green theme example

A dark green palette inspired by the Matrix film series.

Process model color customization

Adjust the colors of the modeling attributes to differ from the rest of the application. This ensures a distinctive look for your models.

Related topics

• Environments & Tenants: apply themes per environment.
• Organization Settings: manage your organization.