Skip to content

Dark Mode Not Applying on Projects and Blog Pages #92

@ankushkhakale

Description

@ankushkhakale

Overview

Dark mode is active across most of the application, but the Projects and Blog pages do not reflect the dark theme. This creates inconsistency in the user experience and breaks visual continuity across the site.

What’s Happening

  • Global dark mode toggles correctly.

  • However, when navigating to the Projects or Blog sections, the UI remains in light mode. This suggests that these pages are not inheriting or responding to the global theme configuration.

Expected Behavior

When dark mode is enabled, all pages—including Projects and Blog—should automatically switch to the dark theme and follow the same color tokens/variables used across the rest of the application.

Potential Areas to Check

  • Whether these pages are wrapped inside the global theme/layout provider
  • Component-level styles that may be overriding theme values
  • Missing dark-mode classes or conditional theme bindings
  • Hardcoded colors not linked to the theme system

Why This Matters

Consistent dark mode support is essential for accessibility, visual coherence, and user comfort. Ensuring uniform theme behavior across all pages improves overall polish and usability.

Suggested Path Forward

Audit the theme propagation to these two pages and align their styling with the global theme setup. No UI changes are needed—only theme consistency.

I would like to work on it under the WOC program.
Kindly assign it to me.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions