On This Page

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. The theme settings are divided into six tabs: Branding, General Colors, BPM Elements, VSM Elements, Dataset Colors, and Chart Colors.

  • Branding: Customize header backgrounds, logos, and thumbnails 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.
  • 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

Personalize your theme with custom branding

info

Always preview and test your image selections to ensure they match your overall theme.

General application colors

Personalize your theme

Process model colors

Personalize your theme

Dataset colors

Personalize your theme

Chart colors

Personalize your theme

Dataset Colors

Attributes that have data attached will automatically adopt the dataset color specified in the modeler. This helps visually distinguish attributes with active data links. The colors mentioned above are the default colors for attributes without data attached to them.

Visual helpers

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

image 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

image

Blue theme example

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

Matrix green theme example

A dark green palette inspired by the Matrix film series. image

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. image