You can easily switch between Light and Dark mode, by setting the main page status “Mode” to one of the two options “Light” or “Dark”.
Each mode contains a list of attributes, like “Text color”, “Card color”, etc.
Each attribute contain the HEX color code that has to be used in that specific mode. For example, the attribute “Text color” in the mode option “Light” is #000000, while in the “Dark” mode option is #FFFFFF.
This allows the app to switch elements color when changing the Mode.
Whenever you set an element’s color, make sure you use one of the available attributes:
If the element is not in the index, but in a Page, you should refer to that page Mode property, like in this example:
You can also create any number of Options, other than “Light” and “Dark”, for example to customize your app colors to different clients colors, or simply to create more color customization options to your users.