Skip to main content
Coding Theme

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
editor.background
editor.gutter.background
elevated_surface.background
hint
minimap.thumb.active_background
minimap.thumb.background
minimap.thumb.hover_background
pane_group.border
panel.background
scrollbar.track.background
status_bar.background
surface.background
tab_bar.background
tab.active_background
tab.inactive_background
title_bar.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
comment.doc
constant
constructor
embedded
emphasis.strong
function
keyword
number
operator
preproc
property
punctuation
punctuation.bracket
punctuation.delimiter
punctuation.list_marker
punctuation.special
string
string.escape
string.regex
string.special
string.special.symbol
tag
text.literal
type
variable
variable.special

settings.json

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

{
  "theme": {
    "mode": "dark",
    "light": "Dark OLED",
    "dark": "Dark OLED"
  }
}

Theme file