Created on 15 June 2020
icon_unfollowing
Login to follow
instant-dark-theme

Reactive OutSystemsUI Dark Mode

Stable version 1.0.1 (Compatible with OutSystems 11)
Uploaded on 12 November 2021 by 
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.


Support options
This asset is not supported by OutSystems. You may use the discussion forums to leave suggestions or obtain best-effort support from the community, including from  who created this asset.
Dependencies
Reactive OutSystemsUI Dark Mode has no dependencies.