Skip to content

added dark light toggle on about us page#1000

Merged
Renu-code123 merged 1 commit intoRenu-code123:mainfrom
Eshajha19:about-dark
Mar 5, 2026
Merged

added dark light toggle on about us page#1000
Renu-code123 merged 1 commit intoRenu-code123:mainfrom
Eshajha19:about-dark

Conversation

@Eshajha19
Copy link
Contributor

🌙✨ Added Dark/Light Mode Toggle on About Us Page

Overview

This PR introduces a Dark/Light theme toggle to the About Us page, allowing users to switch between light and dark themes for a better viewing experience.

Key Changes

Added a theme toggle button in the navbar.

Implemented dark mode styling for key components including:

Page background

Navbar

Cards (balance-card)

Footer

Form inputs and buttons

Ensured smooth transitions between light and dark themes.

Implemented localStorage support to remember the user's theme preference across page reloads.

Improvements

Enhances user accessibility and comfort, especially for low-light environments.

Maintains consistent styling with existing UI components.

No changes were made to the existing layout structure.

Testing

Verified that theme toggling works correctly.

Confirmed theme preference persists after page refresh.

Checked compatibility across different screen sizes.

Result

Users can now seamlessly switch between Dark Mode 🌙 and Light Mode ☀️ on the About Us page, improving the overall user experience.

This PR closes issue #996

Screen.Recording.2026-03-05.131932.mp4

@vercel
Copy link

vercel bot commented Mar 5, 2026

@Eshajha19 is attempting to deploy a commit to the Renu's projects Team on Vercel.

A member of the Team first needs to authorize it.

@github-actions
Copy link

github-actions bot commented Mar 5, 2026

🎉 Thanks for the PR, @Eshajha19!

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


⭐ Love this project?

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

🔗 https://github.com/Renu-code123/ExpenseFlow


✅ 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

🙌 Thank You for Contributing!

We truly appreciate your interest in contributing to this project.

  • Please make sure your code follows the project structure
  • Add clear commit messages and comments where necessary
  • Ensure your changes do not break existing functionality

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


@vercel
Copy link

vercel bot commented Mar 5, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
expenseflow Ready Ready Preview, Comment Mar 5, 2026 2:58pm

@Renu-code123 Renu-code123 merged commit c9a480e into Renu-code123:main Mar 5, 2026
4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants