Skip to content

Add dark mode to the user guide - #1024

Closed
Kerrick wants to merge 2 commits into
inko-lang:mainfrom
Kerrick:css-dark-mode
Closed

Kerrick wants to merge 2 commits into
inko-lang:mainfrom
Kerrick:css-dark-mode

Conversation

@Kerrick

@Kerrick Kerrick commented Oct 22, 2026 •

Copy link
Copy Markdown

Fixes #895 in concert with idoc/#6

CleanShot 2026-10-22 at 11 50 14 AM@2x CleanShot 2026-10-22 at 11 50 23 AM@2x

A dark mode color scheme, which can be toggled by the reader in their browser or operating system settings and is read by the prefers-color-scheme media query, is added. The colors are based on the open source a11y-syntax-highlighting theme. For the colorful backgrounds, I transformed the foreground colors in the OKLCH color space by reducing lightness until it met both WCAG AAA against
primary text, and WCAG AA against hyperlink text.

In preparation for adding dark mode, the first commit renames color variables semantically. It also cleans up redundant or unused colors between the idoc and inko repos, and re-orders them to group fg-, border-, and bg-* for easier reading.

The design, styling updates, commit messages, and PR description for this PR were created without any contribution from a generative AI.
The commits for this pull request were created with non-creative assistance from a generative AI. It was used as a search tool, task runner, and debugger.

In preparation for adding dark mode, this commit renames color variables
semantically. This also cleans up redundant or unused colors between the
idoc and inko repos, and re-orders them to group fg-*, border-*, and
bg-* for easier reading.
A dark mode color scheme, which can be toggled by the reader in their
browser or operating system settings and is read by the
`prefers-color-scheme` media query, is added. The colors are based on
the open source a11y-syntax-highlighting theme. For the colorful
backgrounds, I transformed the foreground colors in the OKLCH color
space by reducing lightness until it met both WCAG AAA against
fg-primary, and WCAG AA against fg-blue (for links).

Implements: inko-lang#895
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Add dark mode to the user guide and standard library documentation

2 participants