instant-dark-theme
Reactive icon

Reactive OutSystemsUI Dark Mode

Stable version 1.0.1 (Compatible with OutSystems 11)
Uploaded
 on 12 November 2021
 by 
4.7
 (13 ratings)
instant-dark-theme

Reactive OutSystemsUI Dark Mode

Documentation
1.0.1

Follow the tutorial:

https://youtu.be/-xIwJJQK0WY

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.