Add dark mode with persistent user preference

Problem

CodeHarborHub has no dark mode. Developers who prefer dark themes — a majority of the target audience — must read white-background content that causes eye strain during extended study sessions.

Proposed Solution

Since CodeHarborHub is built on Docusaurus, enable the built-in dark mode theme support:

// docusaurus.config.js
module.exports = {
  themeConfig: {
    colorMode: {
      defaultMode: 'light',
      disableSwitch: false,
      respectPrefersColorScheme: true,
    },
  },
};

Customize dark theme CSS variables to match CodeHarborHub's brand palette:

[data-theme='dark'] {
  --ifm-background-color: #1a1b2e;
  --ifm-font-color-base: #e2e8f0;
  --ifm-color-primary: #64ffda;
}

Additional Context

Level 2 feature. Verify all custom components look correct in dark mode, especially SVG diagrams that use hardcoded dark colors.

@anshul23102

Hi @anshul23102! Thanks for opening this issue. We appreciate your contribution to this open-source project. Your input is valuable and we aim to respond or assign your issue as soon as possible. Thanks again!

@codeharborhub Could you please assign/ this issue to me? I would like to work on it under GSSOC '26.

@anshul23102

Hello @anshul23102! Your issue #5025 has been closed. Thank you for your contribution!

Navigation Menu

Repository navigation

Add dark mode with persistent user preference #5025

Problem

Proposed Solution

Additional Context

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Add dark mode with persistent user preference #5025

Description

Problem

Proposed Solution

Additional Context

Activity

github-actions commented on Jul 2, 2026

anshul23102 commented on Jul 2, 2026

github-actions commented on Jul 30, 2026

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions