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
created
deleted
editor.active_line_number
editor.active_line.background
editor.active_wrap_guide
editor.background
editor.foreground
editor.gutter.background
editor.line_number
editor.subheader.background
editor.wrap_guide
element.active
element.background
element.hover
element.selected
elevated_surface.background
ghost_element.active
ghost_element.hover
ghost_element.selected
hidden
hint
ignored
link_text.hover
modified
panel.background
scrollbar.thumb.background
scrollbar.thumb.border
scrollbar.thumb.hover_background
scrollbar.track.background
scrollbar.track.border
status_bar.background
surface.background
tab_bar.background
tab.active_background
tab.inactive_background
terminal.ansi.bright_yellow
terminal.ansi.yellow
text
text.muted
title_bar.background
title_bar.inactive_background
toolbar.background
warning
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
comment
comment.doc
constant
constructor
emphasis
emphasis.strong
keyword
label
link_text
link_uri
number
operator
string
string.escape
string.regex
string.special
string.special.symbol
tag
text.literal
title
variable
variable.special

settings.json

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

{
  "theme": {
    "mode": "system",
    "light": "Nord Light",
    "dark": "Nord Dark"
  }
}

Theme file