Skip to main content
Organization Admin permissions are required to access and modify application theme settings.
Settings in the Settings > Theme > Application tab control the appearance of your Omni instance, including enabling light and dark mode.

​
Customizing your theme

Want to speed things up? Use the Theme Lab to upload an image and generate a starting color palette for your theme. This feature is experimental and may change.
1
Navigate to Settings > Theme > Application tab.
2
Update the available theme settings to your liking.
3
Optional: Preview the theme before saving.
4
Click Save when finished. All changes will be immediately applied for internal and (if applicable) embed users.

​
Importing and exporting theme configuration

To export or import theme configurations, scroll to the bottom of the Application tab and click the menu.
  • Export downloads the current theme as an application-theme.json file. All theme properties are included; properties that have not been customized are exported as null.
  • Import opens a dialog where you can paste JSON or upload a .json file. You can also drag and drop a .json file directly onto the settings form. Properties not included in the imported file are reset to defaults. Changes are not saved automatically — click Save after importing.
The JSON format uses styles for light mode and stylesDark for dark mode. Both keys are optional; missing keys default to empty. Values must be CSS color strings or null. 
{
  "styles": {
    "primary-color": "#271126"
  },
  "stylesDark": {
    "primary-color": "#FFFFFF"
  }
}

​
Previewing the theme

Click Preview theme to open a live side-by-side preview of your theme in light and dark mode before saving. The preview includes a mock navigation sidebar, draft banner, primary button, and heading text with any custom fonts applied.

​
Restoring factory defaults

To reset all theme customizations to Omni defaults, click the menu and select Restore factory defaults. Click Save to persist the reset.

​
Available settings

​
Color scheme (light and dark mode)

These settings control whether users see light mode, dark mode, or the system default, and whether they can override the instance-wide choice.
SettingDescription
Default color schemeDefines the default color scheme - Default, Light, or Dark - for the instance. Click Change to save the selection.
Allow user color schemeAllows users to select their preferred color scheme for the Omni instance.

​
Styles

Each color property can be set independently for light and dark mode. If only one mode is customized, the other mode retains its default colors.

​
Interactive colors

Interactive colors affect primary buttons (such as Run and Save), draft and editing banners and indicators, branch bar styling, and notification badge dots.
SettingDescription
Primary colorColor for primary buttons and interactive elements (for example, Run and other action buttons)
On primaryText and icon color displayed on top of primary-colored elements
Editing colorColor for draft and editing indicators, including the draft banner, edit mode buttons, and branch indicators. Defaults to the system draft color.
On editingText color displayed on editing-colored elements, such as text on draft banners and tokens
Notification colorColor for notification badges and indicator dots throughout the UI. Defaults to #ff4794.
Navigation colors affect the left navigation sidebar and dialog navigation panels, such as the Settings sidebar. You can control the appearance of items in their default, hover, and selected states.
Dialogs with navigation sidebars, like Settings, automatically respect your navigation color choices — no separate configuration is needed.
SettingDescription
BackgroundNavigation sidebar background color
Background (hover)Background color when hovering over navigation items
Background (selected)Background color for the currently selected navigation item
TextDefault text color in the navigation sidebar
Text (hover)Text color when hovering over navigation items
Text (selected)Text color for the currently selected navigation item
IconDefault icon color in the navigation sidebar
Icon (hover)Icon color when hovering over navigation items
Icon (selected)Icon color for the currently selected navigation item

​
Fonts

Currently, only publicly-accessible WOFF2 formats are supported.
SettingDescription
HeadingFont used for page titles, dialog titles, Markdown headings, and dashboard tile headings. Must be a valid URL to a publicly-accessible WOFF2 file.
BodyMain font used throughout the application UI. Must be a valid URL to a publicly-accessible WOFF2 file.