Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>ZED One Theme for VSCodeNew to Visual Studio Code? Get it now.
ZED One Theme for VSCode

ZED One Theme for VSCode

alanguo

|
141 installs
| (0) | Free
A faithful recreation of Zed's beloved One theme for Visual Studio Code. Beautiful dark and light themes with complete syntax highlighting and terminal colors.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

ZED One Theme for VS Code

A faithful recreation of Zed's beloved One theme for Visual Studio Code. Because sometimes you need VS Code's extensions, but you refuse to compromise on style.

✨ Features

  • 🌙 Dark Mode: Rich, warm colors that won't burn your retinas during those late-night coding sessions
  • ☀️ Light Mode: Clean, crisp aesthetics for the daylight warriors
  • 🎨 Complete Coverage: Meticulously crafted syntax highlighting for all your favorite languages
  • 🖥️ Terminal Colors: Full ANSI color support that matches the editor theme
  • 🔧 Semantic Highlighting: Enhanced code understanding with VS Code's semantic token support

🚀 Installation

From VS Code Marketplace

  1. Open VS Code
  2. Go to Extensions (Ctrl+Shift+X / Cmd+Shift+X)
  3. Search for "ZED One Theme"
  4. Click Install
  5. Go to Preferences > Color Theme and select either:
    • ZED One Theme Dark
    • ZED One Theme Light

Manual Installation

  1. Download the latest release from GitHub
  2. Extract to your VS Code extensions folder:
    • Windows: %USERPROFILE%\.vscode\extensions
    • macOS: ~/.vscode/extensions
    • Linux: ~/.vscode/extensions
  3. Restart VS Code
  4. Select the theme from Preferences > Color Theme

🎯 What Makes This Special

This isn't just another port. We've carefully analyzed Zed's original One theme and recreated:

  • Syntax Colors: Every token type matches Zed's original color palette
  • UI Elements: Activity bar, sidebars, tabs, and panels all mirror Zed's aesthetic
  • Terminal Integration: Full 16-color ANSI palette that harmonizes with the theme
  • Editor Features: Proper highlighting for selections, find matches, and indentation guides

📸 Screenshots

Dark Theme

ZED One Dark Theme

Light Theme

ZED One Light Theme

🎨 Color Palette

Dark Theme Colors

  • Background: #282c33
  • Foreground: #abb2bf
  • Keywords: #b477cf
  • Strings: #a1c181
  • Functions: #73ade9
  • Comments: #5d636f
  • Types: #6eb4bf

Light Theme Colors

  • Background: #fafafa
  • Foreground: #242529
  • Keywords: #a449ab
  • Strings: #649f57
  • Functions: #5b79e3
  • Comments: #a2a3a7
  • Types: #3882b7

🛠️ Development

Want to contribute or customize the theme?

# Clone the repository
git clone https://github.com/AlanGuo/zed-one-theme-vs.git

# Install dependencies
cd zed-one-theme-vs
npm install

# Open in VS Code
code .

# Package the extension (optional)
npx @vscode/vsce package

📝 Changelog

See CHANGELOG.md for a detailed history of changes.

🤝 Contributing

Found a color that's off? Missing syntax highlighting for your favorite language? We'd love your help!

  1. Fork the repository
  2. Create a feature branch (git checkout -b improve-zed-one-highlighting)
  3. Make your changes
  4. Test with various file types
  5. Submit a pull request

📄 License

MIT License - see LICENSE for details.

🙏 Acknowledgments

  • Zed Industries for creating the original One theme that inspired this port
  • Atom's One Dark/Light themes for the foundational color science
  • The VS Code community for their theme development resources

💬 Feedback

Love it? Hate it? Found a bug? Let us know!

  • 🐛 Report Issues
  • ⭐ Rate on Marketplace
  • 🐦 Follow @AlanBitApp for updates

Made with ❤️ for developers who appreciate good design

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