Gitlab Web IDE Theme
Zed port of GitLab's Web IDE / VS Code theme — Dark, Dark Midnight, and Light variants.
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 Gitlab Web IDE Theme. The extension's id is gitlab-web-ide-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.
Gitlab Web IDE Theme — a Zed theme
A port of GitLab's Web IDE / VS Code theme to Zed. Includes all three upstream variants:
- Gitlab Web IDE Theme Dark
- Gitlab Web IDE Theme Dark Midnight
- Gitlab Web IDE Theme Light
This is an unofficial, community-made color port. It is not affiliated with, endorsed by, or supported by GitLab B.V.
Install
From the Zed extensions registry
Not yet published to the registry. Once it is, open the command palette →
zed: extensions, search for Gitlab Web IDE Theme, and install.
As a dev extension (now)
- Clone this repo.
- In Zed, open the command palette (
cmd-shift-p) →zed: install dev extension. - Select this repo's folder.
- Open the theme selector (
cmd-k cmd-t) and pick one of the three variants.
Just the theme file
Copy themes/gitlab-web-ide-theme.json
into ~/.config/zed/themes/ and select a variant in the theme picker.
Credits
Color values (workbench UI colors and syntax highlighting) are adapted from
"GitLab Theme for Visual Studio Code"
(gitlab-vscode-theme), Copyright (c) 2022-present GitLab B.V., licensed
under the MIT License. This port maps VS Code's colors / tokenColors /
semanticTokenColors onto Zed's theme schema; a few workbench and
tree-sitter syntax categories that don't have a 1:1 VS Code equivalent
(e.g. terminal "dim" ANSI colors, a couple of optional UI chrome keys) were
approximated from the closest matching source color rather than invented
from scratch.
License
MIT — see LICENSE.