This project presents a simple, yet elegant Dark Mode toggle switch implemented using HTML, CSS, and JavaScript. The design and functionality are inspired by the creation on Uiverse.io by JkHuger, specifically the "Switch" toggle switch.
- Toggle Switch: A user-friendly toggle switch to switch between light and dark modes.
- Smooth Transitions: Ensures a seamless switch between modes with smooth transitions.
- Pure CSS for Styling: The toggle switch is styled purely with CSS, showcasing a neat and clean UI.
- JavaScript for Functionality: JavaScript is used to switch themes and ensure the state persists across page reloads.
Check out the live demo here: Simple Dark Mode
To use this in your project:
- Clone the Repository: Clone this repository to your local machine or download the files.
- Integrate HTML: Add the HTML snippet for the toggle switch into your webpage.
- Link CSS: Link the CSS file or integrate the CSS code into your stylesheet.
- Add JavaScript: Include the JavaScript file or the script tag to handle the toggle functionality.
Center the icon inside the button
- Inspired by the design on Uiverse.io by JkHuger - Switch.