v1.11.0
Overview
Color schemes for both dark and light themes have been comprehensively revised to improve accessibility for color-blind users. Background colors, code block backgrounds, body text, and link colors have been adjusted to enhance visibility and contrast. Additionally, the reorganization of CSS variables makes future customization easier.
These concepts are belongs to WCAG 2.2 + and practical perspective. This theme's specs are followings.
| Light Theme | Dark Theme | |
|---|---|---|
| Before | ![]() |
![]() |
| After | ![]() |
![]() |
Improvements
- Enhanced Accessibility: Adjusted color schemes to be more accessible for color-blind users. Improved contrast between background and text colors in both light and dark themes
- CSS Variable Reorganization: Unified color numbering system following GitHub Primer naming conventions. Improved maintainability and customizability
- Table of Contents Enhancement: Added new CSS variable --toc-marker-hover to control the active icon color in the table of contents. Visual feedback on hover is now customizable
- Optimized Color Balance: Adjusted the balance between background color and body text in the light theme for a more comfortable reading experience during extended sessions
What's Changed
- chore(deps): bump actions/setup-node from 6.1.0 to 6.2.0 by @dependabot[bot] in #70
- chore(deps-dev): bump @playwright/test from 1.57.0 to 1.58.0 by @dependabot[bot] in #71
- refactor: color scheme variables in SCSS by @guitarrapc in #72
- refactor: color scheme number rule should be GitHub Primior by @guitarrapc in #73
- feat: reconcider dark mode color scheme for accessibility by @guitarrapc in #74
- feat: Improves light theme accessibility and balance by @guitarrapc in #75
- feat: add --toc-marker-hover to handle toc hover color by @guitarrapc in #76
- feat: update images by @guitarrapc in #77
Full Changelog: v1.10.0...v1.11.0



