Skip to content
alpha icon

alpha

Perceptually balanced isoluminant syntax palette with a restrained interface. Two variants — alpha dark and alpha light.

Install on VS Code Marketplace

Two variants

Same seven hues. The dark variant locks lightness; the light variant retunes it to keep weight equal on white.

// alpha dark
const N = 42;
function hello(name) {
  return `hi, ${name}`;
}
alpha dark · #0d1117 background
// alpha light
const N = 42;
function hello(name) {
  return `hi, ${name}`;
}
alpha light · #ffffff background, WCAG-AA tuned

Designed for legibility

A handful of design rules, applied consistently across the whole theme.

🎨

Two variants

alpha dark and alpha light. A clean, familiar surface in both — switch with the OS, or pin one.

⚖️

Isoluminant palette

Dark variant locks every syntax color at HSL(h, 100%, 68%). Only the hue rotates, so no token visually outweighs another.

☀️

WCAG-AA in light

Light variant retunes lightness per hue to clear ≥ 4.5:1 contrast on white. Saturation stays at 100%, weight stays equal.

🧩

Restrained chrome

Editor, sidebar, status bar, tabs, panels, terminal, and git decorations are tuned to stay quiet, so the code can speak.

🆓

Free & MIT

No paywalls, no telemetry, no account. Open source under the MIT License, hosted on GitHub.

Broad VS Code support

Runs on VS Code 1.74 and up. Installs in seconds from the Marketplace or via the CLI.

Seven hues, equal weight

Dark variant locks every color at HSL(h, 100%, 68%) — only the hue rotates. Light variant retunes lightness per hue to hit WCAG-AA on white.

Hue
Used for
Dark
Light
variables, tags
#ff5c5c
#ed0000
20°
constants, numbers
#ff925c
#d14600
49°
classes, types
#ffe15c
#8c7300
143°
strings
#5cff9a
#008734
186°
functions
#5cefff
#008391
221°
operators
#5c8fff
#266bff
284°
keywords
#d35cff
#bd08ff

In your editor

Familiar surfaces. A palette tuned to disappear into them.

alpha dark — JavaScript editor view
alpha dark — command palette open

Install

Pick your variant from Preferences: Color Theme.

From VS Code

  1. Open Extensions (⌘+Shift+X)
  2. Search Alpha
  3. Install & reload
  4. Run Preferences: Color Theme → pick alpha dark or alpha light

From the command line

code --install-extension gokhangunduz.alpha

Ready to try it?

Install on VS Code Marketplace