Ghostty synthwave Theme
Publisher: closjiThemes in package: 1
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
colors
Workbench UI color keys from the theme JSON colors map.
- badge.background#fdc35033
- badge.foreground#fdc350
- button.background#19cde6
- button.foreground#000000
- button.hoverBackground#12c3e2
- button.secondaryBackground#dad9c733
- button.secondaryForeground#dad9c7
- button.secondaryHoverBackground#dad9c780
- descriptionForeground#dad9c7
- diffEditor.insertedLineBackground#1ebb2b15
- diffEditor.insertedTextBackground#1ebb2b20
- diffEditor.removedLineBackground#f6188f15
- diffEditor.removedTextBackground#f6188f20
- dropdown.background#000000
- dropdown.border#dad9c745
- dropdown.foreground#dad9c7
- editor.background#000000
- editor.findMatchBackground#f8d146
- editor.findMatchHighlightBackground#f8d14666
- editor.foreground#dad9c7
- editor.lineHighlightBackground#dad9c70d
- editor.lineHighlightBorder#dad9c71a
- editor.rangeHighlightBackground#fdc35020
- editor.selectionBackground#fdc35040
- editor.selectionHighlightBackground#fdc35033
- editor.wordHighlightBackground#dad9c726
- editor.wordHighlightStrongBackground#dad9c733
- editorBracketMatch.background#fdc35033
- editorBracketMatch.border#fdc350
- editorCursor.foreground#fdc350
- editorError.foreground#f6188f
- editorGroupHeader.tabsBackground#000000
- editorInfo.foreground#fdc350
- editorLineNumber.activeForeground#fdc350
- editorLineNumber.foreground#dad9c766
- editorWarning.foreground#f8d146
- errorForeground#f6188f
- focusBorder#fdc350b3
- foreground#dad9c7
- gitDecoration.addedResourceForeground#1ebb2b
- gitDecoration.conflictingResourceForeground#f85a21
- gitDecoration.deletedResourceForeground#f6188f
- gitDecoration.ignoredResourceForeground#dad9c759
- gitDecoration.modifiedResourceForeground#f8d146
- gitDecoration.untrackedResourceForeground#12c3e2
- icon.foreground#dad9c7
- input.background#000000
- input.border#dad9c745
- input.foreground#dad9c7
- input.placeholderForeground#dad9c780
- inputOption.activeBackground#fdc35033
- inputOption.activeBorder#fdc3504d
- inputOption.activeForeground#fdc350
- list.activeSelectionBackground#dad9c726
- list.activeSelectionForeground#dad9c7
- list.focusBackground#dad9c726
- list.focusForeground#dad9c7
- list.highlightForeground#fdc350
- list.hoverBackground#dad9c726
- list.inactiveSelectionBackground#dad9c71f
- problemsErrorIcon.foreground#f6188f
- problemsInfoIcon.foreground#fdc350
- problemsWarningIcon.foreground#f8d146
- progressBar.background#fdc350
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#fdc350b3
- scrollbarSlider.background#fdc35066
- scrollbarSlider.hoverBackground#fdc35099
- selection.background#fdc35040
- sideBar.background#000000
- statusBar.background#000000
- statusBar.debuggingBackground#000000
- statusBar.foreground#dad9c7
- statusBar.noFolderBackground#000000
- statusBarItem.remoteBackground#fdc350
- statusBarItem.remoteForeground#000000
- terminal.ansiBlack#000000
- terminal.ansiBlue#2186ec
- terminal.ansiBrightBlack#000000
- terminal.ansiBrightBlue#2f9ded
- terminal.ansiBrightCyan#19cde6
- terminal.ansiBrightGreen#25c141
- terminal.ansiBrightMagenta#f97137
- terminal.ansiBrightRed#f841a0
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#f8d146
- terminal.ansiCyan#12c3e2
- terminal.ansiGreen#1ebb2b
- terminal.ansiMagenta#f85a21
- terminal.ansiRed#f6188f
- terminal.ansiWhite#ffffff
- terminal.ansiYellow#f8d146
- terminal.background#000000
- terminal.foreground#dad9c7
- textBlockQuote.background#000000
- textLink.activeForeground#2f9ded
- textLink.foreground#2186ec
- textPreformat.foreground#dad9c7
- titleBar.activeBackground#000000
- titleBar.activeForeground#dad9c7
- titleBar.inactiveBackground#000000
- titleBar.inactiveForeground#dad9c780
- widget.shadow#000000b3
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #dad9c7 | — |
| comment, comment.block, comment.line, comment.block.documentation, punctuation.definition.comment | #dad9c780 | italic |
| string, string.quoted.single, string.quoted.double, string.quoted.triple, string.quoted.backtick, string.template, string.interpolated, string.regexp, constant.other.symbol | #1ebb2b | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.decimal, constant.numeric.hex, constant.numeric.octal, constant.numeric.binary, constant.character.escape, constant.other.color | #f85a21 | — |
| constant.language, constant.language.boolean, constant.language.null, constant.language.undefined, constant.language.this, constant.language.super, variable.language | #f6188f | — |
| variable, variable.other, variable.parameter, variable.other.readwrite, variable.other.object, variable.other.property | #dad9c7 | — |
| keyword, keyword.control, keyword.operator, keyword.other, storage.type, storage.modifier, punctuation.definition.keyword | #f6188f | — |
| keyword.operator, keyword.operator.arithmetic, keyword.operator.logical, keyword.operator.assignment, keyword.operator.comparison | #f6188f | — |
| entity.name.function, support.function, support.class, meta.function-call, variable.function, support.function.builtin | #2186ec | — |
| entity.name.type, entity.name.class, entity.other.inherited-class, support.type, support.class, storage.type.class, storage.type.interface, storage.type.enum | #f8d146 | — |
| entity.name.namespace, entity.name.module, entity.name.package, storage.modifier.import, storage.modifier.package | #f6188f | — |
| entity.name.tag, punctuation.definition.tag, meta.tag | #f6188f | — |
| entity.other.attribute-name, entity.other.attribute-name.html, entity.other.attribute-name.xml | #f85a21 | — |
| entity.name.decorator, punctuation.decorator, meta.decorator, storage.type.annotation, punctuation.definition.annotation | #f85a21 | — |
| string.regexp, constant.regexp, string.regexp.character-class, string.regexp.anchor | #12c3e2 | — |
| punctuation, punctuation.definition, punctuation.section, punctuation.separator, meta.brace | #dad9c7 | — |
| support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less, support.type.property-name.sass | #dad9c7 | — |
| support.constant.property-value, support.constant.color, support.constant.font-name, support.constant.media | #1ebb2b | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #f85a21 | — |
| markup.heading, entity.name.section.markdown | #f6188f | bold |
| markup.bold | #f85a21 | bold |
| markup.italic | — | italic |
| markup.underline.link.markdown, markup.underline.link.image.markdown | #2186ec | — |
| markup.list.unnumbered, markup.list.numbered | #dad9c7 | — |
| markup.quote | #1ebb2b | italic |
| markup.fenced_code.block.markdown, markup.inline.raw.string.markdown | #12c3e2 | — |
| text.git-commit, text.git-rebase, text.git.gitignore, source.gitignore, source.ignore, source.dockerfile, source.yaml, source.toml, source.ini | #dad9c7 | — |
| comment.line.number-sign.gitignore, comment.line.number-sign.git-rebase, comment.line.yaml, comment.line.toml | #dad9c780 | italic |