Reactive icon

Reactive OutSystemsUI Dark Mode

Stable version 1.0.1 (Compatible with OutSystems 11)
Uploaded on 12 November 2021 by 
 (13 ratings)

Reactive OutSystemsUI Dark Mode


Follow the tutorial:

how to use the component:

Step 1. Place the Script InstantDarkTheme_JS as a required script on your layout block! 

This Javascript file will control if the application is in a dark theme or not.

If you don't add this script to your block you will receive an error message like this: "manageDarkTheme is not defined"

You can choose the layout block or a specific block. 

Before publishing  your module you should check if your block has the JS file as a required script like the image below:

Step 2: ToggleDarkTheme Action:

In the Demo module, you can check one of the possible ways to toggle the dark theme behavior:

We created one If with a client variable to enable and disable the dark theme.