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.variant
editor.active_line_number
editor.active_line.background
editor.background
editor.foreground
editor.gutter.background
editor.line_number
element.background
element.hover
element.selected
elevated_surface.background
foreground
panel.background
scrollbar.thumb.background
status_bar.background
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
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
boolean
comment
comment.doc
constant
constant.builtin
constructor
function
function.builtin
keyword
keyword.async
keyword.control
keyword.exception
keyword.function
keyword.functional
keyword.import
keyword.reference
keyword.stream
keyword.unsafe
keyword.value
keyword.visibility
number
operator
operator.pipe
operator.special
property
punctuation
punctuation.bracket
punctuation.delimiter
punctuation.special
string
string.escape
type
type.builtin
type.parameter
variable
variable.builtin
variable.parameter
variable.special
variant

settings.json

Search for "Itá Semantic" in the Zed extensions store, then paste the settings below.

{
  "theme": {
    "mode": "system",
    "light": "Itá Semantic (Light)",
    "dark": "Itá Semantic (Dark)"
  }
}

Theme file