Summary
While going through the Harbor documentation for extended periods, reading in light mode can be uncomfortable, especially in low-light environments. This issue proposes adding optional dark mode support to the Harbor website and documentation to improve readability and user experience.
Proposed Approach
- Implement CSS-only dark mode using
prefers-color-scheme: dark
- No JavaScript toggle initially (keeps scope small and maintenance low)
- Preserve the existing light theme as default
- Use Sass variables / tokens to avoid duplicating styles
- Ensure proper contrast and accessibility compliance
Summary
While going through the Harbor documentation for extended periods, reading in light mode can be uncomfortable, especially in low-light environments. This issue proposes adding optional dark mode support to the Harbor website and documentation to improve readability and user experience.
Proposed Approach
prefers-color-scheme: dark