Styling dark mode for our blog cards in home page for UI consistency.

[KalangiGeetaneha]

Describe the bug

The Our Blog cards on the Home page currently retain a light theme even when the rest of the website is in dark mode. This inconsistency affects the overall visual harmony and user experience. Implementing proper dark mode styling for these cards will ensure uniformity and enhance readability in low-light conditions.

To Reproduce

Open the website and enable Dark Mode (if available).

Navigate to the Home Page.

Scroll down to the Our Blog section.

Observe that the blog cards remain in light theme while the rest of the UI switches to dark mode.

Expected behavior

When Dark Mode is enabled:

The Blog Cards should adopt dark backgrounds with appropriate contrast for text and icons.

Blog titles and descriptions should use light-colored text (e.g., white or light gray).

Card shadows, borders, and hover effects should blend seamlessly with the dark theme.

Maintain consistent styling with other dark mode components across the website.

Additional context

[github-actions]

🙏 Thank you for opening this issue!

We appreciate your effort in contributing to this project. Our team will review the details shortly.

🔎 Meanwhile, please ensure that you have:

• Reviewed the README.md for project setup and guidelines.
• Gone through the CONTRIBUTING.md to follow contribution standards.
• Read the CODE_OF_CONDUCT.md to maintain a respectful community.

⚠️ Kindly note: Please do not create a Pull Request until this issue has been properly assigned to you. This helps us keep contributions well-organized. 🚀

Thanks again for your contribution! ✨

[Sarath-153]

Hi @KalangiGeetaneha 👋,

I’d like to work on this issue.
Could you please assign it to me?

Here’s my initial draft of the README for your review:
View README on GitHub

[Akashshelke07]

Hi @KalangiGeetaneha,

Thank you for identifying the inconsistency in dark mode styling for the Our Blog cards. Maintaining uniform dark mode across all components is important for visual harmony and readability.

Please proceed with the following adjustments:

• Apply a dark background color for the Blog cards that matches the global dark theme.
• Ensure titles, descriptions, and icons use light-colored text for proper contrast.
• Update card shadows, borders, and hover effects to blend seamlessly with the dark mode.
• Verify that the styling remains consistent with other dark mode components across the website.

Once implemented, please submit a pull request including before-and-after screenshots for review.

Your attention to theme consistency and readability greatly enhances the overall user experience.