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

Add ThemeContext and toggle theme functionality #52

Merged
merged 6 commits into from
Mar 31, 2024

Conversation

amandaguan-ag
Copy link
Collaborator

@amandaguan-ag amandaguan-ag commented Mar 31, 2024

Type of Changes

Type
✨ New feature

Acceptance Criteria

  • Toggle Control: A toggle switch in the NavBar.
  • Utilize Material-UI theming capabilities to ensure that components automatically adapt to the selected theme.

Related Issue

Closes #51

Description

This PR introduces a toggle for Dark and Light mode preferences using MUI, enhancing user experience by allowing users to choose their preferred visual mode.

Updates

Before

image

After

image image

Testing Steps / QA Criteria

  • Pull this branch with git pull origin ag-dark-light-mode and switch into it with git checkout ag-dark-light-mode.
  • Find the sun/moon icon on the navbar and switch between dark and light modes. Observe theme change

TODOs

  • Design according to light/dark theme

Copy link

github-actions bot commented Mar 31, 2024

Visit the preview URL for this PR (updated for commit d6355b3):

https://tcl-70-smart-shopping-list--pr52-ag-dark-light-mode-k2gsbhqb.web.app

(expires Sun, 07 Apr 2024 20:58:05 GMT)

🔥 via Firebase Hosting GitHub Action 🌎

Sign: 7bb526f3a6607712c7f73ffd6c0dfff4c62b86d9

@amandaguan-ag amandaguan-ag marked this pull request as ready for review March 31, 2024 20:56
@amandaguan-ag amandaguan-ag merged commit 40ba954 into main Mar 31, 2024
2 checks passed
@amandaguan-ag amandaguan-ag deleted the ag-dark-light-mode branch March 31, 2024 21:00
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.

23. Implement Dark/Light Mode Toggle with MUI
1 participant