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
accents
activity_bar.background
activity_bar.foreground
activity_bar.inactive_foreground
activity_barBadge.background
activity_barBadge.foreground
background
border
border.disabled
border.focused
border.selected
border.transparent
border.variant
button.background
button.foreground
button.hover_background
button.secondary_background
button.secondary_foreground
button.secondary_hover_background
checkbox.background
checkbox.border
checkbox.foreground
command_center.active_background
command_center.active_border
command_center.active_foreground
command_center.background
command_center.border
command_center.foreground
command_center.inactive_border
conflict
conflict.background
conflict.border
created
created.background
created.border
debug.toolbar_background
debug.toolbar_border
deleted
deleted.background
deleted.border
diff_editor.inserted_line_background
diff_editor.removed_line_background
diff_editorGutter.inserted_line_background
diff_editorGutter.removed_line_background
drop_target.background
dropdown.background
dropdown.border
dropdown.foreground
dropdown.list_background
editor.active_line_number
editor.active_line.background
editor.active_wrap_guide
editor.background
editor.document_highlight.bracket_background
editor.document_highlight.read_background
editor.document_highlight.write_background
editor.foreground
editor.gutter.background
editor.highlighted_line.background
editor.hover_line_number
editor.indent_guide
editor.indent_guide_active
editor.invisible
editor.line_number
editor.subheader.background
editor.wrap_guide
editorBracketMatch.background
editorBracketMatch.border
editorCursor.background
editorCursor.foreground
editorError.foreground
editorGutter.added_background
editorGutter.deleted_background
editorGutter.modified_background
editorHoverWidget.background
editorHoverWidget.border
editorHoverWidget.foreground
editorIndentGuide.active_background
editorIndentGuide.background
editorInfo.foreground
editorLineNumber.active_foreground
editorLineNumber.foreground
editorSuggestWidget.background
editorSuggestWidget.border
editorSuggestWidget.foreground
editorSuggestWidget.highlight_foreground
editorSuggestWidget.selected_background
editorSuggestWidget.selected_foreground
editorWarning.foreground
editorWidget.background
editorWidget.border
editorWidget.foreground
element.active
element.background
element.disabled
element.hover
element.selected
elevated_surface.background
error
error.background
error.border
extensionBadge.remoteBackground
extensionBadge.remoteForeground
focusBorder
ghost_element.active
ghost_element.background
ghost_element.disabled
ghost_element.hover
ghost_element.selected
gitDecoration.addedResourceForeground
gitDecoration.conflictingResourceForeground
gitDecoration.deletedResourceForeground
gitDecoration.ignoredResourceForeground
gitDecoration.modifiedResourceForeground
gitDecoration.untrackedResourceForeground
hidden
hidden.background
hidden.border
hint
hint.background
hint.border
icon
icon.accent
icon.disabled
icon.muted
icon.placeholder
ignored
ignored.background
ignored.border
info
info.background
info.border
input.background
input.border
input.focusBorder
input.foreground
input.placeholderForeground
inputOption.activeBackground
inputOption.activeBorder
inputOption.activeForeground
keybindingLabel.background
keybindingLabel.border
keybindingLabel.foreground
link_text.hover
list.activeSelectionBackground
list.activeSelectionForeground
list.errorForeground
list.focusBackground
list.focusForeground
list.highlightForeground
list.hoverBackground
list.hoverForeground
list.inactiveSelectionBackground
list.inactiveSelectionForeground
list.warningForeground
menu.background
menu.foreground
menu.selectionBackground
menu.selectionForeground
menu.separatorBackground
menubar.selectionBackground
menubar.selectionForeground
merge.border
merge.commonContentBackground
merge.commonHeaderBackground
merge.currentContentBackground
merge.currentHeaderBackground
merge.incomingContentBackground
merge.incomingHeaderBackground
minimap.errorHighlight
minimap.findMatchHighlight
minimap.selectionHighlight
minimap.thumb.background
minimap.thumb.border
minimap.thumb.hover_background
minimap.warningHighlight
minimapGutter.addedBackground
minimapGutter.deletedBackground
minimapGutter.modifiedBackground
modified
modified.background
modified.border
notificationCenterHeader.background
notificationCenterHeader.foreground
notificationLink.foreground
notifications.background
notifications.border
notifications.foreground
notificationsErrorIcon.foreground
notificationsInfoIcon.foreground
notificationsWarningIcon.foreground
pane_group.border
pane.focused_border
panel.background
panel.focused_border
panel.indent_guide
panel.indent_guide_active
panel.indent_guide_hover
panel.overlay_background
panel.overlay_hover
player.0.background
player.0.cursor
player.0.selection
player.1.background
player.1.cursor
player.1.selection
player.2.background
player.2.cursor
player.2.selection
player.3.background
player.3.cursor
player.3.selection
player.4.background
player.4.cursor
player.4.selection
player.5.background
player.5.cursor
player.5.selection
player.6.background
player.6.cursor
player.6.selection
player.7.background
player.7.cursor
player.7.selection
predictive
predictive.background
predictive.border
renamed
renamed.background
renamed.border
scrollbar.thumb.background
scrollbar.thumb.border
scrollbar.thumb.hover_background
scrollbar.track.background
scrollbar.track.border
search.active_match_background
search.match_background
status_bar.background
success
success.background
success.border
surface.background
tab_bar.background
tab.active_background
tab.inactive_background
terminal.ansi.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.dim_black
terminal.dim_blue
terminal.dim_cyan
terminal.dim_foreground
terminal.dim_green
terminal.dim_magenta
terminal.dim_red
terminal.dim_white
terminal.dim_yellow
terminal.foreground
text
text.accent
text.disabled
text.muted
text.placeholder
title_bar.background
title_bar.inactive_background
toolbar.background
unreachable
unreachable.background
unreachable.border
version_control.added
version_control.conflict
version_control.conflict_marker.ours
version_control.conflict_marker.theirs
version_control.deleted
version_control.ignored
version_control.modified
version_control.renamed
version_control.word_added
version_control.word_deleted
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
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.list_marker
punctuation.markup
punctuation.special
selector
selector.pseudo
string
string.escape
string.regex
string.special
string.special.symbol
tag
text.literal
title
type
variable
variable.special
variant

settings.json

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

{
  "theme": {
    "mode": "system",
    "light": "Atomizer Light",
    "dark": "Atomizer Dark"
  }
}

Theme file