🧬 Retro Synth Dark 🧬
Publisher: Bucked UnicornThemes in package: 6
⚡ Dark Retro Theme Suite - 5 Scientifically-Designed Synthwave Variants! 🎮
Color themes
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.
- activityBar.background#05070f
- activityBar.foreground#ffd700
- activityBarBadge.background#4169e1
- activityBarBadge.foreground#ffffff
- breadcrumb.activeSelectionForeground#4169e1
- breadcrumb.background#05070f
- breadcrumb.focusForeground#ffd700
- button.background#4169e1
- button.foreground#ffffff
- button.hoverBackground#6495ed
- button.secondaryBackground#0a0d1a
- button.secondaryForeground#e8ecff
- button.secondaryHoverBackground#1e2347
- dropdown.background#0a0d1a
- dropdown.border#4169e1
- dropdown.foreground#e8ecff
- dropdown.listBackground#1e2347
- editor.background#05070f
- editor.findMatchBackground#ffd70055
- editor.findMatchBorder#ffd700
- editor.findMatchHighlightBackground#4169e144
- editor.findRangeHighlightBackground#c0c0c022
- editor.foreground#e8ecff
- editor.lineHighlightBorder#4169e1
- editor.selectionBackground#4169e144
- editor.selectionForeground#ffffff
- editor.selectionHighlightBackground#4169e133
- editor.selectionHighlightBorder#ffd700
- editor.wordHighlightBackground#6495ed22
- editor.wordHighlightStrongBackground#c0c0c022
- editorBracketMatch.background#4169e144
- editorBracketMatch.border#ffd700
- editorError.foreground#ff6b9d
- editorGroup.border#4169e1
- editorInfo.foreground#87ceeb
- editorLineNumber.activeForeground#ffd700
- editorLineNumber.foreground#6495ed
- editorWarning.foreground#ffd700
- foreground#e8ecff
- gitDecoration.addedResourceForeground#ffd700
- gitDecoration.conflictingResourceForeground#ff6b9d
- gitDecoration.deletedResourceForeground#ff6b9d
- gitDecoration.ignoredResourceForeground#8a94c7
- gitDecoration.modifiedResourceForeground#87ceeb
- gitDecoration.untrackedResourceForeground#c0c0c0
- icon.foreground#4169e1
- input.background#05070f
- input.border#4169e1
- input.foreground#e8ecff
- input.placeholderForeground#8a94c7
- list.activeSelectionBackground#4169e144
- list.activeSelectionForeground#e8ecff
- list.focusBackground#4169e144
- list.hoverBackground#4169e122
- list.inactiveSelectionBackground#6495ed33
- minimap.background#05070f
- minimap.errorHighlight#ff6b9d
- minimap.selectionHighlight#4169e188
- minimap.warningHighlight#ffd700
- panel.background#0a0d1a
- panel.border#4169e1
- panelTitle.activeForeground#ffd700
- panelTitle.inactiveForeground#8a94c7
- progressBar.background#ffd700
- scrollbarSlider.activeBackground#4169e199
- scrollbarSlider.background#4169e133
- scrollbarSlider.hoverBackground#4169e166
- sideBar.background#0a0d1a
- sideBar.foreground#e8ecff
- sideBarTitle.foreground#4169e1
- statusBar.background#0a0d1a
- statusBar.border#4169e1
- statusBar.foreground#ffd700
- tab.activeBackground#05070f
- tab.activeBorder#4169e1
- tab.activeBorderTop#ffd700
- tab.activeForeground#ffd700
- tab.border#1e2347
- tab.inactiveBackground#0a0d1a
- tab.inactiveForeground#8a94c7
- terminal.ansiBlack#05070f
- terminal.ansiBlue#4169e1
- terminal.ansiBrightBlack#8a94c7
- terminal.ansiBrightBlue#6495ed
- terminal.ansiBrightCyan#afeeee
- terminal.ansiBrightGreen#b0e0e6
- terminal.ansiBrightMagenta#e6e6fa
- terminal.ansiBrightRed#ffb6c1
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffef94
- terminal.ansiCyan#87ceeb
- terminal.ansiGreen#87ceeb
- terminal.ansiMagenta#dda0dd
- terminal.ansiRed#ff6b9d
- terminal.ansiWhite#e8ecff
- terminal.ansiYellow#ffd700
- terminal.background#05070f
- terminal.border#4169e1
- terminal.findMatchBackground#ffd70044
- terminal.findMatchBorder#ffd700
- terminal.findMatchHighlightBackground#4169e122
- terminal.foreground#e8ecff
- terminal.hoverHighlightBackground#6495ed33
- terminal.selectionBackground#4169e144
- terminal.selectionForeground#ffffff
- terminalCursor.background#05070f
- terminalCursor.foreground#ffd700
- textLink.activeForeground#ffd700
- textLink.foreground#87ceeb
- titleBar.activeBackground#05070f
- titleBar.activeForeground#ffd700
- titleBar.inactiveBackground#0a0d1a
- titleBar.inactiveForeground#8a94c7
- welcomePage.background#05070f
- welcomePage.progress.background#0a0d1a
- welcomePage.progress.foreground#4169e1
- welcomePage.tileBackground#0a0d1a
- welcomePage.tileBorder#4169e1
- welcomePage.tileHoverBackground#4169e144
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #e8ecff | — |
| comment, punctuation.definition.comment | #a6b5e5 | italic |
| string, string.quoted.single, string.quoted.double, string.quoted.triple | #ffd700 | — |
| constant.numeric | #87ceeb | — |
| keyword, keyword.control, storage.type | #4169e1 | bold |
| entity.name.function, support.function | #ffef94 | bold |
| variable, variable.other.readwrite, variable.other.object | #e8ecff | — |
| entity.name.class, entity.name.type.class | #6495ed | bold |
| entity.name.type, support.type | #87ceeb | — |
| constant, constant.language, constant.character | #c0c0c0 | — |
| keyword.operator | #6495ed | — |
| variable.other.property, meta.object-literal.key | #ffd700 | — |
| punctuation, punctuation.separator, punctuation.terminator | #8a94c7 | — |
| entity.name.tag, support.class.component | #4169e1 | — |
| entity.other.attribute-name | #87ceeb | — |
| invalid, invalid.illegal | #ff6b9d | bold |
| markup.heading, markup.heading.markdown | #ffd700 | bold |
| markup.bold, markup.bold.markdown | #6495ed | bold |
| markup.italic, markup.italic.markdown | #87ceeb | italic |
| entity.name.type.ts, entity.name.type.tsx, support.type.primitive.ts, support.type.primitive.tsx | #87ceeb | italic |
| support.class.component.jsx, support.class.component.tsx, entity.name.tag.jsx, entity.name.tag.tsx | #6495ed | bold |
| support.function.magic.python | #dda0dd | italic |
| support.type.property-name.css | #87ceeb | — |
| support.constant.property-value.css, constant.numeric.css | #ffd700 | — |
| support.type.property-name.json | #6495ed | — |
| string.template, punctuation.definition.template-expression | #dda0dd | — |
| entity.name.function.decorator, punctuation.definition.decorator, storage.type.annotation | #87ceeb | italic |