Skip to content

Conversation

@Sandraa16012007
Copy link

Pull Request Title

Add Light Mode with Theme Toggle and Persistent Preference


📌 Description

This PR introduces a Light Mode alongside the existing Dark Mode in CryptoHub to improve usability and accessibility.

  • Problem solved:
    CryptoHub previously supported only a dark theme, which could be uncomfortable for users in bright environments and did not respect user or system preferences.

  • Changes made:

    • Added a theme toggle to switch between Light and Dark modes
    • Implemented Light Mode styles with proper contrast and accessibility
    • Ensured theme is applied consistently across all pages
    • Persisted user theme preference across sessions using local storage (and/or system preference fallback)

🔗 Related Issue

Closes #237


🛠 Type of Change

  • 🐛 Bug fix (non-breaking change fixing an issue)
  • ✨ Enhancement (improves existing functionality)
  • 🚀 New feature (adds new functionality)
  • ♻️ Refactor (code change that neither fixes a bug nor adds a feature)
  • 📝 Documentation update

✅ Checklist

  • Code follows project coding standards
  • Self-review completed
  • Tests added or updated (if applicable)
  • All tests passed locally
  • Documentation updated (if required)
  • No new warnings or errors introduced

🧪 Testing Done

  • Test cases executed:

    • Switched between Light and Dark modes using the toggle
    • Refreshed the page to verify theme persistence
    • Navigated across multiple pages to confirm consistent theming
  • Screenshots (if UI-related):

image
  • Commands used:

    • npm run dev
    • npm run build

🗒 Additional Notes

  • Known limitations:

    • System theme auto-detection may be overridden by stored user preference
  • Follow-up tasks:

    • Add theme toggle to additional UI entry points (if needed)
    • Consider animating theme transitions for smoother UX

@vercel
Copy link

vercel bot commented Feb 9, 2026

@Sandraa16012007 is attempting to deploy a commit to the Karan Manickam's projects Team on Vercel.

A member of the Team first needs to authorize it.

@github-actions
Copy link

github-actions bot commented Feb 9, 2026

🎉 Thanks for the PR, @Sandraa16012007!

We really appreciate you taking the time to contribute to CryptoHub! 💙


⭐ Love this project?

Please give us a star! It helps the project grow and reach more developers! 🌟

🔗 https://github.com/KaranUnique/CryptoHub---

✅ PR Checklist

Before we review, please ensure:

  • Your code follows the project's coding standards
  • All file changes are accurate and intentional
  • You've tested your changes locally
  • Any review comments have been addressed

We'll review your PR as soon as possible. Keep up the great work! ✨

@KaranUnique
Copy link
Owner

@Sandraa16012007 Resolve the merge conflicts

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[ENHANCEMENT] Add Light Mode Toggle Alongside Existing UI

2 participants