Fix Incomplete Theme Switching

[kaushikharsh99]

Description

The application's theme toggle is currently only partially functional.

Switching between Light Mode and Dark Mode updates parts of the UI (primarily the canvas), but many interface elements—including text, cards, panels, dialogs, buttons, and other UI components—do not correctly respond to the selected theme.

The entire application should consistently switch between themes so that all UI elements follow the active color scheme.

This issue involves auditing the frontend theme implementation, identifying components that ignore the active theme, and ensuring all application colors are driven by the centralized design system instead of hardcoded values.

Current Behavior

• Canvas changes theme.
• Many UI components remain in the previous theme.
• Some text becomes difficult to read due to incorrect colors.
• Theme switching is visually inconsistent.

Expected Behavior

• Every UI component updates correctly when the theme changes.
• Text colors adapt automatically.
• Backgrounds, borders, cards, dialogs, sidebars, menus, and panels all follow the selected theme.
• No hardcoded colors remain where theme variables should be used.
• Theme changes should happen instantly without requiring a page refresh.

Acceptance Criteria

• Audit all major UI components for theme support.
• Replace hardcoded colors with theme-aware variables where appropriate.
• Ensure text colors update correctly.
• Ensure backgrounds and borders update correctly.
• Verify the application is fully usable in both Light and Dark Mode.
• Test theme switching across the entire application.

Notes

The goal is to have a single, consistent design system where every component responds correctly to the active theme.