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

orng for VS Code

Jordy Kafwe

|
161 installs
| (0) | Free
Cloudflare-inspired orng light + dark themes for Visual Studio Code.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

orng for VS Code

The Cloudflare palette, in your editor. A VS Code recreation of orng for Zed, with dark and light themes inspired by workers.dev.

Install from the VS Code Marketplace License: Apache-2.0

Orange keywords. Blue strings. Gold types. Both themes keep the Zed theme's character, italic comments, and neutral brackets, with stronger line numbers, clearer light-theme syntax, and readable diff highlights for VS Code.

orng Dark

Deep charcoal surfaces with warm orange accents.

orng Dark: orange keywords, blue strings, gold types, and italic gray comments on charcoal

orng Light

A warm cream editor with white tabs and title bar.

orng Light: TypeScript on a cream background

Previews are rendered from the theme files. Appearance in VS Code can vary with your font and language extensions.

Get started

Requires VS Code 1.85 or later.

  1. Install orng from the Marketplace.
  2. Open the Command Palette (Cmd+Shift+P on macOS / Ctrl+Shift+P on Windows and Linux) and run Preferences: Color Theme.
  3. Choose orng Dark or orng Light.

To switch themes later, use Cmd+K Cmd+T on macOS or Ctrl+K Ctrl+T on Windows and Linux, pressing each shortcut in sequence.

Choose a theme in settings.json

Add this setting to your existing VS Code settings:

{
  "workbench.colorTheme": "orng Dark"
}

Use "orng Light" for light mode.

Why I made this

I loved using orng in Zed, but needed VS Code at work for Copilot and the skills and tools in its ecosystem. So I recreated the theme for VS Code to keep the look I liked in the editor I needed.

Feedback

Found a color that looks out of place? Open an issue with the theme name, language, a small code sample, and a screenshot.

Contributing

With Node.js installed, run:

npm run build
npm test

Make changes in the conversion script, then rebuild. The JSON files in themes/ are generated; npm test checks for unmapped syntax categories and differences from the generated output.

To preview changes:

  1. Open this repository in VS Code.
  2. Select Run Extension in Run and Debug and press F5.
  3. Choose an orng theme in the new window and open the TypeScript, CSS, or Markdown sample.

Run npm run package to create a VSIX, then use Extensions: Install from VSIX… to install it locally.

Credits and license

Original orng Zed theme by Matt Silverlock. Upstream copyright © 2025 Cloudflare, Inc. Licensed under Apache-2.0.

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