Afterglow ’84
Publisher: Retro CoderThemes in package: 6
A warm retro VS Code theme inspired by afternoon sunlight, vintage computers, and plum-colored sunsets.
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.activeBackground#2A211C
- activityBar.activeBorder#D3A16A
- activityBar.background#1B1511
- activityBar.border#544032
- activityBar.dropBorder#D3A16A
- activityBar.foreground#E6D3B5
- activityBar.inactiveForeground#AD9785
- activityBarBadge.background#D3A16A
- activityBarBadge.foreground#201814
- activityBarTop.activeBackground#2A211C
- activityBarTop.activeBorder#D3A16A
- activityBarTop.background#201814
- activityBarTop.foreground#E6D3B5
- activityBarTop.inactiveForeground#AD9785
- badge.background#58402E
- badge.foreground#E6D3B5
- breadcrumb.activeSelectionForeground#EDC68C
- breadcrumb.background#2A211C
- breadcrumb.focusForeground#E6D3B5
- breadcrumb.foreground#AD9785
- breadcrumbPicker.background#382B23
- button.background#D3A16A
- button.border#00000000
- button.foreground#201814
- button.hoverBackground#DFB374
- button.secondaryBackground#382B23
- button.secondaryForeground#E6D3B5
- button.secondaryHoverBackground#33271F
- checkbox.background#382B23
- checkbox.border#544032
- checkbox.foreground#E6D3B5
- checkbox.selectBackground#3C2E24
- checkbox.selectBorder#D3A16A
- commandCenter.activeBackground#33271F
- commandCenter.activeBorder#544032
- commandCenter.activeForeground#E6D3B5
- commandCenter.background#382B23
- commandCenter.border#544032
- commandCenter.foreground#E6D3B5
- commandCenter.inactiveForeground#C7B299
- debugConsole.errorForeground#DF9285
- debugConsole.infoForeground#ADB7B0
- debugConsole.sourceForeground#B5BE8A
- debugConsole.warningForeground#DFB374
- debugExceptionWidget.background#382B23
- debugExceptionWidget.border#DF9285
- debugIcon.breakpointForeground#DF9285
- debugIcon.disconnectForeground#DF9285
- debugIcon.pauseForeground#DFB374
- debugIcon.restartForeground#B5BE8A
- debugIcon.startForeground#B5BE8A
- debugIcon.stopForeground#DF9285
- debugTokenExpression.boolean#D6A086
- debugTokenExpression.error#DF9285
- debugTokenExpression.name#DFCCB0
- debugTokenExpression.number#D6A086
- debugTokenExpression.string#B5BE8A
- debugTokenExpression.type#D6C28E
- debugTokenExpression.value#E6D3B5
- debugToolBar.background#382B23
- debugToolBar.border#544032
- debugView.stateLabelBackground#382B23
- debugView.stateLabelForeground#E6D3B5
- debugView.valueChangedHighlight#D3A16A
- descriptionForeground#C7B299
- diffEditor.diagonalFill#54403266
- diffEditor.insertedLineBackground#B5BE8A0A
- diffEditor.insertedTextBackground#B5BE8A08
- diffEditor.removedLineBackground#DF92850A
- diffEditor.removedTextBackground#DF92850B
- diffEditor.unchangedCodeBackground#2A211C
- diffEditor.unchangedRegionBackground#241C17
- diffEditor.unchangedRegionForeground#C7B299
- diffEditorGutter.insertedLineBackground#B5BE8A33
- diffEditorGutter.removedLineBackground#DF928533
- diffEditorOverview.insertedForeground#B5BE8A
- diffEditorOverview.removedForeground#DF9285
- disabledForeground#AD978599
- dropdown.background#382B23
- dropdown.border#544032
- dropdown.foreground#E6D3B5
- dropdown.listBackground#382B23
- editor.background#2A211C
- editor.findMatchBackground#D3A16A10
- editor.findMatchBorder#EDC68C
- editor.findMatchHighlightBackground#DFB37410
- editor.findMatchHighlightBorder#D3A16A88
- editor.findRangeHighlightBackground#58402E55
- editor.focusedStackFrameHighlightBackground#B5BE8A10
- editor.foldBackground#58402E33
- editor.foreground#E6D3B5
- editor.hoverHighlightBackground#58402E55
- editor.inactiveSelectionBackground#3C2E24
- editor.lineHighlightBackground#33271F
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#D3A16A10
- editor.selectionBackground#412F22
- editor.selectionHighlightBackground#58402E5E
- editor.stackFrameHighlightBackground#DFB37410
- editor.wordHighlightBackground#D6C28E10
- editor.wordHighlightBorder#D3A16A66
- editor.wordHighlightStrongBackground#DFB37410
- editor.wordHighlightStrongBorder#D3A16A
- editor.wordHighlightTextBackground#D6C28E10
- editor.wordHighlightTextBorder#D3A16A66
- editorActionList.background#382B23
- editorActionList.focusBackground#58402E
- editorActionList.focusForeground#E6D3B5
- editorActionList.foreground#E6D3B5
- editorBracketHighlight.foreground1#EDC68C
- editorBracketHighlight.foreground2#D6C28E
- editorBracketHighlight.foreground3#B5BE8A
- editorBracketHighlight.foreground4#D6A086
- editorBracketHighlight.foreground5#D99A79
- editorBracketHighlight.foreground6#C7B299
- editorBracketHighlight.unexpectedBracket.foreground#DF9285
- editorBracketMatch.background#D3A16A10
- editorBracketMatch.border#EDC68C
- editorBracketPairGuide.activeBackground1#EDC68C
- editorBracketPairGuide.activeBackground2#D6C28E
- editorBracketPairGuide.activeBackground3#B5BE8A
- editorBracketPairGuide.activeBackground4#D6A086
- editorBracketPairGuide.activeBackground5#D99A79
- editorBracketPairGuide.activeBackground6#C7B299
- editorBracketPairGuide.background1#EDC68C3D
- editorBracketPairGuide.background2#D6C28E3D
- editorBracketPairGuide.background3#B5BE8A3D
- editorBracketPairGuide.background4#D6A0863D
- editorBracketPairGuide.background5#D99A793D
- editorBracketPairGuide.background6#C7B2993D
- editorCodeLens.foreground#AD9785
- editorCursor.foreground#EDC68C
- editorError.foreground#DF9285
- editorGroup.border#544032
- editorGroup.dropBackground#58402E66
- editorGroup.emptyBackground#2A211C
- editorGroupHeader.border#544032
- editorGroupHeader.noTabsBackground#201814
- editorGroupHeader.tabsBackground#201814
- editorGroupHeader.tabsBorder#544032
- editorGutter.addedBackground#B5BE8A
- editorGutter.background#2A211C
- editorGutter.deletedBackground#DF9285
- editorGutter.foldingControlForeground#C7B299
- editorGutter.modifiedBackground#ADB7B0
- editorHint.foreground#B5BE8A
- editorHoverWidget.background#382B23
- editorHoverWidget.border#544032
- editorHoverWidget.foreground#E6D3B5
- editorHoverWidget.statusBarBackground#33271F
- editorIndentGuide.activeBackground1#D3A16AAA
- editorIndentGuide.background1#54403288
- editorInfo.foreground#ADB7B0
- editorInlayHint.background#33271F
- editorInlayHint.foreground#AD9785
- editorInlayHint.parameterBackground#33271F
- editorInlayHint.parameterForeground#C7B299
- editorInlayHint.typeBackground#33271F
- editorInlayHint.typeForeground#C7B299
- editorLightBulb.foreground#D3A16A
- editorLineNumber.activeForeground#EDC68C
- editorLineNumber.foreground#AD9785
- editorLink.activeForeground#EDC68C
- editorOverviewRuler.addedForeground#B5BE8A99
- editorOverviewRuler.border#544032
- editorOverviewRuler.deletedForeground#DF928599
- editorOverviewRuler.errorForeground#DF9285
- editorOverviewRuler.infoForeground#ADB7B0
- editorOverviewRuler.modifiedForeground#D6C28E99
- editorOverviewRuler.warningForeground#DFB374
- editorPane.background#2A211C
- editorRuler.foreground#54403266
- editorStickyScroll.background#2A211C
- editorStickyScroll.border#544032
- editorStickyScrollGutter.background#2A211C
- editorStickyScrollHover.background#33271F
- editorSuggestWidget.background#382B23
- editorSuggestWidget.border#544032
- editorSuggestWidget.focusHighlightForeground#DFB374
- editorSuggestWidget.foreground#E6D3B5
- editorSuggestWidget.highlightForeground#EDC68C
- editorSuggestWidget.selectedBackground#58402E
- editorSuggestWidget.selectedForeground#E6D3B5
- editorSuggestWidgetStatus.foreground#C7B299
- editorUnicodeHighlight.background#D3A16A10
- editorUnicodeHighlight.border#D3A16A
- editorWarning.foreground#DFB374
- editorWhitespace.foreground#58402E99
- editorWidget.background#382B23
- editorWidget.border#544032
- editorWidget.foreground#E6D3B5
- errorForeground#DF9285
- focusBorder#D3A16A
- foreground#E6D3B5
- gitDecoration.addedResourceForeground#B5BE8A
- gitDecoration.conflictingResourceForeground#DFB374
- gitDecoration.deletedResourceForeground#DF9285
- gitDecoration.ignoredResourceForeground#AD9785
- gitDecoration.modifiedResourceForeground#ADB7B0
- gitDecoration.renamedResourceForeground#A9B59B
- gitDecoration.untrackedResourceForeground#B5BE8A
- icon.foreground#C7B299
- input.background#382B23
- input.border#544032
- input.foreground#E6D3B5
- input.placeholderForeground#AD9785
- inputOption.activeBackground#58402E
- inputOption.activeBorder#D3A16A
- inputOption.activeForeground#E6D3B5
- inputOption.hoverBackground#33271F
- inputValidation.errorBackground#382B23
- inputValidation.errorBorder#DF9285
- inputValidation.errorForeground#E6D3B5
- inputValidation.infoBackground#382B23
- inputValidation.infoBorder#ADB7B0
- inputValidation.infoForeground#E6D3B5
- inputValidation.warningBackground#382B23
- inputValidation.warningBorder#DFB374
- inputValidation.warningForeground#E6D3B5
- keybindingLabel.background#3C2E24
- keybindingLabel.border#544032
- keybindingLabel.bottomBorder#544032
- keybindingLabel.foreground#E6D3B5
- list.activeSelectionBackground#58402E
- list.activeSelectionForeground#E6D3B5
- list.activeSelectionIconForeground#E6D3B5
- list.errorForeground#DF9285
- list.focusBackground#58402E
- list.focusForeground#E6D3B5
- list.focusHighlightForeground#EDC68C
- list.focusOutline#D3A16A
- list.highlightForeground#EDC68C
- list.hoverBackground#33271F
- list.hoverForeground#E6D3B5
- list.inactiveFocusOutline#544032
- list.inactiveSelectionBackground#3C2E24
- list.inactiveSelectionForeground#E6D3B5
- list.inactiveSelectionIconForeground#C7B299
- list.warningForeground#DFB374
- listFilterWidget.background#382B23
- listFilterWidget.noMatchesOutline#DF9285
- listFilterWidget.outline#D3A16A
- menu.background#382B23
- menu.border#544032
- menu.foreground#E6D3B5
- menu.selectionBackground#58402E
- menu.selectionBorder#D3A16A
- menu.selectionForeground#E6D3B5
- menu.separatorBackground#544032
- menubar.selectionBackground#58402E
- menubar.selectionForeground#E6D3B5
- merge.border#544032
- merge.commonContentBackground#C7B2990A
- merge.commonHeaderBackground#C7B29914
- merge.currentContentBackground#B5BE8A0A
- merge.currentHeaderBackground#B5BE8A14
- merge.incomingContentBackground#D6C28E0A
- merge.incomingHeaderBackground#D6C28E14
- minimap.background#2A211C
- minimap.errorHighlight#DF9285CC
- minimap.findMatchHighlight#EDC68CCC
- minimap.selectionHighlight#58402ECC
- minimap.warningHighlight#DFB374CC
- minimapGutter.addedBackground#B5BE8A
- minimapGutter.deletedBackground#DF9285
- minimapGutter.modifiedBackground#ADB7B0
- minimapSlider.activeBackground#D3A16A88
- minimapSlider.background#58402E55
- minimapSlider.hoverBackground#AD978577
- multiDiffEditor.background#201814
- multiDiffEditor.border#544032
- multiDiffEditor.headerBackground#241C17
- notebook.cellBorderColor#544032
- notebook.cellEditorBackground#2A211C
- notebook.cellHoverBackground#33271F
- notebook.cellInsertionIndicator#544032
- notebook.cellStatusBarItemHoverBackground#241C17
- notebook.editorBackground#2A211C
- notebook.focusedCellBackground#2A211C
- notebook.focusedCellBorder#D3A16A
- notebook.focusedEditorBorder#D3A16A
- notebook.inactiveFocusedCellBorder#544032
- notebook.inactiveSelectedCellBorder#544032
- notebook.outputContainerBackgroundColor#241C17
- notebook.outputContainerBorderColor#544032
- notebook.selectedCellBackground#33271F
- notebook.selectedCellBorder#D3A16A
- notebook.symbolHighlightBackground#D3A16A10
- notebookStatusErrorIcon.foreground#DF9285
- notebookStatusRunningIcon.foreground#D3A16A
- notebookStatusSuccessIcon.foreground#B5BE8A
- notificationCenterHeader.background#382B23
- notificationCenterHeader.foreground#E6D3B5
- notificationLink.foreground#EDC68C
- notifications.background#382B23
- notifications.border#544032
- notifications.foreground#E6D3B5
- notificationsErrorIcon.foreground#DF9285
- notificationsInfoIcon.foreground#ADB7B0
- notificationsWarningIcon.foreground#DFB374
- panel.background#241C17
- panel.border#544032
- panelInput.border#544032
- panelSection.border#544032
- panelSectionHeader.background#241C17
- panelSectionHeader.border#544032
- panelSectionHeader.foreground#E6D3B5
- panelTitle.activeBorder#D3A16A
- panelTitle.activeForeground#E6D3B5
- panelTitle.inactiveForeground#AD9785
- peekView.border#D3A16A
- peekViewEditor.background#241C17
- peekViewEditor.matchHighlightBackground#D3A16A10
- peekViewEditor.matchHighlightBorder#D3A16A
- peekViewEditorGutter.background#241C17
- peekViewResult.background#201814
- peekViewResult.fileForeground#E6D3B5
- peekViewResult.lineForeground#C7B299
- peekViewResult.matchHighlightBackground#DFB37410
- peekViewResult.selectionBackground#58402E
- peekViewResult.selectionForeground#E6D3B5
- peekViewTitle.background#382B23
- peekViewTitleDescription.foreground#AD9785
- peekViewTitleLabel.foreground#E6D3B5
- pickerGroup.border#544032
- pickerGroup.foreground#EDC68C
- progressBar.background#D3A16A
- quickInput.background#382B23
- quickInput.foreground#E6D3B5
- quickInputList.focusBackground#58402E
- quickInputList.focusForeground#E6D3B5
- quickInputList.focusIconForeground#EDC68C
- quickInputTitle.background#382B23
- radio.activeBackground#58402E
- radio.activeBorder#D3A16A
- radio.activeForeground#E6D3B5
- radio.inactiveBackground#382B23
- radio.inactiveBorder#544032
- radio.inactiveForeground#C7B299
- radio.inactiveHoverBackground#33271F
- sash.hoverBorder#D3A16A
- scrollbar.shadow#1B1511AA
- scrollbarSlider.activeBackground#D3A16A99
- scrollbarSlider.background#58402E66
- scrollbarSlider.hoverBackground#AD978588
- selection.background#58402E
- settings.checkboxBackground#382B23
- settings.checkboxBorder#544032
- settings.checkboxForeground#E6D3B5
- settings.dropdownBackground#382B23
- settings.dropdownBorder#544032
- settings.dropdownForeground#E6D3B5
- settings.dropdownListBorder#544032
- settings.focusedRowBackground#33271F
- settings.focusedRowBorder#544032
- settings.headerBorder#544032
- settings.headerForeground#C7B299
- settings.modifiedItemIndicator#D3A16A
- settings.numberInputBackground#382B23
- settings.numberInputBorder#544032
- settings.numberInputForeground#E6D3B5
- settings.rowHoverBackground#33271F
- settings.textInputBackground#382B23
- settings.textInputBorder#544032
- settings.textInputForeground#E6D3B5
- sideBar.background#201814
- sideBar.border#544032
- sideBar.dropBackground#58402E66
- sideBar.foreground#C7B299
- sideBarSectionHeader.background#201814
- sideBarSectionHeader.border#544032
- sideBarSectionHeader.foreground#E6D3B5
- sideBarStickyScroll.background#201814
- sideBarStickyScroll.border#544032
- sideBarTitle.foreground#E6D3B5
- statusBar.background#241C17
- statusBar.border#544032
- statusBar.debuggingBackground#241C17
- statusBar.debuggingBorder#D3A16A
- statusBar.debuggingForeground#E6D3B5
- statusBar.foreground#E6D3B5
- statusBar.noFolderBackground#241C17
- statusBar.noFolderBorder#544032
- statusBar.noFolderForeground#E6D3B5
- statusBarItem.activeBackground#58402E
- statusBarItem.errorBackground#382B23
- statusBarItem.errorForeground#DF9285
- statusBarItem.focusBorder#D3A16A
- statusBarItem.hoverBackground#33271F
- statusBarItem.hoverForeground#E6D3B5
- statusBarItem.prominentBackground#58402E
- statusBarItem.prominentForeground#E6D3B5
- statusBarItem.prominentHoverBackground#3C2E24
- statusBarItem.prominentHoverForeground#E6D3B5
- statusBarItem.remoteBackground#382B23
- statusBarItem.remoteForeground#E6D3B5
- statusBarItem.warningBackground#382B23
- statusBarItem.warningForeground#DFB374
- tab.activeBackground#2A211C
- tab.activeBorder#D3A16A
- tab.activeBorderTop#00000000
- tab.activeForeground#E6D3B5
- tab.activeModifiedBorder#D3A16A
- tab.border#544032
- tab.hoverBackground#33271F
- tab.hoverForeground#E6D3B5
- tab.inactiveBackground#201814
- tab.inactiveForeground#AD9785
- tab.inactiveModifiedBorder#AD9785
- tab.selectedBackground#2A211C
- tab.selectedForeground#E6D3B5
- tab.unfocusedActiveBorder#D3A16A
- tab.unfocusedActiveBorderTop#00000000
- tab.unfocusedActiveForeground#C7B299
- tab.unfocusedActiveModifiedBorder#D3A16A
- tab.unfocusedHoverBackground#33271F
- tab.unfocusedHoverForeground#E6D3B5
- tab.unfocusedInactiveForeground#C7B299
- tab.unfocusedInactiveModifiedBorder#AD9785
- terminal.ansiBlack#1B1511
- terminal.ansiBlue#9DAFBD
- terminal.ansiBrightBlack#AD9785
- terminal.ansiBrightBlue#B0C0C6
- terminal.ansiBrightCyan#B8CFC3
- terminal.ansiBrightGreen#CCD1A5
- terminal.ansiBrightMagenta#D0B0B6
- terminal.ansiBrightRed#EDB0A6
- terminal.ansiBrightWhite#EDDCC0
- terminal.ansiBrightYellow#EDC68C
- terminal.ansiCyan#9FBDB6
- terminal.ansiGreen#B5BE8A
- terminal.ansiMagenta#BD9FA7
- terminal.ansiRed#DF9285
- terminal.ansiWhite#E6D3B5
- terminal.ansiYellow#DFB374
- terminal.background#241C17
- terminal.border#544032
- terminal.findMatchBackground#D3A16A10
- terminal.findMatchBorder#EDC68C
- terminal.findMatchHighlightBackground#DFB37410
- terminal.findMatchHighlightBorder#D3A16A
- terminal.foreground#E6D3B5
- terminal.inactiveSelectionBackground#3C2E24
- terminal.selectionBackground#58402E
- terminal.selectionForeground#E6D3B5
- terminal.tab.activeBorder#D3A16A
- terminalCommandDecoration.defaultBackground#C7B299
- terminalCommandDecoration.errorBackground#DF9285
- terminalCommandDecoration.successBackground#B5BE8A
- terminalCursor.foreground#EDC68C
- textBlockQuote.background#241C17
- textBlockQuote.border#D3A16A
- textCodeBlock.background#241C17
- textLink.activeForeground#DFB374
- textLink.foreground#EDC68C
- textPreformat.background#241C17
- textPreformat.foreground#DFCCB0
- textSeparator.foreground#544032
- titleBar.activeBackground#201814
- titleBar.activeForeground#E6D3B5
- titleBar.border#544032
- titleBar.inactiveBackground#201814
- titleBar.inactiveForeground#AD9785
- toolbar.hoverBackground#33271F
- tree.indentGuidesStroke#544032
- walkThrough.embeddedEditorBackground#241C17
- welcomePage.background#2A211C
- welcomePage.progress.background#382B23
- welcomePage.progress.foreground#D3A16A
- welcomePage.tileBackground#382B23
- welcomePage.tileBorder#544032
- welcomePage.tileHoverBackground#33271F
- widget.border#544032
- widget.shadow#1B1511AA
- window.activeBorder#544032
- window.inactiveBorder#544032
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| source, text.html, text.html.markdown | #E6D3B5 | |
| comment, punctuation.definition.comment | #AD9785 | italic |
| string, string.quoted, string.template, punctuation.definition.string | #B5BE8A | — |
| string.regexp, constant.other.character-class.regexp, keyword.operator.quantifier.regexp | #A9B59B | — |
| constant.numeric, constant.language, constant.character, constant.other | #D6A086 | — |
| keyword, keyword.control, storage.type, storage.modifier | #D99A79 | — |
| entity.name.function, support.function | #DFB374 | — |
| entity.name.type, entity.name.class, support.type, support.class, storage.type.class | #D6C28E | — |
| variable, variable.other, variable.parameter, entity.name.variable | #DFCCB0 | — |
| variable.other.property, variable.other.object.property, support.type.property-name, meta.object-literal.key | #DFCCB0 | — |
| keyword.operator, punctuation, meta.brace, meta.delimiter | #C4AD91 | — |
| entity.name.namespace, entity.name.module, support.other.namespace | #D6C28E | — |
| punctuation.decorator, storage.type.annotation, entity.name.function.decorator | #D99A79 | — |
| entity.name.tag, support.class.component | #D99A79 | — |
| entity.other.attribute-name, entity.other.attribute-name.html | #DFB374 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.name.tag.css | #D6C28E | — |
| support.type.property-name.css, meta.property-name.css, meta.property-name.scss | #DFCCB0 | — |
| markup.heading, entity.name.section.markdown | #DFB374 | bold |
| markup.underline.link, string.other.link, meta.link.inline.markdown | #D6C28E | underline |
| markup.bold | #DFB374 | bold |
| markup.italic | #D6A086 | italic |
| markup.inline.raw, markup.fenced_code.block | #B5BE8A | — |
| markup.inserted | #B5BE8A | — |
| markup.deleted | #DF9285 | — |
| invalid, invalid.illegal, invalid.deprecated | #DF9285 | underline |
| support.type.property-name.json, string.json support.type.property-name, entity.name.tag.yaml | #DFCCB0 | — |
| string.regexp, constant.character.escape.regexp, constant.other.character-class.regexp, keyword.operator.quantifier.regexp | #A9B59B | — |
| variable.function | #DFB374 | — |
| markup.bold markup.italic, markup.italic markup.bold | #DFB374 | bold italic |