The Dark Side

Author: Sai Gokula KrishnanThemes in extension: 1

Join the dark side.

GitHub

Zed preview

macOS Zed window using this variant's theme style.

coding-thememain/zed

coding-theme

src

theme.rsM

palette.jsonU

main.rs

Cargo.tomlM

README.md

theme.rs

palette.json

src›theme.rs

FixSelections

//! Palette tokens for the Zed buffer.

use gpui::{Hsla, px};unused import: `px`

const MAX_LUM: f32 = 0.5;

#[derive(Clone, Debug)]

pub struct Palette { background: Hsla }

impl Palette {

pub fn is_dark(&self) -> bool {

self.background.l < MAX_LUM

}

}

fn main() {

let palette = Palette { background: Hsla::from(0x282c33) };

let fallback = true;

println!("{palette:#?}");

}

coding-theme

~/coding-theme on zed ❯ cargo run --release
   Compiling coding-theme v0.1.0 (/Users/zed/coding-theme)
    Finished `release` profile [optimized] target(s) in 4.82s
     Running `target/release/coding-theme`
theme: Palette { background: #000000, accent: #61afef }
❯ 

rust-analyzer12src/theme.rs

14:23LFRustUTF-8

colors

UI color keys from this variant's theme style.

key	HEX	RGB	RGBA
background
border
border.variant
editor.active_line_number
editor.active_line.background
editor.background
editor.gutter.background
editor.highlighted_line.background
editor.line_number
element.active
element.background
element.hover
elevated_surface.background
elevated_surface.border
error.background
error.border
error.foreground
info.background
info.border
info.foreground
modified
panel.background
panel.focused_border
player.0.cursor
player.0.selection
predictive
predictive.background
predictive.border
scrollbar.thumb.background
scrollbar.thumb.border
scrollbar.thumb.hover_background
scrollbar.track.background
scrollbar.track.border
status_bar.background
status_bar.foreground
surface.background
tab_bar.background
tab.active_background
tab.active_foreground
tab.inactive_background
terminal.ansi.black
terminal.ansi.blue
terminal.ansi.bright_black
terminal.ansi.bright_blue
terminal.ansi.bright_cyan
terminal.ansi.bright_green
terminal.ansi.bright_magenta
terminal.ansi.bright_red
terminal.ansi.bright_white
terminal.ansi.bright_yellow
terminal.ansi.cyan
terminal.ansi.green
terminal.ansi.magenta
terminal.ansi.red
terminal.ansi.white
terminal.ansi.yellow
terminal.background
terminal.foreground
title_bar.background
title_bar.foreground
toolbar.background
warning.background
warning.border
warning.foreground

syntax

Syntax capture colors from the theme style. Italic and bold are not listed — the preview above shows them in the code.

capture	HEX	RGB	RGBA
boolean
comment
constant
exception
function.method
keyword
keyword.conditional
keyword.coroutine
keyword.exception
keyword.operator
keyword.repeat
number
operator
punctuation
punctuation.special
string
string.escape
type
type.function
variable
variable.builtin
variable.parameter

settings.json

Search for "The Dark Side" in the Zed extensions store, then paste the settings below.

{
  "theme": {
    "mode": "dark",
    "light": "The Dark Side",
    "dark": "The Dark Side"
  }
}

Theme file