Azure-Samples / contoso-real-estate

Intelligent enterprise-grade reference architecture for JavaScript, featuring OpenAI integration, Azure Developer CLI template and Playwright tests.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[Hack-together] feat: add dark theme and theme toggle

master-coder-ayush opened this issue · comments

Are you accessing the project from the GitHub Codespaces?

  • No, I am running the project on my local machine (I will fill in the OS section below)
  • [✅] Yes, I am using GitHub Codespaces.

Note: The project is optimized to run on Codespaces. We welcome contributions to enhance it for cross-platform local development, but it's not something we will prioritize right now. Thank you!

Describe the bug
A clear and concise description of what the bug is.
The site has no Light-Dark theme switch which I believe can enhance the user experience.

To Reproduce
Steps to reproduce the behavior:

  1. Use Material UI

Expected behavior

A toggle button on the navbar or right below the navbar in the right corner.

Screenshots

Screenshot (587)

OS (please complete the following information):

  • OS:
  • OS Version:
  • npm version:
  • Node.js version:
  • output of azd version:

Additional context
Add any other context about the problem here.

Hi @master-coder-ayush Thanks for raising this issue!
A dark theme/theme toggle would indeed be a great addition. It is great work and we have 24 hours until the end of the Hackathon. @juliamuiruri4 Would we still consider this PR as part of the hackathon if it's opened after the deadline?

@anfibiacreativa - Yes, we can consider the PR. We gave some extension as most people learnt about the hack together towards the end and wanted to still contribute. Thanks @master-coder-ayush and looking forward to your contribution!

Closing due to inactivity. Stale.