Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Trae dark (code)New to Visual Studio Code? Get it now.
Trae dark (code)

Trae dark (code)

Amulya Ratna Sharma

|
10 installs
| (1) | Free
A custom dark theme based on Trae, with enhanced syntax highlighting and colors for VS Code.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Trae dark (code) Theme

A custom dark VS Code theme inspired by Trae, featuring a sleek dark interface with improved syntax highlighting for better readability.

Screenshots

Screenshots

Theme preview 1 Theme preview 2

Installation

From VS Code Marketplace

  1. Open VS Code.
  2. Go to the Extensions view (Ctrl+Shift+X).
  3. Search for "Trae dark (code)".
  4. Click Install.

Manual Installation (from GitHub or VSIX)

  1. Download the .vsix file from the Releases page (or build it yourself).
  2. In VS Code, go to Extensions view > ... menu > Install from VSIX.
  3. Select the .vsix file.

To build from source:

  1. Clone the repo: git clone https://github.com/helloAmulya/traecodetheme.git
  2. Install vsce: npm install -g vsce
  3. Package: vsce package
  4. Install the generated .vsix as above.

Usage

  1. After installation, go to File > Preferences > Color Theme (or Ctrl+K Ctrl+T).
  2. Select "Trae dark (code)".

Recommended Settings

To match the original setup (including font and line height), add these to your VS Code settings.json (File > Preferences > Settings > Open Settings (JSON)):

{
  "workbench.colorTheme": "Trae dark (code)",
  "editor.fontFamily": "'JetBrains Mono', monospace",
  "editor.fontSize": 14,
  "editor.fontWeight": "normal",
  "editor.fontLigatures": false,
  "editor.lineHeight": 1.5
}
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft