Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feature: Add dark mode #3

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

askadityapandey
Copy link

Pull Request: Feature - Add Dark Mode

Description

This pull request introduces a new feature - the addition of a dark mode to enhance the user experience. Dark mode is becoming increasingly popular, and this enhancement aims to make our application more visually appealing in low-light environments.

Changes Made

  • Implemented a Dark Mode Toggle component (DarkModeToggle.tsx).
  • Added SCSS styles for both light and dark modes.
  • Updated the main application styles to support dark mode.

How to Test

  1. Open the application.
  2. Locate the Dark Mode Toggle button.
  3. Click the button to toggle between light and dark modes.
  4. Verify that the UI adapts smoothly to the selected mode.

Screenshot

image

Checklist

  • Tested locally.

Copy link

vercel bot commented Jan 10, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
cryptmoji ✅ Ready (Inspect) Visit Preview 💬 Add feedback Jan 10, 2024 2:54pm

Copy link
Owner

@ad1992 ad1992 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks @askadityapandey for adding dark theme 🔥

Some notes on the approach 👇

  1. Lets use CSS variables for dark theme
  2. Lets use the standard sun/moon icon for dark theme, the icons we can pick from fontawesome

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.

2 participants