Retro '82
Publisher: penumbreThemes in package: 1
A Retro Teal and Amber Sci-Fi Theme for VS Code / Cursor
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.activeBorder#faa968
- activityBar.activeFocusBorder#faa968
- activityBar.background#00172e
- activityBar.border#0a3a45
- activityBar.dropBorder#faa968
- activityBar.foreground#f6dcac
- activityBar.inactiveForeground#5f8f96
- activityBarBadge.background#faa968
- activityBarBadge.foreground#00172e
- badge.background#faa968
- badge.foreground#00172e
- breadcrumb.activeSelectionForeground#faa968
- breadcrumb.background#00172e
- breadcrumb.focusForeground#f6dcac
- breadcrumb.foreground#5f8f96
- breadcrumbPicker.background#01204e
- button.background#faa968
- button.foreground#00172e
- button.hoverBackground#e97b3c
- button.secondaryBackground#0a3a45
- button.secondaryForeground#f6dcac
- button.secondaryHoverBackground#134e5a
- charts.blue#028391
- charts.foreground#f6dcac
- charts.green#028391
- charts.lines#faa968
- charts.orange#faa968
- charts.purple#3f8f8a
- charts.red#f85525
- charts.yellow#e97b3c
- chat.requestBackground#01204e
- chat.requestBorder#0a3a45
- checkbox.background#00172e
- checkbox.border#134e5a
- checkbox.foreground#f6dcac
- checkbox.selectBackground#0a3a45
- checkbox.selectForeground#f6dcac
- commandCenter.activeBackground#134e5a
- commandCenter.activeForeground#f6dcac
- commandCenter.background#0a3a45
- commandCenter.border#134e5a
- commandCenter.foreground#f6dcac
- commandCenter.inactiveBorder#0a3a45
- debugExceptionWidget.background#00172e
- debugExceptionWidget.border#f85525
- debugToolBar.background#00172e
- debugToolBar.border#0a3a45
- descriptionForeground#a7c9c6
- diffEditor.border#0a3a45
- diffEditor.diagonalFill#0a3a45
- diffEditor.insertedLineBackground#02839115
- diffEditor.insertedTextBackground#02839120
- diffEditor.insertedTextBorder#028391
- diffEditor.removedLineBackground#f8552515
- diffEditor.removedTextBackground#f8552520
- diffEditor.removedTextBorder#f85525
- diffEditorOverview.insertedForeground#028391
- diffEditorOverview.removedForeground#f85525
- disabledForeground#134e5a
- dropdown.background#00172e
- dropdown.border#134e5a
- dropdown.foreground#f6dcac
- dropdown.listBackground#01204e
- editor.background#00172e
- editor.findMatchBackground#faa96850
- editor.findMatchBorder#faa968
- editor.findMatchHighlightBackground#e97b3c30
- editor.findMatchHighlightBorder#e97b3c
- editor.findRangeHighlightBackground#134e5a40
- editor.findRangeHighlightBorder#134e5a
- editor.focusedStackFrameHighlightBackground#faa96830
- editor.foreground#f6dcac
- editor.hoverHighlightBackground#134e5a60
- editor.inactiveSelectionBackground#134e5a50
- editor.lineHighlightBackground#01204e
- editor.lineHighlightBorder#0a3a45
- editor.rangeHighlightBackground#134e5a40
- editor.rangeHighlightBorder#134e5a
- editor.selectionBackground#faa96840
- editor.selectionForeground#00172e
- editor.selectionHighlightBackground#02839140
- editor.selectionHighlightBorder#028391
- editor.stackFrameHighlightBackground#e97b3c30
- editor.wordHighlightBackground#e97b3c30
- editor.wordHighlightBorder#e97b3c
- editor.wordHighlightStrongBackground#faa96830
- editor.wordHighlightStrongBorder#faa968
- editorBracketHighlight.foreground1#faa968
- editorBracketHighlight.foreground2#8cbfb8
- editorBracketHighlight.foreground3#e97b3c
- editorBracketHighlight.foreground4#3f8f8a
- editorBracketHighlight.foreground5#028391
- editorBracketHighlight.foreground6#f85525
- editorBracketHighlight.unexpectedBracket.foreground#f85525
- editorBracketMatch.background#02839140
- editorBracketMatch.border#028391
- editorCodeLens.foreground#5f8f96
- editorCursor.background#00172e
- editorCursor.foreground#f6dcac
- editorError.background#f8552510
- editorError.border#f8552540
- editorError.foreground#f85525
- editorGroup.border#0a3a45
- editorGroup.dropBackground#faa96815
- editorGroup.emptyBackground#00172e
- editorGroupHeader.noTabsBackground#00172e
- editorGroupHeader.tabsBackground#00172e
- editorGroupHeader.tabsBorder#0a3a45
- editorGutter.addedBackground#028391
- editorGutter.background#00172e
- editorGutter.commentRangeForeground#134e5a
- editorGutter.deletedBackground#f85525
- editorGutter.modifiedBackground#faa968
- editorHint.foreground#5f8f96
- editorHoverWidget.background#01204e
- editorHoverWidget.border#134e5a
- editorHoverWidget.foreground#f6dcac
- editorHoverWidget.highlightForeground#faa968
- editorHoverWidget.statusBarBackground#0a3a45
- editorIndentGuide.activeBackground#134e5a
- editorIndentGuide.background#0a3a45
- editorInfo.background#02839110
- editorInfo.border#02839140
- editorInfo.foreground#028391
- editorLineNumber.activeForeground#faa968
- editorLineNumber.foreground#134e5a
- editorLink.activeForeground#faa968
- editorMarkerNavigation.background#01204e
- editorMarkerNavigationError.background#f85525
- editorMarkerNavigationInfo.background#028391
- editorMarkerNavigationWarning.background#e97b3c
- editorOverviewRuler.addedForeground#028391
- editorOverviewRuler.background#00172e
- editorOverviewRuler.border#0a3a45
- editorOverviewRuler.bracketMatchForeground#028391
- editorOverviewRuler.commonContentForeground#134e5a
- editorOverviewRuler.currentContentForeground#faa968
- editorOverviewRuler.deletedForeground#f85525
- editorOverviewRuler.errorForeground#f85525
- editorOverviewRuler.findMatchForeground#faa968
- editorOverviewRuler.incomingContentForeground#028391
- editorOverviewRuler.infoForeground#028391
- editorOverviewRuler.modifiedForeground#faa968
- editorOverviewRuler.rangeHighlightForeground#028391
- editorOverviewRuler.selectionHighlightForeground#faa96880
- editorOverviewRuler.warningForeground#e97b3c
- editorOverviewRuler.wordHighlightForeground#e97b3c80
- editorOverviewRuler.wordHighlightStrongForeground#faa96880
- editorPane.background#00172e
- editorRuler.foreground#0a3a45
- editorStickyScroll.background#01204e
- editorStickyScrollHover.background#0a3a45
- editorSuggestWidget.background#01204e
- editorSuggestWidget.border#134e5a
- editorSuggestWidget.focusHighlightForeground#faa968
- editorSuggestWidget.foreground#f6dcac
- editorSuggestWidget.highlightForeground#faa968
- editorSuggestWidget.selectedBackground#0a3a45
- editorSuggestWidget.selectedForeground#f6dcac
- editorWarning.background#e97b3c10
- editorWarning.border#e97b3c40
- editorWarning.foreground#e97b3c
- editorWhitespace.foreground#0a3a45
- editorWidget.background#01204e
- editorWidget.border#0a3a45
- editorWidget.foreground#f6dcac
- editorWidget.resizeBorder#134e5a
- errorForeground#f85525
- extensionBadge.background#134e5a
- extensionBadge.foreground#f6dcac
- extensionButton.background#faa968
- extensionButton.foreground#00172e
- extensionButton.hoverBackground#e97b3c
- extensionButton.prominentBackground#faa968
- extensionButton.prominentForeground#00172e
- extensionButton.prominentHoverBackground#e97b3c
- extensionsIcon.errorForeground#f85525
- extensionsIcon.starForeground#faa968
- extensionsIcon.warningForeground#e97b3c
- focusBorder#faa968
- foreground#f6dcac
- gitDecoration.addedResourceForeground#028391
- gitDecoration.conflictingResourceForeground#e97b3c
- gitDecoration.deletedResourceForeground#f85525
- gitDecoration.ignoredResourceForeground#134e5a
- gitDecoration.modifiedResourceForeground#faa968
- gitDecoration.renamedResourceForeground#8cbfb8
- gitDecoration.stageDeletedResourceForeground#f85525
- gitDecoration.stageModifiedResourceForeground#e97b3c
- gitDecoration.submoduleResourceForeground#5f8f96
- gitDecoration.untrackedResourceForeground#028391
- icon.foreground#f6dcac
- imagePreview.border#0a3a45
- inlineChat.background#01204e
- inlineChat.border#faa968
- inlineChat.foreground#f6dcac
- inlineChat.inputBackground#00172e
- inlineChat.inputBorder#134e5a
- inlineChat.inputFocusBackground#00172e
- inlineChat.inputFocusBorder#faa968
- input.background#00172e
- input.border#134e5a
- input.foreground#f6dcac
- input.placeholderForeground#5f8f96
- inputOption.activeBackground#faa96840
- inputOption.activeBorder#faa968
- inputOption.activeForeground#f6dcac
- inputValidation.errorBackground#f85525
- inputValidation.errorBorder#f85525
- inputValidation.errorForeground#00172e
- inputValidation.infoBackground#134e5a
- inputValidation.infoBorder#028391
- inputValidation.infoForeground#f6dcac
- inputValidation.warningBackground#e97b3c
- inputValidation.warningBorder#e97b3c
- inputValidation.warningForeground#00172e
- interactive.activeCodeBorder#faa968
- interactive.inactiveCodeBorder#0a3a45
- keybindingLabel.background#0a3a45
- keybindingLabel.border#134e5a
- keybindingLabel.bottomBorder#134e5a
- keybindingLabel.foreground#f6dcac
- list.activeSelectionBackground#0a3a45
- list.activeSelectionForeground#f6dcac
- list.dropBackground#faa96820
- list.errorForeground#f85525
- list.filterMatchBackground#faa96840
- list.filterMatchBorder#faa968
- list.focusAndSelectionBackground#faa96830
- list.focusBackground#faa96825
- list.focusForeground#f6dcac
- list.focusOutline#faa968
- list.highlightForeground#faa968
- list.hoverBackground#01204e
- list.hoverForeground#f6dcac
- list.inactiveSelectionBackground#0a3a45
- list.inactiveSelectionForeground#a7c9c6
- list.invalidItemForeground#f85525
- list.warningForeground#e97b3c
- listFilterWidget.background#01204e
- listFilterWidget.noMatchesOutline#f85525
- listFilterWidget.outline#faa968
- menu.background#00172e
- menu.foreground#f6dcac
- menu.selectionBackground#faa968
- menu.selectionForeground#00172e
- menu.separatorBackground#134e5a
- menubar.selectionBackground#0a3a45
- menubar.selectionForeground#f6dcac
- merge.commonContentBackground#134e5a30
- merge.commonHeaderBackground#134e5a
- merge.currentContentBackground#faa96830
- merge.currentHeaderBackground#faa968
- merge.incomingContentBackground#02839130
- merge.incomingHeaderBackground#028391
- minimap.background#00172e
- minimap.errorHighlight#f8552560
- minimap.findMatchHighlight#faa96840
- minimap.selectionHighlight#faa96860
- minimap.warningHighlight#e97b3c60
- minimapSlider.activeBackground#faa96870
- minimapSlider.background#faa96830
- minimapSlider.hoverBackground#faa96850
- notebook.cellBorderColor#0a3a45
- notebook.cellInsertionIndicator#faa968
- notebook.cellStatusBarItemHoverBackground#0a3a45
- notebook.compactPicking#faa96820
- notebook.focusedCellBorder#faa968
- notebook.focusedEditorBorder#faa968
- notebook.focusedRowBorder#faa968
- notebook.outputContainerBackgroundColor#00172e
- notebook.outputContainerBorderColor#0a3a45
- notebook.rowHoverBackground#01204e
- notebook.selectedCellBackground#faa96815
- notificationCenter.border#0a3a45
- notificationCenterHeader.background#00172e
- notificationCenterHeader.foreground#f6dcac
- notifications.background#01204e
- notifications.border#0a3a45
- notifications.foreground#f6dcac
- notificationsErrorIcon.foreground#f85525
- notificationsInfoIcon.foreground#028391
- notificationsWarningIcon.foreground#e97b3c
- notificationToast.border#0a3a45
- outputView.background#00172e
- panel.background#00172e
- panel.border#0a3a45
- panel.dropBorder#faa968
- panel.foreground#f6dcac
- panelTitle.activeBorder#faa968
- panelTitle.activeForeground#f6dcac
- panelTitle.inactiveForeground#5f8f96
- peekView.border#faa968
- peekViewEditor.background#00172e
- peekViewEditor.matchHighlightBackground#faa96840
- peekViewEditor.matchHighlightBorder#faa968
- peekViewEditorGutter.background#00172e
- peekViewResult.background#01204e
- peekViewResult.fileForeground#f6dcac
- peekViewResult.lineForeground#5f8f96
- peekViewResult.matchHighlightBackground#faa96830
- peekViewResult.selectionBackground#0a3a45
- peekViewResult.selectionForeground#f6dcac
- peekViewTitle.background#01204e
- peekViewTitle.description.foreground#a7c9c6
- peekViewTitle.label.foreground#f6dcac
- pickerGroup.border#0a3a45
- pickerGroup.foreground#5f8f96
- ports.iconRunningProcessForeground#faa968
- problemsErrorIcon.foreground#f85525
- problemsInfoIcon.foreground#028391
- problemsWarningIcon.foreground#e97b3c
- progressBar.background#faa968
- quickInput.background#01204e
- quickInput.foreground#f6dcac
- quickInput.list.focusBackground#0a3a45
- radio.activeBackground#0a3a45
- radio.activeForeground#faa968
- radio.border#134e5a
- radio.inactiveBackground#00172e
- radio.inactiveForeground#a7c9c6
- sash.hoverBorder#faa968
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#faa96870
- scrollbarSlider.background#faa96830
- scrollbarSlider.hoverBackground#faa96850
- searchEditor.queryMatch#faa96840
- searchEditor.textInputBorder#134e5a
- selection.background#faa96840
- selection.foreground#00172e
- settings.checkboxBackground#00172e
- settings.checkboxBorder#134e5a
- settings.checkboxForeground#f6dcac
- settings.dropdownBackground#00172e
- settings.dropdownBorder#134e5a
- settings.dropdownForeground#f6dcac
- settings.dropdownListBorder#0a3a45
- settings.focusedRowBackground#0a3a45
- settings.focusedRowBorder#faa968
- settings.headerForeground#f6dcac
- settings.modifiedItemIndicator#faa968
- settings.numberInputBackground#00172e
- settings.numberInputBorder#134e5a
- settings.numberInputForeground#f6dcac
- settings.rowHoverBackground#01204e
- settings.textInputBackground#00172e
- settings.textInputBorder#134e5a
- settings.textInputForeground#f6dcac
- sideBar.background#00172e
- sideBar.border#0a3a45
- sideBar.dropBackground#faa96815
- sideBar.foreground#f6dcac
- sideBarSectionHeader.background#01204e
- sideBarSectionHeader.border#0a3a45
- sideBarSectionHeader.foreground#f6dcac
- sideBarTitle.foreground#f6dcac
- statusBar.background#00172e
- statusBar.border#0a3a45
- statusBar.debuggingBackground#f85525
- statusBar.debuggingBorder#f85525
- statusBar.debuggingForeground#00172e
- statusBar.focusBorder#faa968
- statusBar.foreground#f6dcac
- statusBar.noFolderBackground#00172e
- statusBar.noFolderBorder#0a3a45
- statusBar.noFolderForeground#f6dcac
- statusBarItem.activeBackground#faa96830
- statusBarItem.errorBackground#f85525
- statusBarItem.errorForeground#00172e
- statusBarItem.focusBorder#faa968
- statusBarItem.hoverBackground#0a3a45
- statusBarItem.prominentBackground#faa968
- statusBarItem.prominentForeground#00172e
- statusBarItem.prominentHoverBackground#e97b3c
- statusBarItem.remoteBackground#faa968
- statusBarItem.remoteForeground#00172e
- statusBarItem.warningBackground#e97b3c
- statusBarItem.warningForeground#00172e
- tab.activeBackground#00172e
- tab.activeBorder#faa968
- tab.activeBorderTop#faa968
- tab.activeForeground#f6dcac
- tab.activeModifiedBorder#faa968
- tab.border#0a3a45
- tab.hoverBackground#01204e
- tab.hoverBorder#134e5a
- tab.hoverForeground#f6dcac
- tab.inactiveBackground#00172e
- tab.inactiveForeground#5f8f96
- tab.inactiveModifiedBorder#faa96860
- tab.lastPinnedBorder#0a3a45
- tab.unfocusedActiveBackground#00172e
- tab.unfocusedActiveBorder#134e5a
- tab.unfocusedActiveForeground#a7c9c6
- tab.unfocusedInactiveBackground#00172e
- tab.unfocusedInactiveForeground#134e5a
- terminal.ansiBlack#00172e
- terminal.ansiBlue#faa968
- terminal.ansiBrightBlack#134e5a
- terminal.ansiBrightBlue#faa968
- terminal.ansiBrightCyan#8cbfb8
- terminal.ansiBrightGreen#028391
- terminal.ansiBrightMagenta#3f8f8a
- terminal.ansiBrightRed#f85525
- terminal.ansiBrightWhite#f6dcac
- terminal.ansiBrightYellow#e97b3c
- terminal.ansiCyan#8cbfb8
- terminal.ansiGreen#028391
- terminal.ansiMagenta#3f8f8a
- terminal.ansiRed#f85525
- terminal.ansiWhite#a7c9c6
- terminal.ansiYellow#e97b3c
- terminal.background#00172e
- terminal.border#0a3a45
- terminal.foreground#f6dcac
- terminal.inactiveSelectionBackground#134e5a50
- terminal.selectionBackground#faa96850
- terminal.selectionForeground#00172e
- terminalCursor.background#00172e
- terminalCursor.foreground#f6dcac
- textBlockQuote.background#01204e
- textBlockQuote.border#134e5a
- textLink.activeForeground#e97b3c
- textLink.foreground#faa968
- textPreformat.background#00172e
- textPreformat.foreground#8cbfb8
- textSeparator.foreground#134e5a
- titleBar.activeBackground#00172e
- titleBar.activeForeground#f6dcac
- titleBar.border#0a3a45
- titleBar.inactiveBackground#00172e
- titleBar.inactiveForeground#5f8f96
- toolbar.activeBackground#faa96830
- toolbar.hoverBackground#0a3a45
- tooltip.background#01204e
- tooltip.border#134e5a
- tooltip.foreground#f6dcac
- tree.inactiveIndentGuidesStroke#0a3a45
- tree.indentGuidesStroke#134e5a
- walkThrough.embeddedEditorBackground#01204e
- welcomePage.background#00172e
- welcomePage.buttonBackground#0a3a45
- welcomePage.buttonHoverBackground#134e5a
- welcomePage.progress.background#134e5a
- welcomePage.progress.foreground#faa968
- welcomePage.tileBackground#00172e
- welcomePage.tileBorder#0a3a45
- widget.shadow#00000080
- window.activeBorder#faa968
- window.inactiveBorder#00172e
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| meta.paragraph, markup.bold, markup.italic, markup.underline.link | #f6dcac | — |
| comment, punctuation.definition.comment | #134e5a | italic |
| constant, variable.language, variable.other.constant, support.constant | #f6dcac | — |
| constant.numeric, constant.other.color | #f6dcac | — |
| constant.language, constant.language.boolean, constant.language.null | #f6dcac | — |
| constant.character, constant.character.escape | #8cbfb8 | — |
| entity, entity.name | #faa968 | — |
| entity.name.function, meta.function-call, support.function, entity.name.method | #faa968 | — |
| entity.name.type, entity.name.class, support.type, support.class | #3f8f8a | — |
| entity.name.section, entity.name.tag, meta.tag | #f85525 | — |
| entity.other.attribute-name, entity.other.attribute-name.id | #faa968 | — |
| entity.other.attribute-name.class.css | #e97b3c | — |
| invalid, invalid.illegal | #f85525 | — |
| invalid.deprecated | #f6dcac | — |
| keyword, keyword.control, storage, storage.type | #e97b3c | — |
| keyword.operator, punctuation.definition.keyword | #f6dcac | — |
| keyword.operator.arithmetic, keyword.operator.assignment, keyword.operator.bitwise, keyword.operator.comparison, keyword.operator.logical | #a7c9c6 | — |
| keyword.other.import, keyword.control.import, keyword.control.package, keyword.other.package | #e97b3c | — |
| markup.bold | — | bold |
| markup.changed | #e97b3c | — |
| markup.deleted | #f85525 | — |
| markup.inserted | #028391 | — |
| markup.italic | — | italic |
| markup.list, markup.list.numbered, markup.list.unnumbered | #f85525 | — |
| markup.quote | #028391 | italic |
| markup.raw, markup.fenced_code.block | #8cbfb8 | — |
| markup.underline | — | — |
| markup.underline.link, markup.underline.link.image | #faa968 | — |
| meta.link, meta.image | #faa968 | — |
| meta.separator | #134e5a | — |
| meta.diff, meta.diff.header | #3f8f8a | — |
| meta.diff.range | #faa968 | — |
| meta.diff.index, meta.diff.header.from-file, meta.diff.header.to-file | #f6dcac | — |
| punctuation, punctuation.separator, punctuation.terminator | #5f8f96 | — |
| punctuation.definition.interpolation | #faa968 | — |
| punctuation.section.embedded, punctuation.definition.template-expression | #e97b3c | — |
| string, string.quoted, string.quoted.single, string.quoted.double, string.quoted.triple | #028391 | — |
| string.regexp, string.regexp.keyword | #8cbfb8 | — |
| string.unquoted, string.other | #f6dcac | — |
| string.interpolated, string.template | #028391 | — |
| string.key, string.other.key | #f6dcac | — |
| support, support.function, support.class, support.type | #8cbfb8 | — |
| support.variable, support.other.variable | #faa968 | — |
| support.constant | #f6dcac | — |
| variable, variable.other | #a7c9c6 | — |
| variable.parameter, variable.parameter.function | #f6dcac | — |
| variable.other.object, variable.other.property | #a7c9c6 | — |
| variable.other.constant | #f6dcac | — |
| variable.language, variable.language.special | #e97b3c | — |
| embedding, punctuation.section.embedded | #faa968 | — |
| meta.embedded, source.embedded | #f6dcac | — |
| meta.preprocessor, meta.preprocessor.numeric | #e97b3c | — |
| meta.annotation | #faa968 | — |
| storage.modifier, storage.type | #e97b3c | — |
| storage.type.function | #faa968 | — |
| storage.type.class, storage.type.interface, storage.type.enum | #3f8f8a | — |
| variable.other.readwrite | #a7c9c6 | — |
| variable.other.object.property | #a7c9c6 | — |
| variable.other.block | #f6dcac | — |
| punctuation.definition.arguments, punctuation.definition.array, punctuation.definition.parameters | #5f8f96 | — |
| punctuation.definition.dictionary, punctuation.definition.list, punctuation.definition.map | #5f8f96 | — |
| punctuation.definition.string.begin, punctuation.definition.string.end | #028391 | — |
| punctuation.definition.variable | #faa968 | — |
| punctuation.definition.comment | #134e5a | — |
| punctuation.definition.tag | #5f8f96 | — |
| meta.tag, entity.name.tag | #f85525 | — |
| meta.tag.other, meta.tag.structure | #f85525 | — |
| meta.tag.inline, meta.tag.block | #f85525 | — |
| entity.other.attribute-name | #faa968 | — |
| meta.selector, entity.other.attribute-name.tag | #e97b3c | — |
| meta.property-value, meta.property-list | #f6dcac | — |
| support.type.property-name, meta.property-name | #a7c9c6 | — |