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.disabled
border.focused
border.selected
border.transparent
border.variant
drop_target.background
editor.active_line_number
editor.active_line.background
editor.active_wrap_guide
editor.background
editor.foreground
editor.gutter.background
editor.highlighted_line.background
editor.invisible
editor.line_number
editor.subheader.background
editor.wrap_guide
element.active
element.background
element.disabled
element.hover
element.selected
elevated_surface.background
ghost_element.active
ghost_element.background
ghost_element.disabled
ghost_element.hover
ghost_element.selected
icon
icon.accent
icon.disabled
icon.muted
icon.placeholder
pane.focused_border
panel.background
panel.focused_border
scrollbar.thumb.background
scrollbar.thumb.hover_background
search.match_background
status_bar.background
surface.background
tab_bar.background
tab.active_background
tab.inactive_background
terminal.background
terminal.foreground
text
text.accent
text.disabled
text.muted
text.placeholder
title_bar.background
title_bar.inactive_background
toolbar.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
comment
component
constant
function
keyword
link_text
number
operator
parameter
property
punctuation
string
tag
type
variable

settings.json

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

{
  "theme": {
    "mode": "system",
    "light": "Sercali Light (Opaque)",
    "dark": "Sercali Dark (High Blur)"
  }
}

Theme file