Added light mode feature with toggle button and localStorage support.

[sameermuslim]

Light Mode Feature: Implemented a light mode feature in the project, providing users with the ability to toggle between light and dark modes.

Toggle Button: Added a toggle button (mode-toggle-btn) for seamless switching between light and dark modes. The button ensures a user-friendly experience.

LocalStorage Integration: Utilized localStorage functionality to remember the user's last activated mode, enhancing user convenience across sessions.

CSS Modifications (style.css):

Introduced a new CSS class, .light-mode, to facilitate styling for the light mode. Duplicated and modified variables present in ::root to accommodate the unique styling requirements of the light mode. Added new variables in both :root and .light-mode, resolving conflicts and ensuring a harmonious visual experience.

HTML Enhancements (index.html):

Included all SVGs directly within the HTML file, enabling dynamic color changes based on the selected mode. Added a

element with the class mode-toggle-btn inside the

tag.

JavaScript Functionality (script.js):

Implemented functionality for the mode-toggle-btn, ensuring a smooth transition between light and dark modes. Integrated localStorage utility to store and retrieve the user's mode preference for a personalized experience.

Image Assets (images directory):

Added two icons, moon.svg and sun.svg, to the images directory for use in the toggle button.

Responsiveness:

Ensured the code is responsive, providing a consistent user experience across various screen sizes.