Added dark mode support

[shinwookim]

Added dark mode support that:

• Pulls from user's device preference (using media queries)
• Save user preferences
• Simple toggle via Navbar

[sivaraam]

Thanks a lot for the PR!

A few comments:

Card shadow

The shadow for the cards don't seem visible in dark mode. Could you look into possibility of tweaking them ?

Toggle icon size

Also, the toggle icon seems rather small. Would it be possible for you to use an icon that's easily noticeable. For example, the icons used by Docusaurus seem good.

Dark mode friendly colours

The blue, green and red in the page could be replaced with their dark mode friendly variants in dark mode. Could you look into them ?

[shinwookim]

I've (hopefully) fixed the issue with the card shadows; and I've tried to modify the toggle buttons as well.

The color issue is a bit more tedious, since we are using a version of Bootstrap served from a CDN. The only thing I could think of is manually overriding all the classes with the new colors, but at that point, I think it would be better to bump bootstrap to 5.3 which supports dark mode colors natively (unless anyone has better suggestions, of course).

[sivaraam]

I think it would be better to bump bootstrap to 5.3 which supports dark mode colors natively (unless anyone has better suggestions, of course).

If the upgrade does not significantly affect the way the site is rendered, feel free to proceed with that 👍🏼

[shinwookim]

Apologies for the late PR.
Rather than attempting to bump Bootstrap (which broke a few things), I manually went in and modified the colors for the dark mode.

Please review and let me know if I missed any colors.

[sivaraam]

Hey @shinwookim ! Thanks for the update. You changes are looking great on Firefox. Unfortunately, for some reason I don't see them reflecting on Chrome. See screenshots below:

Screenshot 1

Screenshot 2

Could you look into why that is the case ?

[shinwookim]

It should now be working in chrome! (Appears that chrome did not support the latest css features)

[sivaraam]

Looks great now on Firefox and Chrome. Thanks much for your contribution! 🙂