Skip to main content
Coding Theme

Color themes

Zed preview

macOS Zed window using this variant's theme style.

colors

UI color keys from this variant's theme style.

keyHEXRGBRGBA
background
border.disabled
conflict
created
deleted
drop_target.background
editor.active_line_background
editor.background
editor.gutter.background
editor.line_number
element.active
element.disabled
element.hover
element.selected
error
error.background
error.border
ghost_element.active
ghost_element.background
ghost_element.disabled
ghost_element.hover
ghost_element.selected
icon
icon.accent
info.background
modified
pane_group.border
pane.focused_border
panel.background
panel.indent_guide
panel.indent_guide_active
panel.indent_guide_hover
panel.overlay_background
player.0.selection
predictive
predictive.background
predictive.border
renamed
renamed.background
renamed.border
scrollbar.thumb.background
scrollbar.thumb.hover_background
status_bar.background
success
success.background
success.border
tab_bar.background
tab.active_background
tab.inactive_background
terminal.background
text
text.accent
text.disabled
text.muted
title_bar.background
title_bar.inactive_background
toolbar.background
unreachable
warning.background
warning.border

syntax

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

captureHEXRGBRGBA
attribute
boolean
comment
comment.doc
constant
constructor
editor.foreground
embedded
emphasis
emphasis.strong
enum
function
function.method
function.special.definition
hint
keyword
label
method
number
operator
preproc
primary
punctuation
punctuation.bracket
punctuation.delimiter
punctuation.list_marker
punctuation.special
string
string.escape
string.regex
string.special
tag
text.literal
type
type.builtin
variable
variable.special
variant

settings.json

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

{
  "theme": {
    "mode": "dark",
    "light": "Zen Abyssal",
    "dark": "Zen Abyssal"
  }
}

Theme file