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.variant
editor.active_line_number
editor.active_line.background
editor.background
editor.foreground
editor.gutter.background
editor.highlighted_line.background
editor.indent_guide
editor.indent_guide_active
editor.invisible
editor.line_number
editor.selection.background
editor.subheader.background
editor.wrap_guide
element.active
element.background
element.disabled
element.hover
element.selected
error
error.background
icon
icon.accent
icon.muted
link_text.hover
panel.background
panel.focused_border
status_bar.background
success
surface.background
tab_bar.background
tab.active_background
tab.inactive_background
terminal.background
terminal.foreground
text
text.accent
text.muted
text.placeholder
title_bar.background
title_bar.inactive_background
toolbar.background
warning

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
constant
constructor
embedded
emphasis
enum
function
hint
keyword
label
link_uri
number
operator
predictive
preproc
primary
property
punctuation
punctuation.bracket
punctuation.delimiter
string
string.escape
strong
tag
text.literal
title
type
variable
variable.special

settings.json

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

{
  "theme": {
    "mode": "system",
    "light": "Astral Aura",
    "dark": "Astral Eclipse"
  }
}

Theme file