Fix Dark/Light Theme Issues and Ensure Consistent Color Tones Across All Pages

[Kom02]

Description

Currently, there are inconsistencies and errors when switching between dark and light themes throughout the application. Some pages or components do not display the correct colors or styles according to the selected theme, resulting in a disjointed user experience. The color palette and tones should be consistent for each theme across all pages and components.

Purpose

Ensuring consistent and reliable theme support improves the application's visual coherence, user experience, and accessibility. It allows users to switch seamlessly between dark and light modes without confusion or readability issues.

Acceptance Criteria

• All pages and components correctly display the appropriate colors and styles for the selected dark or light theme.
• The color palette and tones remain consistent throughout the application for each theme.
• No visual glitches, unreadable text, or broken backgrounds appear when switching themes.
• Theme switching is smooth and reflects immediately across the entire platform.
• The application builds and runs successfully after all fixes.

Additional Information

Refer to the project's design system or style guide to ensure proper use of color variables and theme tokens. Consider adding visual regression tests for theme switching, if possible.

Priority

High

[YakshitAgarwal]

@Kom02 assign this issue. I will start working on them one by one.