Enhance TalkHeal User Experience with Theme Color Palette Selector and Dark/Light Mode Toggle

[213sanjana]

📝 Description
This PR enhances the TalkHeal user experience by adding a dynamic theme color palette selector for a soothing effect and a dark/light mode toggle.

🌈 Features Added
🔹 Dynamic Theme Palette Selector
-Users can now choose from soothing color palettes: Lavender, Mint, Blue, Pink , in addition to Light and Dark modes.
-Theme changes are applied instantly without requiring a page reload.
-Each palette includes a matching background gradient for a calming user experience.

🔹 Theme Toggle Improvements
-The theme toggle button is now consistently styled and right-aligned above the TalkHeal title.

Closes #8 – This PR resolves and closes the reported issue regarding theme customization and theme customization.

[eccentriccoder01]

Great❕Please provide your deployment link or relevant screenshots of your working PR.
Also, pull latest changes if any.
Thanks for your efforts in improving TalkHeal.

[213sanjana]

These are screenshots of Dark Mode and Colored palete themes

[eccentriccoder01]

Thank you so much for this beautiful enhancement, @213sanjana!
The theme palette and the light/dark toggle are really elevating the overall UX. Awesome job!

Just one small suggestion:
Previously, we had a signature heart-themed pink/magenta background image which added a unique emotional tone to the app. While I understand your gradient backgrounds are cleaner and unified across themes (which is great!), I feel that reintroducing that heart background specifically for the “Pink” theme would preserve that original feel and emotional warmth without affecting the new flexibility you've brought in. If you're okay with it, could we explore retaining or blending that image into the Pink theme? Totally open to discussing the implementation approach!

Also please share your deployment link once.

Once again, incredible work, really appreciate your contribution 💖

[213sanjana]

Thank you for the appreciation.
Sure we can do it For the light mode the baground which you added is still there i havent changed it but for other themes i didnt think about rendering the same heart pic with different color. Should i try doing it for all color themes with matching hearts

the image is of the light mode which has the original baground image which you had added

[213sanjana]

I have updated New backgrounds for each themed colored heart.

ck

[eccentriccoder01]

Great...looks wonderful, incredible work❕Thanks for your patiennce and efforts in improving TalkHeal @213sanjana.