Afterglow ’84

Name: Afterglow ’84
Author: Retro Coder

Publisher: Retro CoderThemes in package: 6

A warm retro VS Code theme inspired by afternoon sunlight, vintage computers, and plum-colored sunsets.

Open in VS Code

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Afterglow ’84 — Afterglow ’84 — Dark Roast

fetchUser.ts

index.ts

README.md

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBorder#D6A15D
activityBar.background#17100C
activityBar.border#59402F
activityBar.foreground#E9D8BD
activityBar.inactiveForeground#AA9279
activityBarBadge.background#D6A15D
activityBarBadge.foreground#1D140F
activityBarTop.activeBorder#D6A15D
activityBarTop.foreground#E9D8BD
badge.background#503826
badge.foreground#E9D8BD
breadcrumb.activeSelectionForeground#F0C674
breadcrumb.background#241A14
breadcrumb.focusForeground#E9D8BD
breadcrumb.foreground#AA9279
breadcrumbPicker.background#34261B
button.background#D6A15D
button.border#00000000
button.foreground#1D140F
button.hoverBackground#E6B673
button.secondaryBackground#34261B
button.secondaryForeground#E9D8BD
button.secondaryHoverBackground#302219
checkbox.background#34261B
checkbox.border#59402F
checkbox.foreground#E9D8BD
commandCenter.activeBackground#302219
commandCenter.activeBorder#59402F
commandCenter.activeForeground#E9D8BD
commandCenter.background#34261B
commandCenter.border#59402F
commandCenter.foreground#E9D8BD
commandCenter.inactiveForeground#C5AF93
debugConsole.errorForeground#E39B91
debugConsole.infoForeground#B3BDC2
debugConsole.sourceForeground#B8BF8A
debugConsole.warningForeground#E6B673
debugIcon.breakpointForeground#E39B91
debugIcon.disconnectForeground#E39B91
debugIcon.pauseForeground#E6B673
debugIcon.restartForeground#B8BF8A
debugIcon.startForeground#B8BF8A
debugIcon.stopForeground#E39B91
debugToolBar.background#34261B
debugToolBar.border#59402F
descriptionForeground#C5AF93
diffEditor.diagonalFill#59402F66
diffEditor.insertedLineBackground#B8BF8A0A
diffEditor.insertedTextBackground#B8BF8A14
diffEditor.removedLineBackground#E39B910A
diffEditor.removedTextBackground#E39B9114
diffEditorGutter.insertedLineBackground#B8BF8A33
diffEditorGutter.removedLineBackground#E39B9133
disabledForeground#AA927999
dropdown.background#34261B
dropdown.border#59402F
dropdown.foreground#E9D8BD
dropdown.listBackground#34261B
editor.background#241A14
editor.findMatchBackground#D6A15D10
editor.findMatchBorder#F0C674
editor.findMatchHighlightBackground#E6B67310
editor.findRangeHighlightBackground#50382655
editor.foreground#E9D8BD
editor.hoverHighlightBackground#50382655
editor.inactiveSelectionBackground#3B2A1F
editor.lineHighlightBackground#302219
editor.lineHighlightBorder#00000000
editor.selectionBackground#503826
editor.selectionForeground#E9D8BD
editor.selectionHighlightBackground#50382666
editor.wordHighlightBackground#D8C18E10
editor.wordHighlightStrongBackground#E6B67310
editorActionList.background#34261B
editorActionList.focusBackground#503826
editorActionList.focusForeground#E9D8BD
editorActionList.foreground#E9D8BD
editorBracketHighlight.foreground1#F0C674
editorBracketHighlight.foreground2#D8C18E
editorBracketHighlight.foreground3#B8BF8A
editorBracketHighlight.foreground4#D7A184
editorBracketHighlight.foreground5#D9956C
editorBracketHighlight.foreground6#C5AF93
editorBracketMatch.background#D6A15D10
editorBracketMatch.border#F0C674
editorBracketPairGuide.activeBackground1#F0C674
editorBracketPairGuide.activeBackground2#D8C18E
editorBracketPairGuide.activeBackground3#B8BF8A
editorBracketPairGuide.activeBackground4#D7A184
editorBracketPairGuide.activeBackground5#D9956C
editorBracketPairGuide.activeBackground6#C5AF93
editorBracketPairGuide.background1#F0C6743D
editorBracketPairGuide.background2#D8C18E3D
editorBracketPairGuide.background3#B8BF8A3D
editorBracketPairGuide.background4#D7A1843D
editorBracketPairGuide.background5#D9956C3D
editorBracketPairGuide.background6#C5AF933D
editorCodeLens.foreground#AA9279
editorCursor.foreground#F0C674
editorError.foreground#E39B91
editorGroup.border#59402F
editorGroup.emptyBackground#241A14
editorGroupHeader.noTabsBackground#1D140F
editorGroupHeader.tabsBackground#1D140F
editorGroupHeader.tabsBorder#59402F
editorGutter.addedBackground#B8BF8A
editorGutter.background#241A14
editorGutter.deletedBackground#E39B91
editorGutter.modifiedBackground#B3BDC2
editorHint.foreground#B8BF8A
editorHoverWidget.background#34261B
editorHoverWidget.border#59402F
editorHoverWidget.foreground#E9D8BD
editorHoverWidget.statusBarBackground#302219
editorIndentGuide.activeBackground1#D6A15DAA
editorIndentGuide.background1#59402F88
editorInfo.foreground#B3BDC2
editorInlayHint.background#302219
editorInlayHint.foreground#AA9279
editorLightBulb.foreground#D6A15D
editorLineNumber.activeForeground#F0C674
editorLineNumber.foreground#AA9279
editorLink.activeForeground#F0C674
editorOverviewRuler.addedForeground#B8BF8A99
editorOverviewRuler.deletedForeground#E39B9199
editorOverviewRuler.errorForeground#E39B91
editorOverviewRuler.infoForeground#B3BDC2
editorOverviewRuler.modifiedForeground#D8C18E99
editorOverviewRuler.warningForeground#E6B673
editorRuler.foreground#59402F66
editorSuggestWidget.background#34261B
editorSuggestWidget.border#59402F
editorSuggestWidget.focusHighlightForeground#E6B673
editorSuggestWidget.foreground#E9D8BD
editorSuggestWidget.highlightForeground#F0C674
editorSuggestWidget.selectedBackground#503826
editorSuggestWidget.selectedForeground#E9D8BD
editorWarning.foreground#E6B673
editorWhitespace.foreground#50382699
editorWidget.background#34261B
editorWidget.border#59402F
editorWidget.foreground#E9D8BD
errorForeground#E39B91
focusBorder#D6A15D
foreground#E9D8BD
gitDecoration.addedResourceForeground#B8BF8A
gitDecoration.conflictingResourceForeground#E6B673
gitDecoration.deletedResourceForeground#E39B91
gitDecoration.ignoredResourceForeground#AA9279
gitDecoration.modifiedResourceForeground#B3BDC2
gitDecoration.renamedResourceForeground#A7BAA0
gitDecoration.untrackedResourceForeground#B8BF8A
icon.foreground#C5AF93
input.background#34261B
input.border#59402F
input.foreground#E9D8BD
input.placeholderForeground#AA9279
inputOption.activeBackground#503826
inputOption.activeBorder#D6A15D
inputOption.activeForeground#E9D8BD
inputOption.hoverBackground#302219
inputValidation.errorBackground#34261B
inputValidation.errorBorder#E39B91
inputValidation.errorForeground#E9D8BD
inputValidation.infoBackground#34261B
inputValidation.infoBorder#B3BDC2
inputValidation.infoForeground#E9D8BD
inputValidation.warningBackground#34261B
inputValidation.warningBorder#E6B673
inputValidation.warningForeground#E9D8BD
list.activeSelectionBackground#503826
list.activeSelectionForeground#E9D8BD
list.errorForeground#E39B91
list.focusBackground#503826
list.focusForeground#E9D8BD
list.highlightForeground#F0C674
list.hoverBackground#34261B
list.hoverForeground#E9D8BD
list.inactiveSelectionBackground#302219
list.inactiveSelectionForeground#E9D8BD
list.warningForeground#E6B673
listFilterWidget.background#34261B
listFilterWidget.noMatchesOutline#E39B91
listFilterWidget.outline#D6A15D
menu.background#34261B
menu.border#59402F
menu.foreground#E9D8BD
menu.selectionBackground#503826
menu.selectionBorder#D6A15D
menu.selectionForeground#E9D8BD
menu.separatorBackground#59402F
menubar.selectionBackground#503826
menubar.selectionForeground#E9D8BD
minimap.background#241A14
minimap.errorHighlight#E39B91CC
minimap.findMatchHighlight#F0C674CC
minimap.selectionHighlight#503826CC
minimap.warningHighlight#E6B673CC
minimapSlider.activeBackground#D6A15D88
minimapSlider.background#50382655
minimapSlider.hoverBackground#AA927977
notebook.cellBorderColor#59402F
notebook.cellEditorBackground#34261B
notebook.cellInsertionIndicator#59402F
notebook.cellStatusBarItemHoverBackground#211710
notebook.editorBackground#241A14
notebook.focusedCellBorder#D6A15D
notebook.inactiveFocusedCellBorder#59402F
notificationCenterHeader.background#34261B
notificationLink.foreground#F0C674
notifications.background#34261B
notifications.border#59402F
notifications.foreground#E9D8BD
notificationsErrorIcon.foreground#E39B91
notificationsInfoIcon.foreground#B3BDC2
notificationsWarningIcon.foreground#E6B673
panel.background#211710
panel.border#59402F
panelInput.border#59402F
panelTitle.activeBorder#D6A15D
panelTitle.activeForeground#E9D8BD
panelTitle.inactiveForeground#AA9279
peekView.border#D6A15D
peekViewEditor.background#211710
peekViewEditor.matchHighlightBackground#D6A15D4D
peekViewEditorGutter.background#211710
peekViewResult.background#1D140F
peekViewResult.fileForeground#E9D8BD
peekViewResult.lineForeground#C5AF93
peekViewResult.matchHighlightBackground#E6B67333
peekViewResult.selectionBackground#503826
peekViewResult.selectionForeground#E9D8BD
peekViewTitle.background#34261B
peekViewTitleDescription.foreground#AA9279
peekViewTitleLabel.foreground#E9D8BD
pickerGroup.border#59402F
pickerGroup.foreground#F0C674
progressBar.background#D6A15D
quickInput.background#34261B
quickInput.foreground#E9D8BD
quickInputList.focusBackground#503826
quickInputList.focusForeground#E9D8BD
quickInputList.focusIconForeground#F0C674
quickInputTitle.background#34261B
sash.hoverBorder#D6A15D
scrollbar.shadow#17100CAA
scrollbarSlider.activeBackground#D6A15D99
scrollbarSlider.background#50382666
scrollbarSlider.hoverBackground#AA927988
selection.background#503826
settings.checkboxBackground#34261B
settings.checkboxBorder#59402F
settings.checkboxForeground#E9D8BD
settings.dropdownBackground#34261B
settings.dropdownBorder#59402F
settings.dropdownForeground#E9D8BD
settings.focusedRowBackground#302219
settings.headerForeground#C5AF93
settings.numberInputBackground#34261B
settings.numberInputBorder#59402F
settings.numberInputForeground#E9D8BD
settings.textInputBackground#34261B
settings.textInputBorder#59402F
settings.textInputForeground#E9D8BD
sideBar.background#1D140F
sideBar.border#59402F
sideBar.foreground#C5AF93
sideBarSectionHeader.background#1D140F
sideBarSectionHeader.border#59402F
sideBarSectionHeader.foreground#E9D8BD
sideBarTitle.foreground#E9D8BD
statusBar.background#211710
statusBar.border#59402F
statusBar.debuggingBackground#211710
statusBar.debuggingForeground#E9D8BD
statusBar.foreground#E9D8BD
statusBar.noFolderBackground#211710
statusBarItem.activeBackground#503826
statusBarItem.hoverBackground#302219
statusBarItem.prominentBackground#503826
statusBarItem.prominentHoverBackground#3B2A1F
tab.activeBackground#241A14
tab.activeBorder#D6A15D
tab.activeBorderTop#00000000
tab.activeForeground#E9D8BD
tab.border#59402F
tab.hoverBackground#302219
tab.hoverForeground#E9D8BD
tab.inactiveBackground#1D140F
tab.inactiveForeground#AA9279
tab.unfocusedActiveBorder#D6A15D
tab.unfocusedActiveBorderTop#00000000
tab.unfocusedActiveForeground#C5AF93
tab.unfocusedHoverBackground#302219
tab.unfocusedHoverForeground#E9D8BD
tab.unfocusedInactiveForeground#C5AF93
terminal.ansiBlack#17100C
terminal.ansiBlue#9DAFBD
terminal.ansiBrightBlack#AA9279
terminal.ansiBrightBlue#B3BDC2
terminal.ansiBrightCyan#B8CFC3
terminal.ansiBrightGreen#CCD1A5
terminal.ansiBrightMagenta#D0B0B6
terminal.ansiBrightRed#EDB0A6
terminal.ansiBrightWhite#F3E6D2
terminal.ansiBrightYellow#F0C674
terminal.ansiCyan#9FBDB6
terminal.ansiGreen#B8BF8A
terminal.ansiMagenta#BD9FA7
terminal.ansiRed#E39B91
terminal.ansiWhite#E9D8BD
terminal.ansiYellow#E6B673
terminal.background#211710
terminal.foreground#E9D8BD
terminal.selectionBackground#503826
terminal.selectionForeground#E9D8BD
terminalCursor.foreground#F0C674
textLink.activeForeground#E6B673
textLink.foreground#F0C674
titleBar.activeBackground#1D140F
titleBar.activeForeground#E9D8BD
titleBar.border#59402F
titleBar.inactiveBackground#1D140F
titleBar.inactiveForeground#AA9279
toolbar.hoverBackground#302219
tree.indentGuidesStroke#59402F
welcomePage.tileBackground#34261B
welcomePage.tileHoverBackground#302219
widget.border#59402F
widget.shadow#17100CAA

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
source, text.html, text.html.markdown	#E9D8BD
comment, punctuation.definition.comment	#AA9279	italic
string, string.quoted, string.template, punctuation.definition.string	#B8BF8A	—
string.regexp, constant.other.character-class.regexp, keyword.operator.quantifier.regexp	#A7BAA0	—
constant.numeric, constant.language, constant.character, constant.other	#D7A184	—
keyword, keyword.control, storage.type, storage.modifier	#D9956C	—
entity.name.function, support.function	#E6B673	—
entity.name.type, entity.name.class, support.type, support.class, storage.type.class	#D8C18E	—
variable, variable.other, variable.parameter, entity.name.variable	#DEC7A6	—
variable.other.property, variable.other.object.property, support.type.property-name, meta.object-literal.key	#DEC7A6	—
keyword.operator, punctuation, meta.brace, meta.delimiter	#CDB99B	—
entity.name.namespace, entity.name.module, support.other.namespace	#D8C18E	—
punctuation.decorator, storage.type.annotation, entity.name.function.decorator	#D9956C	—
entity.name.tag, support.class.component	#D9956C	—
entity.other.attribute-name, entity.other.attribute-name.html	#E6B673	—
entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.name.tag.css	#D8C18E	—
support.type.property-name.css, meta.property-name.css, meta.property-name.scss	#DEC7A6	—
markup.heading, entity.name.section.markdown	#E6B673	bold
markup.underline.link, string.other.link, meta.link.inline.markdown	#D8C18E	underline
markup.bold	#E6B673	bold
markup.italic	#D7A184	italic
markup.inline.raw, markup.fenced_code.block	#B8BF8A	—
markup.inserted	#B8BF8A	—
markup.deleted	#E39B91	—
invalid, invalid.illegal, invalid.deprecated	#E39B91	underline
support.type.property-name.json, string.json support.type.property-name, entity.name.tag.yaml	#DEC7A6	—
string.regexp, constant.character.escape.regexp, constant.other.character-class.regexp, keyword.operator.quantifier.regexp	#A7BAA0	—
variable.function	#E6B673	—