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
border.disabled
border.focused
border.selected
border.transparent
border.variant
conflict
conflict.background
created
created.background
debugger.accent
deleted
deleted.background
drop_target.background
editor.active_line_number
editor.active_line.background
editor.active_wrap_guide
editor.background
editor.debugger_active_line.background
editor.document_highlight.bracket_background
editor.document_highlight.read_background
editor.document_highlight.write_background
editor.foreground
editor.gutter.background
editor.highlighted_line.background
editor.hover_line_number
editor.indent_guide
editor.indent_guide_active
editor.invisible
editor.line_number
editor.subheader.background
editor.wrap_guide
element.active
element.background
element.hover
element.selected
elevated_surface.background
error
error.background
error.border
ghost_element.active
ghost_element.hover
ghost_element.selected
hidden
hint
hint.background
icon
icon.accent
icon.disabled
icon.muted
icon.placeholder
ignored
info
info.background
link_text.hover
minimap.thumb.active_background
minimap.thumb.background
minimap.thumb.border
minimap.thumb.hover_background
modified
modified.background
pane_group.border
pane.focused_border
panel.background
panel.focused_border
panel.overlay_background
panel.overlay_hover
player.0.selection
predictive
renamed
renamed.background
scrollbar.thumb.background
scrollbar.thumb.hover_background
scrollbar.track.border
search.active_match_background
search.match_background
status_bar.background
success
success.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.bright_foreground
terminal.dim_foreground
terminal.foreground
text
text.accent
text.disabled
text.muted
text.placeholder
title_bar.background
title_bar.inactive_background
toolbar.background
unreachable
version_control.added
version_control.conflict
version_control.conflict_marker.ours
version_control.conflict_marker.theirs
version_control.deleted
version_control.ignored
version_control.modified
version_control.renamed
version_control.word_added
version_control.word_deleted
vim.helix_normal.background
vim.helix_normal.foreground
vim.helix_select.background
vim.helix_select.foreground
vim.insert.background
vim.insert.foreground
vim.mode.text
vim.normal.background
vim.normal.foreground
vim.replace.background
vim.replace.foreground
vim.visual_block.background
vim.visual_block.foreground
vim.visual_line.background
vim.visual_line.foreground
vim.visual.background
vim.visual.foreground
warning
warning.background

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
character
character.special
comment
comment.doc
comment.documentation
comment.error
comment.note
comment.todo
comment.warning
constant
constant.builtin
constant.macro
constructor
embedded
emphasis
emphasis.strong
entity.name.function
entity.name.type
enum
field
float
function
function.builtin
function.call
function.macro
function.method
function.method.call
hint
keyword
keyword.conditional
keyword.control
keyword.directive
keyword.exception
keyword.function
keyword.import
keyword.modifier
keyword.operator
keyword.repeat
keyword.return
keyword.type
label
link_text
link_uri
module
namespace
number
number.float
operator
parameter
predictive
preproc
primary
property
punctuation
punctuation.bracket
punctuation.delimiter
punctuation.list_marker
punctuation.markup
punctuation.special
selector
selector.pseudo
string
string.documentation
string.escape
string.regex
string.regexp
string.special
string.special.path
string.special.symbol
string.special.url
symbol
tag
tag.attribute
tag.delimiter
tag.doctype
title
type
type.builtin
type.definition
type.interface
variable
variable.builtin
variable.member
variable.parameter
variable.special
variant

settings.json

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

{
  "theme": {
    "mode": "dark",
    "light": "Vivid Void Abyss",
    "dark": "Vivid Void Abyss"
  }
}

Theme file