improved theme selector

[kirandash]

Currently the light theme is default and user can use the toggle switch to switch between themes

Change Request:

• The default theme should be based on users default color scheme (can use media query prefers-color-scheme)
• If user uses the toggle theme button, please save the selected theme details in IndexedDB and now if user loads the page, the selectedTheme should load from storage

Packages to use: https://github.com/dexie/Dexie.js for IndexedDB wrapper and https://www.npmjs.com/package/fake-indexeddb for unit testing

[lausuarez02]

Hey Kirandash,
I'll leave an article that can be helpful:https://medium.com/hypersphere-codes/detecting-system-theme-in-javascript-css-react-f6b961916d48
And then i'm curious on why you want to use Dexie's for.
Thanks!

[kirandash]

Hey Kirandash,

I'll leave an article that can be helpful:https://medium.com/hypersphere-codes/detecting-system-theme-in-javascript-css-react-f6b961916d48

And then i'm curious on why you want to use Dexie's for.

Thanks!

Dexie is an indexedDB wrapper. there are other alternatives too but dexie should be good enough for our requirement

bdw: just saving the data to localStorage should be good enough. but I thought we can try and implement indexedDB since that's the best storage option