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.transparent
border.variant
conflict
created
deleted
drop_target.background
editor.active_line_number
editor.active_line.background
editor.active_wrap_guide
editor.background
editor.document_highlight.bracket_background
editor.foreground
editor.gutter.background
editor.line_number
editor.wrap_guide
element.background
element.hover
element.selected
element.selection_background
elevated_surface.background
error
error.background
error.border
ghost_element.hover
ghost_element.selected
hidden
hint
icon
icon.accent
icon.muted
ignored
info
info.background
info.border
minimap.thumb.active_background
minimap.thumb.background
minimap.thumb.hover_background
modified
pane_group.border
panel.background
player.0.background
player.0.cursor
player.0.selection
scrollbar.thumb.active_background
scrollbar.thumb.background
scrollbar.thumb.border
scrollbar.thumb.hover_background
scrollbar.track.background
scrollbar.track.border
search.match_background
status_bar.background
surface.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_cyan
terminal.ansi.bright_green
terminal.ansi.bright_magenta
terminal.ansi.bright_red
terminal.ansi.bright_white
terminal.ansi.bright_yellow
terminal.ansi.cyan
terminal.ansi.green
terminal.ansi.magenta
terminal.ansi.red
terminal.ansi.white
terminal.ansi.yellow
terminal.background
terminal.bright_foreground
terminal.foreground
text
text.accent
text.muted
title_bar.background
toolbar.background
vim.yank.background
warning
warning.background
warning.border

syntax

Syntax capture colors from the theme style. Italic and bold are not listed — the preview above shows them in the code.

captureHEXRGBRGBA
attribute
attribute.jsx
boolean
comment
comment.doc
constant
constant.builtin
constructor
embedded
emphasis
emphasis.strong
enum
function
hint
keyword
label
link_text
link_uri
namespace
number
operator
predictive
preproc
primary
property
punctuation
punctuation.bracket
punctuation.delimiter
punctuation.delimiter.html
punctuation.delimiter.jsx
punctuation.list_marker
punctuation.markup
punctuation.special
selector
selector.class
selector.id
selector.pseudo
string
string.escape
string.regex
string.special
string.special.symbol
tag
tag.component
text.literal
title
type
type.builtin
type.class
type.definition
type.interface
variable
variable.parameter
variable.special
variant

settings.json

Search for "Ouch My Eyes" in the Zed extensions store, then paste the settings below.

{
  "theme": {
    "mode": "dark",
    "light": "Ouch My Eyes (Classic Blue)",
    "dark": "Ouch My Eyes (Classic Blue)"
  }
}

Theme file