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.focused
conflict
deleted
editor.background
editor.gutter.background
editor.line_number
error
error.background
hidden
hint
hint.background
ignored
info.background
modified
player.0.cursor
player.0.selection
predictive
scrollbar.thumb.background
scrollbar.thumb.border
scrollbar.thumb.hover_background
scrollbar.track.background
status_bar.background
tab_bar.background
tab.active_background
tab.inactive_background
terminal.ansi.bright_black
text
text.accent
text.muted
title_bar.background
toolbar.background
warning
warning.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
comment
comment.doc
constant
constructor
embedded
function
keyword
link_text
link_uri
number
operator
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 "CodeSandbox Theme" in the Zed extensions store, then paste the settings below.

{
  "theme": {
    "mode": "system",
    "light": "CodeSandbox Light",
    "dark": "CodeSandbox"
  }
}

Theme file