Implement Dark Mode Toggle for the Notes App

[Priyakatariya]

🔧 Key Changes:
Added a 🌙/🌞 toggle button in the navigation bar (header.ejs) to switch between Light and Dark themes.

Applied CSS variables for theming (main.css), allowing consistent and easy style switching.

User theme preference is stored in localStorage to persist the mode across sessions.

Smooth transition animations between themes for better UX.

Updated styles to ensure all elements (backgrounds, text, cards, forms, links) adapt properly in both themes.

http://localhost:5000/

[soumya813]

Thanks for the PR! I appreciate your effort in adding the dark mode toggle. However, I noticed a few concerns
-the current implementation removes the existing pink theme entirely, which we want to keep as the default.
-Also, the dark mode styling feels too generic and doesn’t align with the soft, aesthetic vibe of the app.
-The code appears to be fully ai generated.
I’d suggest keeping the original theme intact, refining the dark mode to better match the app’s mood, and restructuring the code to stay consistent with the rest of the project.
Let me know if you need any help with this, happy to guide!

[Priyakatariya]

I send you this just to know what type of google effect you want but now I fix everything accordingly you mention

…

On Tue, 17 Jun 2025, 10:12 am Soumya Srivastav, ***@***.***> wrote: ***@***.**** commented on this pull request. Thanks for the PR! I appreciate your effort in adding the dark mode toggle. However, I noticed a few concerns -the current implementation removes the existing pink theme entirely, which we want to keep as the default. -Also, the dark mode styling feels too generic and doesn’t align with the soft, aesthetic vibe of the app. -The code appears to be fully ai generated. I’d suggest keeping the original theme intact, refining the dark mode to better match the app’s mood, and restructuring the code to stay consistent with the rest of the project. Let me know if you need any help with this, happy to guide! — Reply to this email directly, view it on GitHub <#9 (review)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/BMGHVRMSO3IVEANLNLBQBQT3D6MC7AVCNFSM6AAAAAB7JYEN6WVHI2DSMVQWIX3LMV43YUDVNRWFEZLROVSXG5CSMV3GSZLXHMZDSMZUGEYDSNJZGI> . You are receiving this because you authored the thread.Message ID: ***@***.***>