How to create a simple light-dark mode in Hype Apps

I recently posted a short video tutorial on my YouTube channel demonstrating how to implement a simple dark-mode in Hype apps with minimal overhead. This method utilizes two CSS filter effects (i.e., invert & hue-rotate) and is achieved with a modest amount of JS/CSS.

You can find this video on my YouTube channel here: How to create a simple light-dark mode in Hype Apps - YouTube

The code example mentioned in this video is:
ModeSwitcher.hype.zip (261.9 KB)

11 Likes