How to create a Custom light/dark toggle?

How To
1

Browser: Chrome 110
OS: Windows
URL: Link to a page that illustrates this issue
Video: Short screen recording that illustrates this issue (free tool: jam.dev)

Hello,

I tried to create a custom dark/light mode toggle using interactions. The switch to dark/light mode works fine, but the problem is that if it is on dark mode and I reload the browser, it reverts back to light mode.

Custom toggle
Custom toggle304×738 19.9 KB

Best regards

2

You also need to update the ‘brx_mode’ in local storage

3

Can you please provide more guidance? Does it require custom code or can it be done in the interaction settings?

4

‘Browser storage’ action can help with everything, I suppose

firefox_GMT7SZFrXx
firefox_GMT7SZFrXx221×512 11.6 KB

5

It worked great now. Thanks bro

1 Like