Source: github.com/premier213/one-dark-zed · clone with git clone https://github.com/premier213/one-dark-zed.git
A dark UI theme and file icon set for Visual Studio Code and compatible editors (including Cursor). The color palette follows One Dark conventions while tuning accents and surfaces to feel closer to the Zed editor’s dark mode.
VS Code with Onedark Zed (color theme, file icons, and integrated terminal):
| Contribution | Id / label | Description |
|---|---|---|
| Color theme | Onedark Zed | Dark editor and workbench colors, semantic highlighting enabled. |
| File icon theme | Onedark Zed Icons (onedark-zed-icons) |
SVG icons for common languages, tools, and folders. |
Theme definition: themes/onedark-zed-color-theme.json.
Icon theme definition: icons/onedark-zed-icon-theme.json (assets under icons/icons/file_icons/).
From a VSIX or unpacked folder
- In VS Code / Cursor, open the Command Palette (
Ctrl+Shift+P/Cmd+Shift+P). - Run Extensions: Install from VSIX… and choose the packaged
.vsix, or use Developer: Install Extension from Location… and point at this repository folder if you develop locally.
From source (development)
Clone the repository, open the folder in the editor, press F5 (or run the Extension launch configuration in .vscode/launch.json) to open a new window with this extension loaded.
- Open the Command Palette.
- For colors: Preferences: Color Theme → choose Onedark Zed.
- For icons: Preferences: File Icon Theme → choose Onedark Zed Icons.
You can also set them in settings.json:
{
"workbench.colorTheme": "Onedark Zed",
"workbench.iconTheme": "onedark-zed-icons"
}Editor engine compatible with VS Code ^1.74.0 or newer (see package.json → engines). This extension only ships theme JSON; newer-only color keys are ignored on older versions without breaking install.
This extension does not ship fonts; the editor font is whatever you configure in the workbench.
Zed’s built-in monospace default is Lilex (documented as the font behind the .ZedMono setting). To get a similar look in VS Code or Cursor on any OS, install Lilex from the releases page, then set editor.fontFamily as below. If the family name does not appear, use Developer: Reload Window after installing.
Install on your system
- Windows — Unzip the release, select the
.ttffiles you want, right-click → Install (or Install for all users). Alternatively open Settings → Personalization → Fonts and drag the files in. - macOS — Open each
.ttf(or the whole set) and click Install Font in Font Book, or copy the files into~/Library/Fonts/. - Linux — Copy the
.ttffiles (for example from thevariablefolder) into~/.local/share/fonts/, then runfc-cache -fv. Package managers may also ship Lilex; use whatever name they register (fc-list | grep -i lilex).
Editor settings (same on every platform):
{
"editor.fontFamily": "Lilex",
"editor.fontLigatures": true
}These values tune font size, line height, letter spacing, and gutter width so the editor feels balanced with Onedark Zed (syntax contrast and workbench chrome). Add them to your user or workspace settings.json in VS Code or Cursor:
{
"editor.fontSize": 15,
"editor.lineDecorationsWidth": 36,
"editor.lineHeight": 24,
"editor.letterSpacing": 0.2
}LICENSE # MIT — extension source and packaged theme
images/icon.png # Extension / marketplace logo (128×128)
docs/preview.png # README / marketplace preview screenshot
themes/onedark-zed-color-theme.json # UI + syntax colors
icons/onedark-zed-icon-theme.json # Icon theme manifest
icons/icons/file_icons/*.svg # Per-file-type icons
package.json # Extension manifest
- Extension — MIT; include the license text when redistributing as required by MIT.
- Bundled icons — Portions under Lucide / ISC; keep that notice where your distribution or marketplace rules require it.
See Copyright and third-party licenses for Lilex (optional, not bundled) and theme inspiration notes.

