Stilla

Install

VS Code

Search Stilla in Extensions, or:

code --install-extension jakeisnt.stilla

Neovim

Add to lazy.nvim:

{
  "ulnd/stilla",
  subdir = "packages/nvim",
  config = function()
    require("stilla").set()
  end,
}

Doom Emacs

Download doom-stilla-theme.el, then:

(setq doom-theme 'doom-stilla)

theme-preview.ts — stilla

theme-preview.ts

config.ts

main TypeScript

UTF-8 LF Spaces: 2

Contrast Analysis

How readable is text when placed on a given background? Two methods measure this — they agree most of the time, but each catches different edge cases.

WCAG ratio is the classic formula from WCAG 2.1. It produces a number like 4.5:1 — higher means more contrast, with 1:1 being invisible and 21:1 being black on white. AA is the widely-required accessibility standard: normal text needs at least 4.5:1, large text (18pt+ or bold 14pt+) needs 3:1. AAA is the stricter target at 7:1, recommended for body text.

APCA Lc (Advanced Perceptual Contrast Algorithm) is the next-generation method under development for WCAG 3.0. It models how human vision actually perceives lightness and renders a score from 0–108 — it accounts for font size, weight, and the direction of contrast (light-on-dark vs dark-on-light), which the old formula ignores. A score of 75+ is generally considered good for body text; 60+ works for large or bold text.

Values update live as you adjust colors above.

Pairing	Preview	WCAG Ratio	WCAG Level	APCA Lc	APCA Rating

WCAG 2.1 ratio — AAA ≥ 7:1 · AA ≥ 4.5:1 · AA-large ≥ 3:1 APCA Lc score — Best ≥ 90 · Good ≥ 75 · OK ≥ 60 · Min ≥ 30