A high-contrast, accessibility-focused VS Code theme inspired by Sonokai by sainnhe. This theme meets or exceeds WCAG AA standards and in most cases meets or exceeds AAA contrast standards.
- Meets or exceeds AAA WCAG in most cases
- A few instances where AA-rated exists (inlay Hints in Go and Git ignored files in the side bar)
- Support for Semantic Highlighting
Clone the repo, then install with
code --install-extension esacteksab-kai-0.0.7.vsix- Click the gear button in the lower left corner.
- Click
Color Theme. - Select esacteksab kai [atlantis|vivid] in the list.
- VS Code with the Dev Containers extension, or Node.js 22+ installed locally
npm installto install dependencies
The three theme files live in themes/:
| File | Theme |
|---|---|
themes/esacteksab-kai-default.json |
Default |
themes/esacteksab-kai-atlantis.json |
Atlantis |
themes/esacteksab-kai-vivid.json |
Vivid |
To preview changes live, press F5 in VS Code. This opens an Extension Development Host window with the modified theme loaded. Changes to the JSON files are picked up immediately — no restart needed.
-
Edit the theme JSON files with your changes.
-
Bump the version in
package.jsonfollowing semver:npm version patch # 0.0.5 → 0.0.6 (bug fix / color tweak) npm version minor # 0.0.5 → 0.1.0 (new theme variant) npm version major # 0.0.5 → 1.0.0 (breaking change)
-
Update
CHANGELOG.mdwith a summary of what changed. -
Validate the theme files are well-formed:
npm run validate:themes
-
Package the extension:
npx vsce package
This produces a
.vsixfile (e.g.esacteksab-kai-0.0.6.vsix). -
Test the package by installing it locally:
code --install-extension esacteksab-kai-<version>.vsix
-
Commit and push — the
Validate ExtensionCI workflow will verify the package builds cleanly on every push and PR.
MIT License © esacteksab