A deep dark VS Code theme with a violet-black canvas and warm syntax spectrum.
The color system flows cold to warm: violet keywords → periwinkle functions → sage strings → peach numbers → amber types. Every token has a semantic reason for its color — not decoration, but signal.
| Role | Hex |
|---|---|
| Canvas (window bg) | #080810 |
| Editor background | #0e0e1a |
| Panel / widget | #13131f |
| Sidebar | #0b0b16 |
| Hover / selection | #21213a |
| Token | Color | Hex |
|---|---|---|
| Keyword | Violet | #c792ea |
| Function | Periwinkle | #82aaff |
| String | Sage | #c3e88d |
| Number | Peach | #f78c6c |
| Type | Amber | #ffcb6b |
| Operator | Cyan | #89ddff |
| Parameter | Rose | #f07178 |
| Comment | Dim violet | #4a4570 |
| Role | Hex |
|---|---|
| Primary accent | #7b68d4 |
| Selection | #7b68d432 |
| Active line | #c792ea08 |
| Cursor | #c792ea |
Full semantic and TextMate token coverage for:
- JavaScript / TypeScript — JSX, TSX, decorators, generics, template literals
- Python — decorators, f-strings, dunder methods, type hints
- Rust — lifetimes, macros, traits, unsafe, attributes
- Go — built-ins, package imports
- HTML / CSS / SCSS — pseudo-classes, custom properties, at-rules
- JSON / YAML — keys, values, anchors
- Markdown — headings, bold, italic, code, blockquotes
- Shell / Bash
- GraphQL
git clone https://github.com/zatrano/void-aurora.git
cd void-aurora
npm install
npx vsce package
code --install-extension void-aurora-1.0.0.vsix- Copy this folder into
~/.vscode/extensions/void-aurora - Restart VS Code
- Open Command Palette → Preferences: Color Theme → select Void Aurora
Search Void Aurora in the Extensions panel (Ctrl+Shift+X / Cmd+Shift+X).
Syntax palette inspired by Material Theme and Moonlight. Canvas depth and UI layer system designed from scratch.
MIT © ZATRANO
{ // Font — JetBrains Mono pairs perfectly with this theme "editor.fontFamily": "'JetBrains Mono', 'Cascadia Code', monospace", "editor.fontSize": 13.5, "editor.lineHeight": 1.7, "editor.fontLigatures": true, "editor.fontWeight": "300", // Cursor "editor.cursorStyle": "line", "editor.cursorBlinking": "phase", "editor.cursorWidth": 2, "editor.cursorSmoothCaretAnimation": "on", // Indent guides "editor.guides.indentation": true, "editor.guides.bracketPairs": "active", // Bracket colorization "editor.bracketPairColorization.enabled": true, "editor.bracketPairColorization.independentColorPoolPerBracketType": true, // Minimap "editor.minimap.enabled": true, "editor.minimap.renderCharacters": false, "editor.minimap.scale": 2, "editor.minimap.showSlider": "always", // Whitespace "editor.renderWhitespace": "boundary", "editor.renderLineHighlight": "gutter", // Smooth scroll "editor.smoothScrolling": true, "workbench.list.smoothScrolling": true, "terminal.integrated.smoothScrolling": true, // Semantic tokens (enables richer coloring) "editor.semanticHighlighting.enabled": true, // Workbench "workbench.colorTheme": "Void Aurora", "workbench.iconTheme": "material-icon-theme" }