NageshMandal / Engineering-Notes

190 stars 314 forks source link

Change Dark/Light mode Toggle #381

Open mrigyasahai opened 1 year ago

mrigyasahai commented 1 year ago

Hi there! @NageshMandal I'm Mrigya, I would like to add a toggle or slider-like element for switching between light and dark modes. I would like to contribute to this issue under GSSoC'23.

ankitanain commented 1 year ago

Approach:

  1. Implement a CSS class for dark mode and toggle it on/off based on user interaction or preference. Use JavaScript to handle the toggle functionality by adding/removing the class dynamically.
  2. Use CSS variables to define color values for both light and dark modes, allowing easy switching between the two. Update the CSS variables' values when the toggle is switched to reflect the chosen mode's color scheme. @NageshMandal Sir, please assign this issue to me under GSSOC'23.
shreyal0007 commented 1 year ago

i would like to add the feature of toggle between dark mode and light mode.

Lavesh12 commented 1 year ago

please assign me this issue

Hritik1503 commented 1 year ago

I am interested to work on this issue under GSSoC 2023 as a contributor