Origin Theme

A vivid, multi-language dark theme for Visual Studio Code — tuned for Python, TypeScript / JavaScript, C / C++, and common formats like JSON, Markdown, and .env. Near-black flat surfaces, a semantically subdivided syntax palette, and full workbench coverage.

The badges and the marketplace page resolve once the extension is published. The preview image lives at images/origin-dark-preview.png — add a real screenshot there before publishing.

Features

• Vivid, semantically distinct palette — every token category has its own color, so nothing blurs together: keywords #BE83FF, functions #36C6FF, strings #86E05A, numbers #FF9F40, booleans/None #FF6F8C, constants #FFC93D, types #FFC777, params #FF8FBE, decorators #2FE0C8, self/cls #FF5C7A.
• Multi-language tuned — Python, TypeScript/JavaScript, C/C++, JSON, Markdown, .env, with language-specifics like decorators, C/C++ preprocessor & macros, and this/self/cls.
• Flat near-black surfaces (#181818) separated by subtle border lines — easy on the eyes for night-time work.
• JSON — keys use one consistent color while {}/[] follow VS Code's bracket-pair rainbow at any depth (arrays included).
• Full workbench coverage — terminal ANSI palette, git/diff states, diagnostics with error/warning background highlights, bracket-pair guides, inlay hints, sticky scroll, merge-conflict colors, and more.

Supported languages

Python · TypeScript · JavaScript · C · C++ · JSON · Markdown · .env

Generic TextMate scopes mean most other languages get sensible highlighting too.

Variants

Installation

From the Marketplace (after publishing): search for Origin Theme in the Extensions view, or run

ext install astr3xus.origin-theme

From a .vsix (local):

code --install-extension origin-theme-0.0.5.vsix

Then open the Color Theme picker — Cmd+K Cmd+T (macOS) / Ctrl+K Ctrl+T (Windows/Linux) — and select Origin Dark.

Recommended settings

These aren't required, but the theme is designed with them in mind:

• Bracket-pair colorization (on by default) drives the {}/[] rainbow:

  "editor.bracketPairColorization.enabled": true,
  "editor.guides.bracketPairs": "active"
  

• Spotting undefined references (e.g. obj.missing) relies on the language server reporting a diagnostic — the theme then gives it a red/yellow background. For Python attribute errors, enable type checking:

  "python.analysis.typeCheckingMode": "basic"
  

Development

1. Clone the repo and press F5 to launch an Extension Development Host with the theme loaded.
2. Select Origin Dark via Cmd+K Cmd+T.
3. Edit themes/origin-dark-color-theme.json — changes apply live.
4. To find a token's scope, run Developer: Inspect Editor Tokens and Scopes from the Command Palette.

See CLAUDE.md for the variant naming convention and architecture notes.

License

MIT © astr3xus