Skip to main content
Coding Theme

Synthwave84

Author: DROOThemes in extension: 4

A vibrant, retro-inspired theme based on the synthwave aesthetic of the 1980s. Includes Classic, Soft, High Contrast, and Delta variants.

GitHub (opens repository in a new tab)

Color themes

Zed preview

macOS Zed window using this variant's theme style.

colors

UI color keys from this variant's theme style.

keyHEXRGBRGBA
accent
background
border
border.disabled
border.focused
border.selected
border.transparent
border.variant
conflict
conflict.background
conflict.border
created
created.background
created.border
deleted
deleted.background
deleted.border
drop_target.background
editor.active_line_number
editor.active_line.background
editor.active_wrap_guide
editor.background
editor.document_highlight.read_background
editor.document_highlight.write_background
editor.foreground
editor.gutter.background
editor.highlighted_line.background
editor.invisible
editor.line_number
editor.subheader.background
editor.wrap_guide
element.active
element.background
element.disabled
element.hover
element.selected
elevated_surface.background
error
error.background
error.border
foreground
ghost_element.active
ghost_element.background
ghost_element.disabled
ghost_element.hover
ghost_element.selected
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
link_text.hover
modified
modified.background
modified.border
pane.focused_border
panel.background
panel.focused_border
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.match_background
status_bar.background
success
success.background
success.border
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.dim_black
terminal.ansi.dim_blue
terminal.ansi.dim_cyan
terminal.ansi.dim_green
terminal.ansi.dim_magenta
terminal.ansi.dim_red
terminal.ansi.dim_white
terminal.ansi.dim_yellow
terminal.ansi.green
terminal.ansi.magenta
terminal.ansi.red
terminal.ansi.white
terminal.ansi.yellow
terminal.background
terminal.bright_foreground
terminal.dim_foreground
terminal.foreground
text
text.accent
text.disabled
text.muted
text.placeholder
title_bar.background
toolbar.background
unreachable
unreachable.background
unreachable.border
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
ai.suggestion
ai.suggestion.hover
assistant
assistant.background
assistant.border
attribute
boolean
brackethighlighter.tag
brackethighlighter.unmatched
comment
comment.doc
constant
constant.character.escape
constant.language
constant.numeric
constant.other.key.yaml
constructor
copilot.suggestion
copilot.suggestion.hover
embedded
emphasis
emphasis.strong
entity.name.function
entity.name.function.async
entity.name.function.decorator.python
entity.name.function.generator
entity.name.function.go
entity.name.lifetime.rust
entity.name.macro
entity.name.section
entity.name.section.toml
entity.name.tag
entity.name.tag.html
entity.name.tag.toml
entity.name.tag.yaml
entity.name.type
entity.name.type.class
entity.name.type.class.cpp
entity.name.type.class.java
entity.name.type.class.python
entity.name.type.class.ruby
entity.name.type.conditional
entity.name.type.cpp
entity.name.type.enum.cpp
entity.name.type.enum.java
entity.name.type.enum.rust
entity.name.type.generic
entity.name.type.go
entity.name.type.interface
entity.name.type.interface.go
entity.name.type.interface.java
entity.name.type.intersection
entity.name.type.mapped
entity.name.type.module
entity.name.type.module.ruby
entity.name.type.namespace.cpp
entity.name.type.option
entity.name.type.result
entity.name.type.rust
entity.name.type.struct.rust
entity.name.type.trait.rust
entity.name.type.union
entity.other.attribute-name
entity.other.attribute-name.class.css
entity.other.attribute-name.html
entity.other.attribute-name.id.css
entity.other.attribute-name.jsx
entity.other.attribute-name.pseudo-class.css
entity.other.attribute-name.pseudo-element.css
entity.other.attribute-name.tsx
entity.other.inherited-class
enum
function
ghost_text
ghost_text.background
ghost_text.border
hint
inlay_hint
inlay_hint.background
inlay_hint.parameter
inlay_hint.type
inline_completion
inline_completion.highlight
invalid
invalid.deprecated
JSXAttribute
JSXClosingElement
JSXOpeningElement
keyword
keyword.channel.go
keyword.control
keyword.control.conditional
keyword.control.go
keyword.control.import
keyword.function
keyword.function.go
keyword.operator
keyword.operator.in
keyword.operator.is
keyword.operator.keyof
keyword.operator.logical.python
keyword.operator.type
keyword.operator.typeof
keyword.other
keyword.other.abstract
keyword.other.as
keyword.other.async.rust
keyword.other.const
keyword.other.DDL.sql
keyword.other.DML.sql
keyword.other.dyn
keyword.other.impl
keyword.other.macro
keyword.other.override
keyword.other.readonly
keyword.other.satisfies
keyword.other.special-method.ruby
keyword.other.sql
keyword.other.trait
keyword.other.unsafe.rust
keyword.other.using
keyword.other.where
label
link_text
link_uri
markup.bold
markup.bold.markdown
markup.heading
markup.heading.markdown
markup.italic
markup.italic.markdown
markup.list
markup.quote
markup.raw
markup.raw.inline
markup.raw.inline.markdown
markup.underline
markup.underline.link.markdown
meta.attribute.rust
meta.diff.header
meta.function-call.python
meta.jsx.children
meta.output
meta.separator
meta.tag.jsx
number
operator
predictive
preproc
primary
property
punctuation
punctuation.bracket
punctuation.definition.list.begin.markdown
punctuation.delimiter
punctuation.list_marker
punctuation.special
source.c
source.cpp
source.css
source.go
source.html
source.java
source.js
source.json
source.jsx
source.markdown
source.python
source.ruby
source.rust
source.shell
source.sql
source.toml
source.ts
source.tsx
source.yaml
storage
storage.modifier
storage.modifier.async
storage.modifier.java
storage.type
storage.type.annotation.java
string
string.escape
string.regex
string.special
string.special.symbol
support.class
support.constant
support.function
support.other.namespace
support.type
support.type.property-name
support.type.property-name.css
support.type.property-name.json
tag
text.literal
title
type
type.builtin
variable
variable.function
variable.language
variable.other.bracket.shell
variable.other.member
variable.other.normal.shell
variable.other.readwrite.class.ruby
variable.other.readwrite.instance.ruby
variable.parameter
variable.parameter.function.language.special.cls.python
variable.parameter.function.language.special.self.python
variable.special
variant

settings.json

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

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

Theme file