Koipop

Color theme for VS Code, in dark and light. UI elements use a scale of cool gray and are intended to be clean and consistent. Code tokens use vibrant, assertive, bright colors and are intended to be readable, consistent, and quick for your eyes to scan.

Both themes use the same gray scale from opposite ends, and the same color for each kind of token: keywords pink, strings orange, functions green, classes yellow, types cyan, numbers and constants purple.

Koipop Dark

Koipop Light

Languages

Each pair shows Koipop Dark on the left and Koipop Light on the right.

TypeScript and React

TypeScript in Koipop Dark and Light

PHP

PHP in Koipop Dark and Light

Python

Python in Koipop Dark and Light

Go in Koipop Dark and Light

Rust

Rust in Koipop Dark and Light

Ruby

Ruby in Koipop Dark and Light

CSS

CSS in Koipop Dark and Light

HTML

HTML in Koipop Dark and Light

Markdown

Markdown in Koipop Dark and Light

SQL

SQL in Koipop Dark and Light

YAML

YAML in Koipop Dark and Light

Around the editor

Terminal: all 16 ANSI colors, git output and test results.

Terminal in Koipop Dark and Light

Diff and source control

Diff editor in Koipop Dark and Light

Command palette

Command palette in Koipop Dark and Light

Find

Find widget in Koipop Dark and Light

Suggestions

Suggestions in Koipop Dark and Light

Problems

Problems panel in Koipop Dark and Light

Install

Search for Koipop in the Extensions view, or run ext install dhoulb.koipop from the command palette (Ctrl+P / Cmd+P). Then choose Koipop Dark or Koipop Light with Preferences: Color Theme.