Skip to content
ZedExt

Type to search extensions

Gitlab Web IDE Theme

v0.1.0

Zed port of GitLab's Web IDE / VS Code theme — Dark, Dark Midnight, and Light variants.

Updated 2 months ago
236 downloads 0 stars Repository ↗
Install in Zed
zedext main
// Load settings, retrying a few times
fn load_config(path: &str) -> Result<Config, Error> {
    let retries = 3;
    let text = fs::read_to_string(path)?;
    let name = "settings.json";
    Ok(Config { text, retries, name })
}

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)

  1. Clone this repo.
  2. In Zed, open the command palette (cmd-shift-p) → zed: install dev extension.
  3. Select this repo's folder.
  4. 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.

ZedExt An unofficial community project. Not affiliated with Zed Industries.

Data from Zed’s extension registry and GitHub · updated

About Create Extension Zed Editor GitHub