Inconsistent Dark Mode Implementation

[Jyoti520]

• I have checked that this issue has not already been opened.
• Note: Fill the above [] with x to mark it.

🐞 Issue Description

There are multiple ways to implement dark mode in the project, which causes confusion.

• Dark mode is currently implemented in index.css, which automatically converts classes like:
• text-gray-900 → text-white
• bg-white → bg-gray-900
• This global override causes confusion and makes it harder to maintain.
• Using isDarkMode logic inside React components makes the implementation harder to maintain.

💡 Expected Behavior

• Dark mode should be implemented in one consistent way across all components using the dark class.
• Use Tailwind’s dark: variants instead of global overrides.
• Text and background colors should be predictable and aligned with the site theme, without needing extra isDarkMode checks in React components.

📷 Screenshots (Optional)

N/A

✅ Additional Context (Optional)

I would to like fix this issue.

[ArthSonani]

i would like fix this issue, @Adarsh-Chaubey03 or @Jyoti520 could you please assign this to me ?

[Jyoti520]

@ArthSonani This issue already assigned to me

[Adarsh-Chaubey03]

This issue will be closed on Thursday @6pm due to prolonged delay. @Jyoti520