Aureon

A refined, modern theme family for focused development. Calm surfaces, a gold thread that runs through every variant, and syntax colors that tell you what each symbol is — not just that it's code.

• Three moods, one design: Aureon Dark, Aureon Dusk and Aureon Light, each with a Vivid version (solid accent status bar) and a No Italics version.
• Semantic highlighting built in: functions, methods, classes, interfaces, variables and parameters each have their own color, and control flow (if, for, return, await) stands apart from declarations. It works out of the box for TypeScript and JavaScript, with no extra extensions.
• The whole UI, not just the editor: more than 820 workbench colors, so chat, debugging, testing, notebooks, the merge editor and the source control graph all match. No stock VS Code blue left anywhere.
• Easy on the eyes: every text color is checked against WCAG contrast, with a ceiling too, so nothing glares.

Try every theme live on the website Switch between Dark, Dusk and Light and browse real code before you install.

The themes

Aureon Dark

The signature look: deep umber-black with warm gold accents.

Aureon Dusk

A cool alternative: blue-black with teal and violet. Gold stays on the cursor, the active line number and badges.

Aureon Light

Warm paper with deep amber accents, for daylight. Every accent is dark enough to read as text.

Vivid versions

Aureon Dark Vivid, Aureon Dusk Vivid and Aureon Light Vivid swap the quiet status bar for a solid accent bar.

No Italics versions

Aureon Dark No Italics, Aureon Dusk No Italics and Aureon Light No Italics keep every color but set comments, keywords and parameters upright. Pick these if your font has no italic, or a weak one.

Which one is for me?

Semantic colors

Color means something. Each kind of symbol has its own hue, following the structure of VS Code's 2026 themes, while operators and punctuation stay quiet so names stand out.

A declaration and its uses always share a color. Symbol icons in suggestions and the outline follow the same roles.

Language support. TypeScript, JavaScript, TSX and JSX get full semantic colors from VS Code's built-in TypeScript support. CSS, HTML, JSON, YAML, Markdown, .env, PHP, Python and others use carefully scoped grammar colors. If you use Intelephense (PHP) or Pylance (Python), their semantic tokens pick up the same colors automatically.

Install

VS Code, from the browser: click Install in VS Code. Your browser asks to open VS Code, which then shows Aureon with an Install button. You can also use the Install button on the Marketplace page.

VS Code, from the editor: open the Extensions view (Ctrl+Shift+X), search for Aureon, and install. Or open Quick Open (Ctrl+P) and run:

ext install nael-awadallah.aureon-theme

Cursor, Windsurf, VSCodium and other editors that use Open VSX: search for Aureon in the extensions view, or get it from open-vsx.org.

Then press Ctrl+K Ctrl+T (Cmd+K Cmd+T on macOS) and choose an Aureon theme.

Recommended settings

Aureon looks its best with a modern coding font and a little breathing room:

{
  "editor.fontFamily": "'JetBrains Mono', 'Cascadia Code', Consolas, monospace",
  "editor.fontLigatures": true,
  "editor.fontSize": 14,
  "editor.lineHeight": 1.7,
  "editor.cursorSmoothCaretAnimation": "on",
  "editor.guides.bracketPairs": "active",
  "workbench.tree.indent": 14
}

Comments, keywords and parameters are italic. Fonts with a well-drawn italic, such as JetBrains Mono, Cascadia Code or Monaspace, make that shine. If yours doesn't have one, use a No Italics version.

Feedback

Found a color that's hard to read or a spot that still looks stock? Open an issue with a screenshot and the output of Developer: Inspect Editor Tokens and Scopes.

License

MIT