Download and Install
Download and install the asset into your OutSystems environment using Forge.

Consume the Web Block
In the module where you want to detect the theme, consume the DetectTheme web block from the component.

Place the Block
Drag and drop the DetectTheme block onto the screen or layout where theme detection is required.

Handle the Theme Change Event
The block exposes a Client Event named ThemeOnChange.

• This event provides a Boolean parameter: IsDark

  • IsDark = True → Browser theme is Dark.

  • IsDark = False → Browser theme is Light.