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

Orange Flavor Theme

Ender Bonnet

|
124 installs
| (0) | Free
Fresh colors with orange flavor theme.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info
Orange Flavor Theme Logo

Orange Flavor Theme

A vibrant VS Code color theme with warm orange accents and cool teal highlights.
Available in Dark and Light variants.

VS Marketplace Version Open VSX Version Installs Rating


📸 Screenshots

Orange Flavor (Dark)

Orange Flavor Dark

Orange Flavor (Dark Soft)

Orange Flavor Dark Soft

Orange Flavor (Light)

Orange Flavor Light

Orange Flavor (Light Soft)

Orange Flavor Light Soft


🚀 Installation

From VS Code Marketplace

  1. Open VS Code.
  2. Go to Extensions (Ctrl+Shift+X / Cmd+Shift+X).
  3. Search for "Orange Flavor Theme".
  4. Click Install.

Or install directly:

  • VS Code Marketplace
  • Open VSX Registry (for VSCodium, Code-OSS, etc.)

Activate the Theme

  1. Press Ctrl+K Ctrl+T (Windows/Linux) or Cmd+K Cmd+T (macOS).
  2. Choose Orange Flavor or Orange Flavor (Light).

✨ Features

  • Dual Themes: Seamlessly switch between Orange Flavor (Dark) and Orange Flavor (Light).
  • Carefully Crafted Colors:
    • 🍊 Primary: Vibrant Orange (#f47c20) for focus.
    • 🌲 Secondary: Cool Teal (#2a7f7f) for balance.
    • 🍫 Tertiary: Warm Brown (#7c3626) for depth.
  • Complete Coverage: Optimized for syntax highlighting, UI elements, and terminal colors.
  • Readability First: High contrast where it matters, easy on the eyes for long coding sessions.

🎨 Color Palette

Color Hex Usage
Orange #f47c20 Active tabs, highlights, keywords
Teal #2a7f7f Strings, status bar, selections
Brown #7c3626 Comments, borders, line numbers
Dark BG #051014 Editor background (Dark)
Light BG #ffffff Editor background (Light)

🛠️ Development

This theme is maintained in its own GitHub repository.

Prerequisites

Install the Visual Studio Code Extension Manager (vsce):

npm install -g @vscode/vsce

Building from Source

# Clone the repository
git clone https://github.com/enBonnet/orange-flavor-theme-vscode.git
cd orange-flavor-theme-vscode

# Install dependencies
npm install

# Package the extension
vsce package

Publishing

Click to expand publishing instructions

First-Time Setup

  1. Create a Publisher Account: VS Marketplace Management.
  2. Create a PAT: Azure DevOps with Marketplace -> Manage scope.
  3. Login: vsce login <publisher-name>.

Publishing a New Version

  1. Update Version: Increment version in package.json.
  2. Publish:
    vsce publish       # Publish directly
    vsce publish patch # Auto-increment patch version
    

📄 License

MIT License - See LICENSE.md for details.

💬 Feedback

Found a bug or have a suggestion? Please open an issue on the GitHub repository.

Inspiration

  • Demo files and code taken from cobalt2-vscode repository.

Enjoy coding with Orange Flavor! 🍊
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft