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.variant
editor.active_line_number
editor.active_line.background
editor.background
editor.foreground
editor.gutter.background
editor.indent_guide
editor.indent_guide_active
editor.line_number
editor.subheader.background
elevated_surface.background
error
error.background
error.border
hint
hint.background
hint.border
info
info.background
info.border
modified
panel.background
player.0.selection
predictive
predictive.background
predictive.border
renamed.background
renamed.border
search.match_background
status_bar.background
success.background
success.border
tab_bar.background
tab.active_background
tab.inactive_background
text
title_bar.background
toolbar.background
unreachable.background
unreachable.border
version_control.added
version_control.deleted
version_control.modified
version_control.untracked
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
boolean
comment
comment.doc
constant
function
function.method
keyword
label
number
operator
preproc
punctuation.bracket
string
string.escape
string.special
string.special.symbol
type
variable

settings.json

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

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

Theme file