Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Sonar ThemeNew to Visual Studio Code? Get it now.
Sonar Theme

Sonar Theme

xRiskLab

|
1 install
| (0) | Free
Sonar: Night, Day and Cobalt colour themes with italic keywords, a mint/periwinkle palette and a three-level UI depth ladder
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Sonar Theme for VS Code

Three colour themes, ported from the Zed theme in ../zed-themes/sonar.json.

Theme Appearance Character
Sonar Night dark indigo base, periwinkle functions, violet italic keywords, lime strings
Sonar Day light the same hues on white, mint-green strings (#0bdaa9)
Sonar Cobalt dark deep blue base, cyan, warm yellow functions, violet keywords

Features

  • A three-level UI depth ladder: bars, then panels, then the editor
  • Italic keywords and comments
  • Semantic highlighting (methods, builtins, self, decorators)
  • Full terminal palette, git decorations and diff colours

Installation

From source (VS Code or Cursor):

make generate      # rebuild themes/ from ../zed-themes/sonar.json
make package       # vsce package (needs @vscode/vsce)
./build-vsix.sh    # or build the .vsix without npm
code --install-extension sonar-theme-1.0.0.vsix

Then pick the theme with Cmd+K Cmd+T.

Editing

themes/*.json are generated. Change the Zed file, then run make generate.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
  • Your Privacy Choices
  • Consumer Health Privacy
© 2026 Microsoft