Dark theme extension for Visual Studio Code.

Overview

Spiral is a near-black dark theme built around a single idea: let your code glow against the void. The UI sits on deep blacks and graphites (#000000, #0A0A0A, #111111) with soft grey accents, so editor chrome stays quiet and out of the way. Syntax tokens, by contrast, are tuned to a vivid neon palette — electric pink, violet, cyan, lime green, amber, and yellow — giving keywords, strings, types, and functions strong, distinct identities at a glance. The result feels like writing code inside a spiral galaxy: a calm, focused void punctuated by bright, readable bursts of color. It's built for long sessions where eye strain matters but losing track of syntax doesn't.

Color Preview

Role	Color	Hex
Editor background	⬛	`#000000`
Panels / sidebars	⬛	`#0A0A0A` / `#111111`
UI accent / borders	⬜	`#727272`
Foreground / text	⬜	`#FAFAFA`
Keywords / tags	🟪	`#8A2BE2`
Strings / decorators	🟩	`#00FF00`
Functions / classes	🟦	`#00FFFF`
Numbers / constants	🟨	`#FFFF40`
Operators / punctuation	🟧	`#FFA500`
Errors / invalid	🟥	`#FF1493`

Open the snippet below with the Spiral theme active to see the palette in action:

// Comments stay muted grey (#727272) so they recede behind the code
import { EventEmitter } from "node:events";

interface SpiralConfig {
  depth: number;
  glowColor: string;
  enabled: boolean;
}

const DEFAULT_TURNS = 7; // numbers render in bright yellow

export class Spiral extends EventEmitter {
  private config: SpiralConfig;

  constructor(config: SpiralConfig = { depth: 3, glowColor: "#00FFFF", enabled: true }) {
    super();
    this.config = config;
  }

  public render(label: string): string {
    if (!this.config.enabled) {
      throw new Error(`Spiral "${label}" is disabled`);
    }
    return `${label} -> depth ${this.config.depth}, glow ${this.config.glowColor}`;
  }
}

const spiral = new Spiral();
console.log(spiral.render("galaxy"));