Add Dark Mode Support to a Board

Unified Command Platform 10.6 and later, includes a dark mode option that users can enable from their profile. For dark mode to take effect on a board, the board must include the <applytheme/> tag and use a CSS library that defines dark mode styles.

How Users Enable Dark Mode

  1. Click the profile icon in the top navigation (the same menu used to change incident or position).

  2. Toggle dark mode on.

Once enabled, dark mode applies to any board that has been configured to support it.

Does Your Board Already Support Dark Mode?

All standard boards, premium boards, and boards developed by Professional Services in our latest framework already include dark mode support. If your boards came from Juvare or were downloaded from the Juvare Knowledge Center, no changes are needed.

Industry and add-on boards provided by Juvare do not have dark mode.

Custom-built boards that do not use a dark mode-compatible CSS library will need to be updated before dark mode takes effect.

Add Dark Mode to a Board

  1. Add the <applytheme/> tag.

    Place the <applytheme/> tag in your board's display view, typically near the top before other content:

    Copy Code 
    <applytheme/>

    When a user has dark mode enabled, this tag sets data-theme="dark" on the board frame's root node, which triggers the dark mode CSS styles.

  2. Confirm your CSS supports dark mode.

    The <applytheme/> tag has no visual effect unless the board's CSS library defines styles scoped to [data-theme="dark"]. If your board uses the our latest framework or was provided by Juvare, this is already in place.

    For custom boards, your CSS must include dark mode variable definitions targeting [data-theme="dark"].

  • For most boards provided by Juvare (standard, premium, or other boards), dark mode applies automatically when the user toggles the dark mode setting. No additional configuration is needed.

  • Custom-built boards require the <applytheme/> tag and dark-mode-compatible CSS before the setting will take effect.

  • Unified Command Platform 10.6+ has broad dark mode support across board features.

All boards built natively in DesignStudio support light and dark themes. See Apply WebEOC Theme and Preview Boards in Light and Dark Modes in the DesignStudio help center for details.

If you need assistance adding dark mode support to custom boards, contact Juvare Professional Services through your Client Success Manager (CSM).