sadanandpai / frontend-mini-challenges

Collection of frontend challenges for learning and interviews
https://sadanandpai.github.io/frontend-mini-challenges/
MIT License
2.01k stars 493 forks source link

feat/#393 added dark-light theme toggle button #419

Closed Dev-AkshatGupta closed 7 months ago

Dev-AkshatGupta commented 7 months ago

Title and Issue number

393 Add dark and light mode for the host application

Title: feat/ dark - light theme and toggle button

Issue No. : #393

Code Stack: Js, CSS

Close #<393>

Description:-

  1. Using Lucid for icons instead of Fontawesome found it better.
  2. Used Context for switching theme.
  3. Example in a video. https://github.com/sadanandpai/frontend-mini-challenges/assets/53713926/cf020e72-100f-404c-9d68-850d1c63468a
netlify[bot] commented 7 months ago

Deploy Preview for frontend-mini-challenges ready!

Name Link
Latest commit c3543f382adaf9339fd7d9ecbbda84a0cf50b296
Latest deploy log https://app.netlify.com/sites/frontend-mini-challenges/deploys/65e5adb9bee82b0008eb3d02
Deploy Preview https://deploy-preview-419--frontend-mini-challenges.netlify.app/
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.