Dynamically Alter Theme Across All Screens Within the Canvas App

Step 1. Create a Canvas App or Use your existing Canvas App.

 Canvas App

Step 2. Add a Profile Screen to view your profile information.

To incorporate the Profile Screen, I've included a Blank Screen and placed a Rectangle covering half of the screen to showcase profile details. Additionally, I've integrated several Circles to facilitate theme customization.

Step 3. Add a change theme option on the Profile Screen.

The Circles are filled with colors chosen for theme adjustment according to individual preferences. For demonstration purposes, I've utilized Orange, Red, Blue, and Purple.

Profile Screen

Step 4. Add Logic to change the theme of all the screens from Profile Screen.

Here I have used two Canvas App Global Variables to set the color of the theme and font of all the screens.

Set(mytheme,RGBA(246, 88, 16, 1));

Set(font color,RGBA(246, 88, 16, 1));

Theme Change Screen

Theme Change Screen

Contact Screen

Contact Screen

Screen

Demo

Latest Demo


Similar Articles