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
accents
background
border
border.focused
conflict
created
deleted
deleted.background
deleted.border
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.hover_line_number
editor.indent_guide
editor.indent_guide_active
editor.line_number
element.active
element.background
element.hover
element.selected
elevated_surface.background
error
error.background
error.border
hidden
hint
ignored
info
info.background
info.border
link_text.hover
modified
pane_group.border
panel.background
player.0.cursor
player.0.selection
predictive
renamed
scrollbar.thumb.active_background
scrollbar.thumb.background
scrollbar.thumb.hover_background
scrollbar.track.background
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.bright_foreground
terminal.dim_foreground
terminal.foreground
text
text.accent
text.muted
title_bar.background
title_bar.inactive_background
toolbar.background
warning
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
embedded
function
function.method
keyword
keyword.control
keyword.import
number
operator
property
punctuation
punctuation.bracket
punctuation.bracket.curly
punctuation.bracket.square
punctuation.delimiter
string
string.escape
string.regex
string.special
tag
text.literal
type
variable
variable.other.member
variable.special

settings.json

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

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

Theme file