Retronica
Publisher: AdhamThemes in package: 5
A muted 80s-inspired retro theme collection for VS Code — featuring neon nights, amber terminals, phosphor greens, and pastel arcades.
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#ede8e0
- activityBar.foreground#485050
- activityBar.inactiveForeground#989890
- activityBarBadge.background#708888
- activityBarBadge.foreground#f5f0e8
- badge.background#708888
- badge.foreground#f5f0e8
- breadcrumb.activeSelectionForeground#2a3038
- breadcrumb.focusForeground#3a4048
- breadcrumb.foreground#888880
- breadcrumbPicker.background#f0ebe4
- button.background#708888
- button.foreground#f5f0e8
- button.hoverBackground#809898
- dropdown.background#faf8f4
- dropdown.border#d8d4cc
- dropdown.foreground#3a4048
- editor.background#f5f0e8
- editor.findMatchBackground#d8c0b0aa
- editor.findMatchHighlightBackground#d8c0b055
- editor.foreground#3a4048
- editor.lineHighlightBackground#ede8e0
- editor.selectionBackground#c8d8d8aa
- editor.selectionHighlightBackground#c8d8d855
- editor.wordHighlightBackground#c8d8d844
- editor.wordHighlightStrongBackground#c8d8d866
- editorBracketMatch.background#c8d8d844
- editorBracketMatch.border#708888
- editorCursor.background#f5f0e8
- editorCursor.foreground#607878
- editorError.foreground#b06060
- editorGroup.border#e0dbd4
- editorGroupHeader.tabsBackground#ede8e0
- editorGutter.background#f5f0e8
- editorIndentGuide.activeBackground#cdc8c0
- editorIndentGuide.background#e5e0d8
- editorInfo.foreground#507088
- editorLineNumber.activeForeground#607068
- editorLineNumber.foreground#a8a098
- editorWarning.foreground#a07840
- editorWhitespace.foreground#ddd8d0
- gitDecoration.addedResourceForeground#508060
- gitDecoration.conflictingResourceForeground#886878
- gitDecoration.deletedResourceForeground#b06060
- gitDecoration.ignoredResourceForeground#a8a098
- gitDecoration.modifiedResourceForeground#a07840
- gitDecoration.untrackedResourceForeground#507878
- input.background#faf8f4
- input.border#d8d4cc
- input.foreground#3a4048
- input.placeholderForeground#989890
- inputOption.activeBorder#708888
- list.activeSelectionBackground#d0dcd8
- list.activeSelectionForeground#2a3038
- list.focusBackground#d0dcd8
- list.highlightForeground#507070
- list.hoverBackground#ede8e0
- list.inactiveSelectionBackground#d8e0dc
- minimap.background#f5f0e8
- minimap.findMatchHighlight#d8c0b055
- minimap.selectionHighlight#c8d8d855
- panel.background#f0ebe4
- panel.border#e0dbd4
- panelTitle.activeBorder#708888
- panelTitle.activeForeground#3a4048
- panelTitle.inactiveForeground#888880
- peekView.border#809090
- peekViewEditor.background#f0ebe4
- peekViewEditorGutter.background#f5f0e8
- peekViewResult.background#ede8e0
- peekViewTitle.background#f0ebe4
- progressBar.background#708888
- scrollbar.shadow#c8c4bc
- scrollbarSlider.activeBackground#b8b0a8aa
- scrollbarSlider.background#b8b0a855
- scrollbarSlider.hoverBackground#b8b0a888
- sideBar.background#f0ebe4
- sideBar.border#e0dbd4
- sideBar.foreground#505858
- sideBarSectionHeader.background#ede8e0
- sideBarSectionHeader.foreground#3a4048
- sideBarTitle.foreground#3a4048
- statusBar.background#ede8e0
- statusBar.border#e0dbd4
- statusBar.debuggingBackground#a0b8b0
- statusBar.debuggingForeground#2a3038
- statusBar.foreground#505858
- statusBar.noFolderBackground#f5f0e8
- tab.activeBackground#f5f0e8
- tab.activeBorder#708888
- tab.activeBorderTop#00000000
- tab.activeForeground#2a3038
- tab.border#e0dbd4
- tab.hoverBackground#f0ebe4
- tab.inactiveBackground#ede8e0
- tab.inactiveForeground#888880
- terminal.ansiBlack#3a4048
- terminal.ansiBlue#507088
- terminal.ansiBrightBlack#686860
- terminal.ansiBrightBlue#608098
- terminal.ansiBrightCyan#608888
- terminal.ansiBrightGreen#609070
- terminal.ansiBrightMagenta#987888
- terminal.ansiBrightRed#c07070
- terminal.ansiBrightWhite#f5f0e8
- terminal.ansiBrightYellow#b08850
- terminal.ansiCyan#507878
- terminal.ansiGreen#508060
- terminal.ansiMagenta#886878
- terminal.ansiRed#b06060
- terminal.ansiWhite#ede8e0
- terminal.ansiYellow#a07840
- terminal.background#f5f0e8
- terminal.foreground#3a4048
- terminalCursor.background#f5f0e8
- terminalCursor.foreground#607878
- titleBar.activeBackground#ede8e0
- titleBar.activeForeground#3a4048
- titleBar.inactiveBackground#f0ebe4
- titleBar.inactiveForeground#888880
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #909088 | italic |
| string, string.quoted, string.template | #508060 | — |
| constant.character.escape | #507878 | — |
| constant.numeric | #a07040 | — |
| constant.language | #a07040 | — |
| constant.other | #a07040 | — |
| keyword, storage.type, storage.modifier | #886878 | — |
| keyword.control | #886878 | — |
| keyword.operator | #507878 | — |
| entity.name.function, meta.function-call, support.function | #507088 | — |
| entity.name.class, entity.name.type.class, support.class | #907840 | — |
| entity.name.type, support.type | #907840 | — |
| variable, variable.other | #3a4048 | — |
| variable.parameter | #a07040 | italic |
| variable.other.property, variable.other.object.property | #b06060 | — |
| meta.object-literal.key | #b06060 | — |
| entity.name.tag | #b06060 | — |
| entity.other.attribute-name | #907840 | italic |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #907840 | — |
| support.type.property-name.css | #507088 | — |
| support.constant.property-value.css | #a07040 | — |
| punctuation | #505858 | — |
| punctuation.definition.block, punctuation.definition.parameters, punctuation.definition.array | #505858 | — |
| markup.heading, entity.name.section.markdown | #b06060 | bold |
| markup.bold | #907840 | bold |
| markup.italic | #886878 | italic |
| markup.underline.link | #507088 | — |
| markup.inline.raw, markup.fenced_code | #508060 | — |
| support.type.property-name.json | #b06060 | — |
| entity.name.tag.yaml | #b06060 | — |
| string.regexp | #507878 | — |
| invalid, invalid.illegal | #f5f0e8 | — |
| invalid.deprecated | #f5f0e8 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...