Skip to main content
Coding Theme

Zed preview

macOS Zed window using this variant's theme style.

colors

UI color keys from this variant's theme style.

keyHEXRGBRGBA
background
border
border.focused
border.selected
border.variant
conflict
created
deleted
editor.active_line_number
editor.active_line.background
editor.background
editor.document_highlight.read_background
editor.document_highlight.write_background
editor.foreground
editor.gutter.background
editor.line_number
element.background
element.hover
element.selected
error
ghost_element.hover
ghost_element.selected
hint
icon
icon.muted
ignored
info
link_text.hover
modified
pane.focused_border
panel.background
panel.focused_border
scrollbar.thumb.background
scrollbar.thumb.border
scrollbar.track.background
scrollbar.track.border
search.match_background
status_bar.background
surface.background
tab_bar.background
tab.active_background
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
text
text.muted
text.placeholder
title_bar.background
toolbar.background
warning

syntax

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

captureHEXRGBRGBA
comment
comment.doc
function
keyword
operator
punctuation
punctuation.bracket
punctuation.delimiter
punctuation.list_marker
punctuation.special
type

settings.json

Search for "Blanche" in the Zed extensions store, then paste the settings below.

{
  "theme": {
    "mode": "light",
    "light": "Blanche light",
    "dark": "Blanche light"
  }
}

Theme file