Skip to content

A playful and minimalist emoji-based theme switcher built with HTML, CSS, and JavaScript. Toggles between red πŸ“ and blue 🐳 modes with smooth transitions and persistent storage via localStorage. Perfect for UI/UX inspiration and beginner-friendly JavaScript practice.

License

Notifications You must be signed in to change notification settings

MDJAmin/emoji-theme-switcher-html-css-js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

11 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Demo

Check out the live demo: GitHub Pages Demo

Theme Toggle Project

This project is a simple theme toggle switch using JavaScript, HTML, and CSS. It allows users to switch between two themes represented by emoji icons: πŸ“ (red theme) and 🐳 (blue theme).

Features

  • Toggle between two themes using a button
  • Themes persist using localStorage
  • Smooth transition effect when switching themes

Technologies Used

  • HTML
  • CSS
  • JavaScript

How to Use

  1. Open the project in a browser.
  2. Click the button to switch between themes.
  3. The chosen theme will be saved in localStorage and persist across page reloads.

File Structure

  • index.html - Main HTML structure
  • css/style.css - Styling for the themes and button
  • js/script.js - JavaScript logic for toggling themes and storing the preference

Author

Created by MDJAmin. Check out more projects on GitHub.

About

A playful and minimalist emoji-based theme switcher built with HTML, CSS, and JavaScript. Toggles between red πŸ“ and blue 🐳 modes with smooth transitions and persistent storage via localStorage. Perfect for UI/UX inspiration and beginner-friendly JavaScript practice.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published