Skip to content

dark mode reset#55

Merged
MeenakshiAM merged 1 commit into
MeenakshiAM:mainfrom
Varshagp27:dark-mode
Feb 27, 2026
Merged

dark mode reset#55
MeenakshiAM merged 1 commit into
MeenakshiAM:mainfrom
Varshagp27:dark-mode

Conversation

@Varshagp27
Copy link
Copy Markdown
Contributor

📌 Description

Brief description of what this PR does.
This PR replaces the existing toggle switch dark mode implementation with a more intuitive symbol-based button interface. The change improves user experience by providing clearer visual feedback about the current theme and what action will be performed when clicking the button.

🔗 Related Issue

Closes #49


🛠 Changes Made

  • UI Improvement: Replaced the toggle switch with a single button containing a theme-appropriate symbol

Symbol Logic:

Light mode shows 🌙 (moon) → click to switch to dark mode

Dark mode shows ☀️ (sun) → click to switch to light mode

Visual Feedback: Added smooth hover animation with scale effect on the icon

Code Optimization: Simplified the dark mode implementation with cleaner HTML structure and reduced CSS complexity

Preserved Functionality: Maintained all existing localStorage persistence and dark mode styling


📷 Screenshots (if applicable)


Screenshot 2026-02-25 210605

✅ Checklist

  • I have tested my changes
  • My code follows project guidelines
  • I have linked the related issue

@github-actions github-actions Bot added duplicate This issue or pull request already exists HackTheStack labels Feb 25, 2026
@MeenakshiAM MeenakshiAM merged commit 4e40b21 into MeenakshiAM:main Feb 27, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

duplicate This issue or pull request already exists HackTheStack

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Dark Mode Not Working

2 participants