Theme Configurator

A carefully balanced dark VS Code theme designed for focused, comfortable development.

Features

• Dark workbench with restrained contrast
• Clear editor hierarchy and focus states
• Balanced JavaScript / TypeScript / JSX / TSX syntax colors
• HTML, CSS, JSON and Markdown friendly token colors
• Git and diff visualization
• Semantic highlighting support

Activate

Open the Command Palette:

Preferences: Color Theme

Then select:

Theme Configurator

Development

Open this project in VS Code and press F5. An Extension Development Host will open where the theme can be tested.

Packaging

Install the VS Code extension packaging tool:

npm install -g @vscode/vsce

Then:

vsce package

Before publishing, replace the publisher value in package.json with your real VS Code Marketplace publisher ID and add a suitable images/icon.png.