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.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.

captureHEXRGBRGBA
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 Pure Tone" in the Zed extensions store, then paste the settings below.

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

Theme file