Xubz Dark

Overview

Xubz Dark started from a simple frustration: most dark themes pick a color palette and apply it uniformly, so keywords, types, and errors all fight for the same visual weight. The goal was a theme that behaves like a design system - where color is assigned by semantic importance, not by category alone, and where red is reserved exclusively for real problems (errors, diagnostics, breakpoints) so no keyword or type ever looks broken.

Objectives

1. Build a genuinely distinguishable syntax palette that holds up during 12+ hour sessions
2. Reserve red exclusively for errors and diagnostics - never for keywords or types
3. Redesign every VS Code surface (sidebar, tabs, terminal, debugger, Git, IntelliSense) as one coherent system, not just the editor

Process

1. Defined a semantic color hierarchy first - keywords, functions, classes, types, and constants each got a distinct, reasoned color - before touching a single line of the VS Code theme schema.
2. Wrote the full workbench color set (550+ keys) and TextMate/semantic token rules by hand, covering TypeScript, Python, Rust, Go, C#, Java, HTML/CSS, and more.
3. Packaged it as a real VS Code extension with `vsce`, tested it on real multi-language code, and rendered accurate preview screenshots straight from the theme's own color values.

Results

1. A complete, installable VS Code theme extension published on GitHub with a tagged v1.0.0 release.
2. A consistent visual system across every VS Code surface, not just editor syntax highlighting.
3. A documented, reusable color reference other developers can extend or fork.