Text on testimonial cards should remain clearly visible in both light and dark modes.

[patilgreeshma]

Related Issue(s)

• Fixes [Bug]: Testimonial Text Not Visible in Light Mode #345

Summary

The testimonial prompt component had hardcoded dark background and white text colors, causing poor visibility and inconsistent appearance in light mode. This PR replaces the hardcoded colors with CSS custom properties that adapt to both light and dark themes, ensuring consistent and accessible styling across modes.

Changes

Replaced fixed background and text colors with CSS variables (--card, --card-foreground) for dynamic theming
Added hover styles using CSS variables to maintain theme consistency
Updated component class and inline styles for better light/dark mode support

How to Test

1. Open the app in light mode and verify the testimonial prompt is visible with appropriate colors
   2.Switch to dark mode and confirm the prompt adapts visually and remains readable
   3.Hover over the prompt and ensure the background color changes smoothly according to the theme

Checklist

• I linked a related issue using Fixes #345
• I tested locally and verified the changes work as expected
• I updated docs or comments where needed

Hello @saumyayadav25 verify this PR and let me know if any changes are required.

[vercel]

Someone is attempting to deploy a commit to the saumyayadav213-gmailcom's projects Team on Vercel.

A member of the Team first needs to authorize it.

[github-actions]

Thanks for creating a PR for your Issue! ☺️

We'll review it as soon as possible.
In the meantime, please double-check the file changes and ensure that all commits are accurate.

If there are any unresolved review comments, feel free to resolve them. 🙌🏼

[vercel]

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

Project	Deployment	Preview	Comments	Updated (UTC)
dsamatetemplate	Ready	Preview	Comment	Sep 22, 2025 11:29am

[saumyayadav25]