🧬 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#100814
- activityBar.border#6a4bff
- activityBar.foreground#00e5ff
- activityBar.inactiveForeground#6c5d7e
- activityBarBadge.background#00e5ff
- activityBarBadge.foreground#100814
- badge.background#c45eff
- badge.foreground#ffffff
- button.background#6a4bff
- button.foreground#ffffff
- button.hoverBackground#826bff
- contrastActiveBorder#c45eff
- contrastBorder#100814
- diffEditor.insertedTextBackground#00e5ff22
- diffEditor.removedTextBackground#ff557222
- dropdown.background#1a1423
- dropdown.border#6a4bff
- dropdown.foreground#c0d5ff
- editor.background#100814
- editor.findMatchBackground#00e5ff44
- editor.findMatchHighlightBackground#c45eff55
- editor.foreground#c0d5ff
- editor.hoverHighlightBackground#6a4bff44
- editor.lineHighlightBackground#1a1423
- editor.lineHighlightBorder#6a4bff88
- editor.selectionBackground#6a4bff55
- editor.selectionHighlightBackground#c45eff44
- editor.wordHighlightBackground#6a4bff33
- editor.wordHighlightStrongBackground#c45eff33
- editorBracketMatch.background#6a4bff44
- editorBracketMatch.border#c45eff
- editorCodeLens.foreground#6c5d7e
- editorError.foreground#ff5572
- editorGutter.addedBackground#00e5ff88
- editorGutter.deletedBackground#ff557288
- editorGutter.modifiedBackground#c45eff88
- editorIndentGuide.activeBackground1#c45eff88
- editorIndentGuide.background1#3b304f44
- editorInfo.foreground#00e5ff
- editorLineNumber.activeForeground#c45eff
- editorLineNumber.foreground#6c5d7e
- editorLink.activeForeground#00e5ff
- editorOverviewRuler.border#100814
- editorOverviewRuler.errorForeground#ff5572
- editorOverviewRuler.findMatchForeground#00e5ff88
- editorOverviewRuler.infoForeground#00e5ff
- editorOverviewRuler.warningForeground#c45eff
- editorRuler.foreground#3b304f
- editorWarning.foreground#c45eff
- editorWidget.background#1a1423
- editorWidget.border#6a4bff
- focusBorder#6a4bff
- foreground#c0d5ff
- input.background#1a1423
- input.border#6a4bff
- input.foreground#c0d5ff
- input.placeholderForeground#6c5d7e
- inputOption.activeBackground#6a4bff
- inputOption.activeBorder#00e5ff
- inputValidation.errorBorder#ff5572
- inputValidation.infoBorder#00e5ff
- inputValidation.warningBorder#c45eff
- list.activeSelectionBackground#6a4bff55
- list.activeSelectionForeground#ffffff
- list.focusBackground#00e5ff55
- list.focusForeground#ffffff
- list.highlightForeground#00e5ff
- list.hoverBackground#6a4bff33
- list.inactiveSelectionBackground#1a1423
- notificationCenterHeader.background#1a1423
- notifications.background#1a1423
- notifications.border#6a4bff
- panel.background#100814
- panel.border#6a4bff
- panelTitle.activeBorder#00e5ff
- panelTitle.activeForeground#00e5ff
- panelTitle.inactiveForeground#6c5d7e
- peekView.border#6a4bff
- peekViewEditor.background#1a1423
- peekViewEditor.matchHighlightBackground#00e5ff44
- peekViewResult.background#1a1423
- peekViewResult.matchHighlightBackground#00e5ff44
- peekViewTitle.background#100814
- peekViewTitleDescription.foreground#6c5d7e
- peekViewTitleLabel.foreground#c0d5ff
- progressBar.background#00e5ff
- scrollbar.shadow#000000
- scrollbarSlider.activeBackground#00e5ffaa
- scrollbarSlider.background#6a4bff44
- scrollbarSlider.hoverBackground#6a4bff88
- sideBar.background#100814
- sideBar.border#6a4bff
- sideBar.foreground#c0d5ff
- sideBarSectionHeader.background#1a1423
- sideBarSectionHeader.foreground#c45eff
- sideBarTitle.foreground#c45eff
- statusBar.background#100814
- statusBar.border#6a4bff
- statusBar.debuggingBackground#c45eff
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#c0d5ff
- statusBar.noFolderBackground#100814
- statusBarItem.remoteBackground#00e5ff
- statusBarItem.remoteForeground#100814
- tab.activeBackground#1a1423
- tab.activeBorder#00e5ff
- tab.activeForeground#ffffff
- tab.border#100814
- tab.inactiveBackground#100814
- tab.inactiveForeground#6c5d7e
- terminal.ansiBlack#1a1423
- terminal.ansiBlue#6a4bff
- terminal.ansiBrightBlack#6c5d7e
- terminal.ansiBrightBlue#826bff
- terminal.ansiBrightCyan#7fffff
- terminal.ansiBrightGreen#e08aff
- terminal.ansiBrightMagenta#e08aff
- terminal.ansiBrightRed#ff8095
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffde95
- terminal.ansiCyan#00e5ff
- terminal.ansiGreen#c45eff
- terminal.ansiMagenta#c45eff
- terminal.ansiRed#ff5572
- terminal.ansiWhite#c0d5ff
- terminal.ansiYellow#ffcb6b
- terminal.background#100814
- terminal.foreground#c0d5ff
- titleBar.activeBackground#100814
- titleBar.activeForeground#c0d5ff
- titleBar.border#6a4bff
- titleBar.inactiveBackground#100814
- titleBar.inactiveForeground#6c5d7e
- tree.indentGuidesStroke#6c5d7e
- widget.shadow#00000044
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6c5d7e | italic |
| string, string.quoted | #e08aff | — |
| constant.numeric, constant.language | #ffcb6b | — |
| keyword, storage.type, storage.modifier | #c45eff | bold |
| keyword.operator | #c45eff | — |
| entity.name.function, support.function | #00e5ff | bold |
| variable.parameter | #c0d5ff | italic |
| entity.name.type, entity.name.class, support.type, support.class | #6a4bff | bold |
| entity.name.tag, punctuation.definition.tag | #c45eff | bold |
| entity.other.attribute-name | #e08aff | — |
| variable, variable.other.object, variable.other.readwrite | #c0d5ff | — |
| support.constant, entity.name.constant | #ffcb6b | — |
| punctuation | #6c5d7e | — |
| invalid | #ff5572 | bold |