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

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