Mantle

v0.2.0

A dark and light theme for Zed based on ngrok's Mantle design system. Features the full Mantle color palette with syntax highlighting matched to Mantle's Prism.js code block tokens.

Updated 7 months ago

352 downloads 1 star Repository ↗

Install in Zed

zedext main

1// Load settings, retrying a few times
2fn load_config(path: &str) -> Result<Config, Error> {
3    let retries = 3;
4    let text = fs::read_to_string(path)?;
5    let name = "settings.json";
6    Ok(Config { text, retries, name })
7}

Mantle Theme for Zed

A dark and light theme for Zed based on ngrok's Mantle design system. Features the full Mantle color palette with syntax highlighting matched to Mantle's Prism.js code block tokens.

Screenshots

Dark

TypeScript in Mantle Dark

Rust in Mantle Dark

Light

TypeScript in Mantle Light

Git diff in Mantle Light

Rust in Mantle Light

Installation

Open Zed
Go to Extensions (cmd+shift+x)
Search for "Mantle"
Click Install

Variants

Mantle Dark — deep neutral backgrounds with vibrant syntax colors
Mantle Light — clean white surfaces with rich, readable tones

Color Palette

Role	Dark	Light
Background	`#121212`	`#fafafa`
Surface	`#171717`	`#ffffff`
Accent	`#699afc`	`#2e54eb`
Strings	`#05df72`	`#00a63e`
Keywords	`#699afc`	`#2e54eb`
Constants	`#7c86ff`	`#4f39f6`
Variables	`#fdc700`	`#d08700`
Comments	`#737373`	`#737373`

License

MIT