Framer Dark Theme
A dark, minimalist theme inspired by Framer's code editor. Ported from the VS Code Framer Dark theme by Adam Seckel.
How to install
With Forge Super installed, the button above opens the app on this extension, where you press Install. Nothing is installed until you do.
You can also open the Extensions panel in the app and search for Framer Dark Theme. The extension's id is framer-dark-theme.
Don't have Forge Super yet? Download it here.
README
From the extension's repository, written by its authors and not by Mentenaz. See the source.
Framer Dark Theme for Zed
A port of the Framer Dark VS Code theme to Zed. If you've used Framer's code editor and liked how it looked, this is that — but for Zed.
Every color was pulled directly from the original source and matched as closely as Zed's theming system allows. For the handful of spots where Zed handles things differently than VS Code, check out DIFFERENCES.md.
Color Palette
| Role | Hex |
|---|---|
| Background | #1e1e1e |
| Sidebar | #141414 |
| Text | #ffffff |
| Muted / Comments | #888888 |
| Accent | #00AEFF |
| Keywords | #FFD14A |
| Strings | #91DD64 |
| Types | #88DDFF |
| Numbers | #AA88FF |
| Operators | #FF66BB |
| Errors | #E27E8D |
Install
From the extension store (once published):
Open the command palette → zed: extensions → search "Framer Dark" → install.
Manually:
Drop themes/framer-dark.json into ~/.config/zed/themes/ on macOS/Linux or %USERPROFILE%\AppData\Roaming\Zed\themes\ on Windows. Restart Zed, open the theme selector with Cmd+K Cmd+T / Ctrl+K Ctrl+T, and pick "Framer Dark".
As a dev extension:
Clone this repo, open the command palette in Zed, run zed: install dev extension, and point it to this folder.
Credits
This wouldn't exist without the work of the people who built the original:
- Vernon de Goede — created the original Framer Syntax theme for VS Code
- Adam Seckel — forked it into Framer Dark with updated UI colors
- Zed port by Anshu Meena
License
MIT — see LICENSE