<applytheme>

Sets the data-theme attribute to "dark" on the board frame's root node when the user enables dark mode.

How to Apply Dark Mode to a Board

If you build your own board, you can apply a dark theme.

To apply a dark theme to a board

Add the <applytheme> tag to the board.

When you add this tag anywhere in your view, that view detects the current WebEOC Nexus theme. It also sets the data-theme attribute to dark when the board or WebEOC Nexus is in dark mode. See Enable Dark Mode for details.
As a board builder, create custom CSS styling rules that are applied when the data-theme attribute is set to dark. These will override the light theme stylings when the attribute is set to dark.

If you are developing the board in WebEOC Nexus, you must understand how to apply the correct CSS for dark mode.

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.

Did you find this helpful? Yes No

Why wasn't this helpful? (check all that apply)

Couldn't find what I was looking for

Instructions confusing or unclear

Instructions didn't work

Thanks for your feedback.

Want to tell us more? Email us.

Thanks for taking the time to give us some feedback.