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
| Variant |
Base |
Status |
| Origin Dark |
vs-dark |
✅ available |
| Origin Light |
vs |
🚧 planned |
| Origin High Contrast |
hc-black |
🚧 planned |
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
- Clone the repo and press
F5 to launch an Extension Development Host with the theme loaded.
- Select Origin Dark via
Cmd+K Cmd+T.
- Edit
themes/origin-dark-color-theme.json — changes apply live.
- 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
| |
