Four variants, one system
Night, dusk, day and high contrast share the same roles and the same checks. Pick one, the whole page follows.
Four variants · open palette tokens · VS Code and terminals
Color that lets your eyes rest.
Kvile is a calm, perceptually balanced theme for your editor and terminal. Designed in OKLCH, checked for contrast and colorblind safety, generated from a single set of tokens.
Try it live
schedule.tstokens.json
import { createServer } from "node:http"; type Session = { name: string; hours: number }; // Calm by default, bright only where it matters. const MAX_HOURS = 8; const pattern = /^kvile-(\w+)$/i; export function schedule(s: Session): string { if (s.hours > MAX_HOURS) { throw new Error("Take a break: " + s.hours); } return s.name.replace(pattern, "$1"); }
mainTypeScriptKvile Natt
zsh
~/kvile on main ❯ node generate.mjs ✓ Kvile Natt contrast ok ✓ Kvile Dag contrast ok ! 1 hue nudged for deuteranopia ❯
Why Kvile
Quiet colors, built with math.
Most themes are picked by eye and checked never. Kvile is generated, measured, and then tuned by eye.
Contrast you can trust
7.4:1
Text on background in the current variant. Comments stay readable at 4.6:1 instead of fading away.
Safe for colorblind eyes
ΔE ≥ 6
Every pair of syntax colors stays separable under deuteranopia, protanopia and tritanopia. The build fails if one slips.
Designed in OKLCH
Accents are defined by perceptual lightness and chroma instead of hex guesses, so yellow does not shout over purple. Each hue is nudged only as far as it takes to stay distinct.
One source of truth
Edit the tokens once, regenerate everything.
Wallpapers included
Technical specimen sheets drawn from the real palette data, for desktop and phone.
See wallpapersOpen tokens
Use the palette in your own apps as JSON or CSS variables.
tokens.json & kvile.cssPalette
Eight accents. Twelve neutrals.
Click any swatch to copy its hex value. The page you are reading uses exactly these colors.
Accessibility
Proof, not promises.
Contrast is measured with WCAG ratios. Colorblind separation uses the Machado simulation and OKLab distance, where about 2 is just noticeable and Kvile enforces 6 or more.
Colorblind simulation
The same eight accents as seen by different eyes. Each row has to stay distinguishable.
Normal visionclosest pair number / constant · ΔE 10.6
Deuteranopiaclosest pair number / constant · ΔE 6.5
Protanopiaclosest pair keyword / function · ΔE 6.8
Tritanopiaclosest pair number / special · ΔE 6.8
Normal visionclosest pair number / error · ΔE 10.7
Deuteranopiaclosest pair type / special · ΔE 6.5
Protanopiaclosest pair keyword / function · ΔE 6.6
Tritanopiaclosest pair string / function · ΔE 6.5
Normal visionclosest pair keyword / special · ΔE 11.1
Deuteranopiaclosest pair string / number · ΔE 6.2
Protanopiaclosest pair number / constant · ΔE 6.5
Tritanopiaclosest pair string / function · ΔE 6.3
Normal visionclosest pair number / constant · ΔE 10.6
Deuteranopiaclosest pair number / error · ΔE 6.3
Protanopiaclosest pair keyword / special · ΔE 6.5
Tritanopiaclosest pair special / error · ΔE 6.7
Contrast report
Generated from the build for the selected variant.
| Pair | Ratio | Target | Result |
|---|---|---|---|
| text on background | 12.8:1 | 7-13:1 | ✓ pass |
| comment on background | 4.65:1 | >= 4.5:1 | ✓ pass |
| text on selection | 9.78:1 | >= 4.5:1 | ✓ pass |
| keyword on background | 9.55:1 | >= 4.5:1 | ✓ pass |
| string on background | 8.95:1 | >= 4.5:1 | ✓ pass |
| function on background | 7.01:1 | >= 4.5:1 | ✓ pass |
| type on background | 10.98:1 | >= 4.5:1 | ✓ pass |
| number on background | 8.03:1 | >= 4.5:1 | ✓ pass |
| constant on background | 10.57:1 | >= 4.5:1 | ✓ pass |
| special on background | 6.7:1 | >= 4.5:1 | ✓ pass |
| error on background | 6.6:1 | >= 4.5:1 | ✓ pass |
| Pair | Ratio | Target | Result |
|---|---|---|---|
| text on background | 9.13:1 | 5.5-10:1 | ✓ pass |
| comment on background | 3.7:1 | >= 3.5:1 | ✓ pass |
| text on selection | 6.49:1 | >= 4.5:1 | ✓ pass |
| keyword on background | 5.46:1 | >= 4:1 | ✓ pass |
| string on background | 7.14:1 | >= 4:1 | ✓ pass |
| function on background | 5.62:1 | >= 4:1 | ✓ pass |
| type on background | 8.63:1 | >= 4:1 | ✓ pass |
| number on background | 5.51:1 | >= 4:1 | ✓ pass |
| constant on background | 8.21:1 | >= 4:1 | ✓ pass |
| special on background | 7.92:1 | >= 4:1 | ✓ pass |
| error on background | 6.67:1 | >= 4:1 | ✓ pass |
| Pair | Ratio | Target | Result |
|---|---|---|---|
| text on background | 12.63:1 | 7-14:1 | ✓ pass |
| comment on background | 4.7:1 | >= 4.5:1 | ✓ pass |
| text on selection | 9.33:1 | >= 4.5:1 | ✓ pass |
| keyword on background | 6.99:1 | >= 4.5:1 | ✓ pass |
| string on background | 4.58:1 | >= 4.5:1 | ✓ pass |
| function on background | 4.52:1 | >= 4.5:1 | ✓ pass |
| type on background | 6.22:1 | >= 4.5:1 | ✓ pass |
| number on background | 4.7:1 | >= 4.5:1 | ✓ pass |
| constant on background | 7.18:1 | >= 4.5:1 | ✓ pass |
| special on background | 4.84:1 | >= 4.5:1 | ✓ pass |
| error on background | 6.63:1 | >= 4.5:1 | ✓ pass |
| Pair | Ratio | Target | Result |
|---|---|---|---|
| text on background | 17.73:1 | 12-21:1 | ✓ pass |
| comment on background | 7.29:1 | >= 7:1 | ✓ pass |
| text on selection | 14.71:1 | >= 4.5:1 | ✓ pass |
| keyword on background | 9.67:1 | >= 7:1 | ✓ pass |
| string on background | 9.91:1 | >= 7:1 | ✓ pass |
| function on background | 13.18:1 | >= 7:1 | ✓ pass |
| type on background | 14.2:1 | >= 7:1 | ✓ pass |
| number on background | 11.37:1 | >= 7:1 | ✓ pass |
| constant on background | 13.91:1 | >= 7:1 | ✓ pass |
| special on background | 8.92:1 | >= 7:1 | ✓ pass |
| error on background | 8.92:1 | >= 7:1 | ✓ pass |
Install
Two minutes to calmer.
Everything lives in the repository. Variants are Natt, Skumring, Dag and Kontrast.
VS Code
git clone https://github.com/asconix/kvile.git
cd kvile/ports/vscode
ln -s "$(pwd)" ~/.vscode/extensions/asconix.kvile-0.1.0Reload VS Code, then run "Preferences: Color Theme" and pick a Kvile variant.
Ghostty
cp ports/terminal/ghostty/kvile-* ~/.config/ghostty/themes/In your Ghostty config: theme = kvile-natt
Alacritty
mkdir -p ~/.config/alacritty/themes
cp ports/terminal/alacritty/*.toml ~/.config/alacritty/themes/In alacritty.toml: general.import = ["~/.config/alacritty/themes/kvile-natt.toml"]
kitty
cp ports/terminal/kitty/*.conf ~/.config/kitty/In kitty.conf: include kvile-natt.conf
WezTerm
mkdir -p ~/.config/wezterm/colors
cp ports/terminal/wezterm/*.toml ~/.config/wezterm/colors/In wezterm.lua: config.color_scheme = "Kvile Natt"
iTerm2
open ports/terminal/iterm2/kvile-natt.itermcolorsOr: Settings > Profiles > Colors > Color Presets > Import.
Windows Terminal
ports/terminal/windows-terminal/kvile-schemes.jsonPaste the entries into the schemes array in settings.json, then set colorScheme on your profile.
Wallpapers
The palette, painted.
A specimen sheet for each variant: the OKLCH plot of its eight accents, neutral ramp, contrast ladder and colorblind simulation, over a soft aurora. Full resolution PNGs for desktop and phone.
