A dark theme built for long coding sessions — soft on the eyes, easy on the mind.
Designed around a dark blue-gray background with a carefully muted palette where every token category has its own distinct hue, so you can read code structure at a glance without eye strain.
Screenshots
TypeScript / React
Python
CSS
Color palette
Token
Color
Hex
Keywords — control flow (if, return, for)
Mauve
#c070a8
Storage type (const, let, var, function)
Teal
#5aab98
Modifiers (export, import, async)
Amber
#c08848
Functions
Purple
#9878d8
Strings
Sage green
#7aaa80
Types / Classes
Lavender
#b898d8
Type primitives (string, number, boolean)
Steel blue
#6aa8c8
Constants
Gold
#d4b878
Numbers / Booleans
Coral
#c07878
Comments
Muted purple
#5a5880
Variables
Blue-white
#b8c8de
Features
Hue-based token separation — each token category lives in its own color family, not just a different shade of the same color
Semantic highlighting — TypeScript and Python LSPs contribute extra precision: const variables in gold, readonly properties, self/cls in italic
GitLens — inline blame styled to blend with the background, visible when you want it
Bracket pair colors — 6 colors drawn from the theme palette
CSS in HTML — selectors, properties, values, custom properties, and at-rules each get a distinct color
Python — decorators, built-ins, f-strings, lambda, type hints all covered
