[BUG] Cards in Team Section Not reflecting Dark Theme

[sezallagwal]

Description

The cards on the page are not adapting to the dark theme, resulting in a mismatch between the background and card colors. This disrupts the overall visual consistency of the dark theme.

Steps to Reproduce

1. Enable the dark theme on the application.
2. Navigate to the section where cards are displayed.
3. Observe that the cards maintain a light color scheme, not matching the dark theme background.

Expected Behavior

The cards should adhere to the dark theme by adopting dark background colors and light text colors, blending seamlessly with the rest of the dark-themed UI.

Possible Solutions

• Update card component styles to use the dark theme color variables for background, text, and borders.
• Ensure that all nested elements within the cards also follow dark theme colors.
• Consider using CSS variables or theme-specific classes to dynamically adjust the card colors based on the active theme.

Additional Context

This issue affects user experience as it creates a visual inconsistency within the application.

Please assign labels gssoc-ext and hacktoberfest to this issue.

[github-actions[bot]]

Hello sezallagwal, Thanks for opening an issue in HelpOps-Hub! 🚀

• Please make sure to follow our Contributing Guidelines.

• Hope you star our Repo.

• Join our official Discord server, where we can collaborate and discuss how to make HelpOps-Hub even better and more professional.

• Don’t forget to follow us on LinkedIn!