MLH-Fellowship/pod-3.1.3-portfolio

Enable Dark Mode for all pages

Opened this issue · 1 comments

Currently Dark Mode feature is only supported for the main page.

The Dark Mode feature could be extended to all the pages of the site like the profile page, so that when a user chooses the dark mode, all pages are shown in dark mode only, and when a user chooses the light mode, all pages will be shown in the light mode!

For those who'd like to partake in this:

  • This can be done using prefers-color-scheme with a media query in CSS (mostly supported in cool browsers like Chrome on Macs, where you can choose dark mode on in the settings).

  • Or using localStorage with JS. Or using cookies with PHP (server side though, and why would anybody ever use PHP nowadays?)