TypeScript Beta Theme

A VS Code theme with tuned contrast ratios and distinct token colors. Types, functions, and variables each get their own lane so you can scan code faster.

Why this theme

1. Types stand out — interfaces and type annotations use a distinct teal that separates them from runtime code
2. Comments stay visible — green tones that remain readable without competing with active code
3. No guessing — keywords, strings, and functions each have their own color lane

Installation

1. Open Extensions in VS Code (Cmd+Shift+X)
2. Search TypeScript Beta Theme
3. Click Install
4. Cmd+Shift+P → Preferences: Color Theme → select TypeScript Beta Light or TypeScript Beta Dark

Variants

Language support

Optimized for TypeScript, JavaScript, React, and JSX. Full support for HTML, CSS, JSON, Markdown, YAML, and common config files.

Customization

Override any color in your settings.json:

"editor.tokenColorCustomizations": {
  "[TypeScript Beta Dark]": {
    "comments": "#7f848e"
  }
}

Credits

Theme originally created by Orta Therox for the TypeScript documentation website. Packaged as a VS Code extension with his blessing.

Original source: microsoft/TypeScript-Website

Feedback

Open an issue on GitHub if something looks off or a language needs better coverage.