Wye Theme
A soothing color scheme for VSCode and Zed editors, based on GitHub Theme.
🎨 Theme Variants
- Wye Light - Clean light theme with white background
- Wye Light Italic - Light theme with italic keyword styling for script-like fonts
- Wye Dark - Dark theme with balanced contrast
- Wye Dark Italic - Dark theme with italic keyword styling for script-like fonts
- Wye Black - Pure black background for OLED displays
- Wye Black Italic - Pure black theme with italic keyword styling
- Wye Light Soft - Light theme with softer, warmer background
- Wye Light Soft Italic - Soft light theme with italic keyword styling
- Wye Dark Soft - Dark theme with softer contrast
- Wye Dark Soft Italic - Soft dark theme with italic keyword styling
📦 Installation
For VSCode Users
Install from the Visual Studio Marketplace or search for "Wye" in VSCode's extension marketplace.
For Zed Users
- Open Zed
- Press
Cmd+Shift+P (macOS) or Ctrl+Shift+P (Linux/Windows)
- Type "zed: extensions"
- Search for "Wye"
- Click Install
🛠️ Development
This repository supports both VSCode and Zed theme generation from a single source.
Setup
# Install dependencies
pnpm install
Build Commands
# Build VSCode themes only
pnpm run build
# Build Zed themes only
pnpm run build:zed
# Build both VSCode and Zed themes
pnpm run build:all
# Watch mode for VSCode themes (development)
pnpm run dev
Project Structure
vscode-theme-wye/
├── src/ # Source code (shared)
│ ├── colors.ts # Color palette definitions
│ ├── primer.ts # Primer color system
│ ├── utils.ts # Utility functions
│ ├── theme.ts # VSCode theme generator
│ ├── index.ts # VSCode build script
│ ├── zed-theme.ts # Zed theme generator
│ └── zed-index.ts # Zed build script
├── vscode-themes/ # Generated VSCode themes
│ ├── wye-light.json
│ ├── wye-light-italic.json
│ ├── wye-dark.json
│ ├── wye-dark-italic.json
│ ├── wye-black.json
│ ├── wye-black-italic.json
│ ├── wye-light-soft.json
│ ├── wye-light-soft-italic.json
│ ├── wye-dark-soft.json
│ └── wye-dark-soft-italic.json
├── themes/ # Generated Zed themes
│ └── wye.json # All 10 Zed theme variants
├── extension.toml # Zed extension config (at root)
└── package.json # VSCode extension config
📦 Publishing
Publishing to VSCode Marketplace
# Build VSCode themes
pnpm run build
# Publish (requires vsce authentication)
pnpm run release
The .vscodeignore file ensures only necessary files are included in the VSCode package.
Publishing to Zed Extensions
Zed uses a submodule-based publishing system. To publish:
- Build Zed themes:
pnpm run build:zed
- Commit and push your changes
- Fork the zed-industries/extensions repository
- Add this entire repository as a submodule:
git submodule add https://github.com/phyzess/vscode-theme-wye.git extensions/wye
- Update the
extensions.toml file with version info
- Submit a pull request
See PUBLISHING.md for detailed step-by-step instructions.
📚 Documentation
🙏 Credits
Based on GitHub Theme and customized for personal preference.
📄 License
MIT