Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Zen theme for VS CodeNew to Visual Studio Code? Get it now.
Zen theme for VS Code

Zen theme for VS Code

cmion

|
32 installs
| (1) | Free
Zen theme for VS Code
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Zen's VS Code themes

Zen VS Code theme

Install

  1. Go to VS Marketplace.
  2. Click on the "Install" button.
  3. Then select a theme. The Zen themes try to match the themes available in github.com's settings:
    • Zen Dark
    • Zen Sakura (Cherry Blossom)

Override this theme

To override this (or any other) theme in your personal config file, please follow the guide in the color theme documentation. This is handy for small tweaks to the theme without having to fork and maintain your own theme.

Contribute

  1. Clone and open this repo in VS Code
  2. Run yarn to install the dependencies.
  3. Press F5 to open a new window with your extension loaded
  4. Open Code > Preferences > Color Theme [⌘k ⌘t] and pick the "Zen ..." theme you want to test. Note: It seems this has to be done 2x because the first time it switches back to the default light theme. This might be a bug?
  5. Make changes to the /src/theme.ts file.
    • UI: For all changes to the "outer UI", like (status bar, file navigation etc.), take a look at the Theme Color reference.
    • Syntax: For changes to the "code highlighting", examine the syntax scopes by invoking the Developer: Inspect Editor Tokens and Scopes command from the Command Palette (Ctrl+Shift+P or Cmd+Shift+P on Mac) in the Extension Development Host window.
  6. Run bun run build to update the theme. You can also run bun start instead to automatically rebuild the theme while making changes and no reloading should be necessary.
  7. Once you're happy, commit your changes and open a PR.

Publish (internal)

Note: Publishing a new version of this theme is only meant for maintainers.

This repo uses changesets to automatically make updates to CHANGELOG.md and publish a new version to the VS Marketplace.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft