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.focused
conflict
conflict.background
conflict.border
created
created.background
created.border
deleted
deleted.background
deleted.border
editor.active_line_number
editor.active_line.background
editor.background
editor.foreground
editor.gutter.background
editor.line_number
element.active
element.background
element.disabled
element.hover
element.selected
error
error.background
error.border
ghost_element.active
ghost_element.selected
hidden
hint
modified
modified.background
modified.border
panel.background
panel.focused_border
player.0.background
player.0.cursor
player.0.selection
scrollbar.track.background
status_bar.background
tab_bar.background
tab.active_background
tab.inactive_background
terminal.ansi.black
terminal.ansi.blue
terminal.ansi.bright_black
terminal.ansi.bright_blue
terminal.ansi.bright_green
terminal.ansi.bright_magenta
terminal.ansi.bright_red
terminal.ansi.dim_green
terminal.ansi.dim_magenta
terminal.ansi.dim_red
terminal.ansi.green
terminal.ansi.magenta
terminal.ansi.red
terminal.background
terminal.bright_foreground
terminal.dim_foreground
terminal.foreground
text
text.muted
title_bar.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
comment.doc
constant
constructor
function
keyword
label
number
property
string
string.escape
string.regex
string.special
string.special.symbol
tag
text.literal
type

settings.json

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

{
  "theme": {
    "mode": "light",
    "light": "Yaka",
    "dark": "Yaka"
  }
}

Theme file