Repository navigation
Add dark mode with persistent user preference #5025
Description
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.
Activity
github-actions commentedon Jul 2, 2026
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!
anshul23102 commentedon Jul 2, 2026
@codeharborhub Could you please assign/ this issue to me? I would like to work on it under GSSOC '26.
github-actions commentedon Jul 30, 2026
Hello @anshul23102! Your issue #5025 has been closed. Thank you for your contribution!