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.activeBorder#E6B450
- activityBar.background#0D1017
- activityBar.border#181D26
- activityBar.foreground#BFBDB6
- activityBar.inactiveForeground#5A6378
- activityBarBadge.background#E6B450
- activityBarBadge.foreground#0D1017
- activityBarTop.activeBorder#E6B450
- activityBarTop.foreground#BFBDB6
- badge.background#273140
- badge.foreground#BFBDB6
- breadcrumb.activeSelectionForeground#E6B450
- breadcrumb.background#0D1017
- breadcrumb.focusForeground#BFBDB6
- breadcrumb.foreground#5A6378
- breadcrumbPicker.background#0D1017
- button.background#E6B450
- button.border#00000000
- button.foreground#0D1017
- button.hoverBackground#FFB454
- button.secondaryBackground#273140
- button.secondaryForeground#BFBDB6
- button.secondaryHoverBackground#273140
- checkbox.background#161A24
- checkbox.border#181D26
- checkbox.foreground#BFBDB6
- debugConsole.errorForeground#F07178
- debugConsole.infoForeground#D2A6FF
- debugConsole.sourceForeground#AAD94C
- debugConsole.warningForeground#FFB454
- debugIcon.breakpointForeground#F07178
- debugIcon.disconnectForeground#F07178
- debugIcon.pauseForeground#FFB454
- debugIcon.restartForeground#AAD94C
- debugIcon.startForeground#AAD94C
- debugIcon.stopForeground#F07178
- debugToolBar.background#161A24
- debugToolBar.border#181D26
- descriptionForeground#5A6378
- diffEditor.diagonalFill#181D2666
- diffEditor.insertedLineBackground#AAD94C14
- diffEditor.insertedTextBackground#AAD94C26
- diffEditor.removedLineBackground#F0717814
- diffEditor.removedTextBackground#F0717826
- diffEditorGutter.insertedLineBackground#AAD94C33
- diffEditorGutter.removedLineBackground#F0717833
- disabledForeground#5A637899
- dropdown.background#161A24
- dropdown.border#181D26
- dropdown.foreground#BFBDB6
- dropdown.listBackground#0D1017
- editor.background#0D1017
- editor.findMatchBackground#E6B4504D
- editor.findMatchBorder#E6B450
- editor.findMatchHighlightBackground#FFB4542E
- editor.findRangeHighlightBackground#27314055
- editor.foreground#BFBDB6
- editor.hoverHighlightBackground#27314055
- editor.inactiveSelectionBackground#27314088
- editor.lineHighlightBackground#161A24
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#273140
- editor.selectionHighlightBackground#27314066
- editor.wordHighlightBackground#D2A6FF24
- editor.wordHighlightStrongBackground#FFB4542E
- editorBracketHighlight.foreground1#E6B450
- editorBracketHighlight.foreground2#D2A6FF
- editorBracketHighlight.foreground3#AAD94C
- editorBracketHighlight.foreground4#D2A6FF
- editorBracketHighlight.foreground5#FF8F40
- editorBracketHighlight.foreground6#BFBDB6
- editorBracketMatch.background#E6B45033
- editorBracketMatch.border#E6B450
- editorBracketPairGuide.activeBackground1#E6B450
- editorBracketPairGuide.activeBackground2#D2A6FF
- editorBracketPairGuide.activeBackground3#AAD94C
- editorBracketPairGuide.activeBackground4#D2A6FF
- editorBracketPairGuide.activeBackground5#FF8F40
- editorBracketPairGuide.activeBackground6#BFBDB6
- editorBracketPairGuide.background1#E6B4503D
- editorBracketPairGuide.background2#D2A6FF3D
- editorBracketPairGuide.background3#AAD94C3D
- editorBracketPairGuide.background4#D2A6FF3D
- editorBracketPairGuide.background5#FF8F403D
- editorBracketPairGuide.background6#BFBDB63D
- editorCodeLens.foreground#BFBDB6
- editorCursor.foreground#E6B450
- editorError.foreground#F07178
- editorGroup.border#181D26
- editorGroupHeader.noTabsBackground#0D1017
- editorGroupHeader.tabsBackground#0D1017
- editorGroupHeader.tabsBorder#181D26
- editorGutter.addedBackground#AAD94C
- editorGutter.background#0D1017
- editorGutter.deletedBackground#F07178
- editorGutter.modifiedBackground#D2A6FF
- editorHint.foreground#AAD94C
- editorHoverWidget.background#0D1017
- editorHoverWidget.border#181D26
- editorHoverWidget.foreground#BFBDB6
- editorIndentGuide.activeBackground1#E6B450AA
- editorIndentGuide.background1#181D2688
- editorInfo.foreground#D2A6FF
- editorInlayHint.background#161A24
- editorInlayHint.foreground#BFBDB6
- editorLineNumber.activeForeground#E6B450
- editorLineNumber.foreground#5A6378
- editorLink.activeForeground#E6B450
- editorOverviewRuler.addedForeground#AAD94C99
- editorOverviewRuler.deletedForeground#F0717899
- editorOverviewRuler.errorForeground#F07178
- editorOverviewRuler.infoForeground#D2A6FF
- editorOverviewRuler.modifiedForeground#D2A6FF99
- editorOverviewRuler.warningForeground#FFB454
- editorRuler.foreground#181D2666
- editorSuggestWidget.background#0D1017
- editorSuggestWidget.border#181D26
- editorSuggestWidget.focusHighlightForeground#FFB454
- editorSuggestWidget.foreground#BFBDB6
- editorSuggestWidget.highlightForeground#E6B450
- editorSuggestWidget.selectedBackground#273140
- editorWarning.foreground#FFB454
- editorWhitespace.foreground#27314099
- editorWidget.background#0D1017
- editorWidget.border#181D26
- editorWidget.foreground#BFBDB6
- errorForeground#F07178
- focusBorder#E6B450
- foreground#BFBDB6
- gitDecoration.addedResourceForeground#AAD94C
- gitDecoration.conflictingResourceForeground#FFB454
- gitDecoration.deletedResourceForeground#F07178
- gitDecoration.ignoredResourceForeground#5A6378
- gitDecoration.modifiedResourceForeground#D2A6FF
- gitDecoration.renamedResourceForeground#95E6CB
- gitDecoration.untrackedResourceForeground#AAD94C
- icon.foreground#BFBDB6
- input.background#161A24
- input.border#181D26
- input.foreground#BFBDB6
- input.placeholderForeground#5A6378
- inputOption.activeBackground#273140
- inputOption.activeBorder#E6B450
- inputOption.activeForeground#BFBDB6
- inputValidation.errorBackground#29191F
- inputValidation.errorBorder#F07178
- inputValidation.infoBackground#211C30
- inputValidation.infoBorder#D2A6FF
- inputValidation.warningBackground#292316
- inputValidation.warningBorder#FFB454
- list.activeSelectionBackground#181D26
- list.activeSelectionForeground#BFBDB6
- list.errorForeground#F07178
- list.focusBackground#181D26
- list.focusForeground#BFBDB6
- list.highlightForeground#E6B450
- list.hoverBackground#161A24
- list.hoverForeground#BFBDB6
- list.inactiveSelectionBackground#181D26
- list.inactiveSelectionForeground#BFBDB6
- list.warningForeground#FFB454
- listFilterWidget.background#161A24
- listFilterWidget.noMatchesOutline#F07178
- listFilterWidget.outline#E6B450
- menu.background#0D1017
- menu.border#181D26
- menu.foreground#BFBDB6
- menu.selectionBackground#273140
- menu.selectionBorder#E6B450
- menu.selectionForeground#BFBDB6
- menu.separatorBackground#181D26
- menubar.selectionBackground#273140
- menubar.selectionForeground#BFBDB6
- minimap.background#0D1017
- minimap.errorHighlight#F07178CC
- minimap.findMatchHighlight#E6B450CC
- minimap.selectionHighlight#273140CC
- minimap.warningHighlight#FFB454CC
- minimapSlider.activeBackground#E6B45088
- minimapSlider.background#27314055
- minimapSlider.hoverBackground#5A637877
- notificationCenterHeader.background#161A24
- notificationLink.foreground#E6B450
- notifications.background#0D1017
- notifications.border#181D26
- notifications.foreground#BFBDB6
- notificationsErrorIcon.foreground#F07178
- notificationsInfoIcon.foreground#D2A6FF
- notificationsWarningIcon.foreground#FFB454
- panel.background#0D1017
- panel.border#181D26
- panelInput.border#181D26
- panelTitle.activeBorder#E6B450
- panelTitle.activeForeground#BFBDB6
- panelTitle.inactiveForeground#5A6378
- peekView.border#E6B450
- peekViewEditor.background#0D1017
- peekViewEditor.matchHighlightBackground#E6B4504D
- peekViewEditorGutter.background#0D1017
- peekViewResult.background#0D1017
- peekViewResult.fileForeground#BFBDB6
- peekViewResult.lineForeground#BFBDB6
- peekViewResult.matchHighlightBackground#FFB45433
- peekViewResult.selectionBackground#273140
- peekViewResult.selectionForeground#BFBDB6
- peekViewTitle.background#161A24
- peekViewTitleDescription.foreground#5A6378
- peekViewTitleLabel.foreground#BFBDB6
- pickerGroup.border#181D26
- pickerGroup.foreground#E6B450
- progressBar.background#E6B450
- quickInput.background#0D1017
- quickInput.foreground#BFBDB6
- quickInputList.focusBackground#273140
- quickInputList.focusForeground#BFBDB6
- quickInputList.focusIconForeground#E6B450
- quickInputTitle.background#161A24
- sash.hoverBorder#E6B450
- scrollbar.shadow#080B10AA
- scrollbarSlider.activeBackground#E6B45099
- scrollbarSlider.background#27314066
- scrollbarSlider.hoverBackground#5A637888
- selection.background#273140
- sideBar.background#0D1017
- sideBar.border#181D26
- sideBar.foreground#BFBDB6
- sideBarSectionHeader.background#0D1017
- sideBarSectionHeader.border#181D26
- sideBarSectionHeader.foreground#BFBDB6
- sideBarTitle.foreground#BFBDB6
- statusBar.background#161A24
- statusBar.border#181D26
- statusBar.debuggingBackground#181D26
- statusBar.debuggingForeground#BFBDB6
- statusBar.foreground#BFBDB6
- statusBar.noFolderBackground#0D1017
- statusBarItem.activeBackground#273140
- statusBarItem.hoverBackground#181D26
- statusBarItem.prominentBackground#273140
- statusBarItem.prominentHoverBackground#273140
- tab.activeBackground#0D1017
- tab.activeBorder#E6B450
- tab.activeBorderTop#00000000
- tab.activeForeground#BFBDB6
- tab.border#181D26
- tab.hoverBackground#161A24
- tab.inactiveBackground#0D1017
- tab.inactiveForeground#5A6378
- tab.unfocusedActiveBorder#E6B45080
- tab.unfocusedActiveForeground#BFBDB6
- tab.unfocusedInactiveForeground#5A6378
- terminal.ansiBlack#0D1017
- terminal.ansiBlue#D2A6FF
- terminal.ansiBrightBlack#5A6673
- terminal.ansiBrightBlue#DFC0FF
- terminal.ansiBrightCyan#B0F0DC
- terminal.ansiBrightGreen#BDE673
- terminal.ansiBrightMagenta#DFC0FF
- terminal.ansiBrightRed#FF8F40
- terminal.ansiBrightWhite#BFBDB6
- terminal.ansiBrightYellow#FFD080
- terminal.ansiCyan#95E6CB
- terminal.ansiGreen#AAD94C
- terminal.ansiMagenta#D2A6FF
- terminal.ansiRed#F07178
- terminal.ansiWhite#BFBDB6
- terminal.ansiYellow#FFB454
- terminal.background#0D1017
- terminal.foreground#BFBDB6
- terminal.selectionBackground#273140
- terminalCursor.foreground#E6B450
- textLink.activeForeground#FFB454
- textLink.foreground#E6B450
- titleBar.activeBackground#0D1017
- titleBar.activeForeground#BFBDB6
- titleBar.border#181D26
- titleBar.inactiveBackground#0D1017
- titleBar.inactiveForeground#5A6378
- tree.indentGuidesStroke#181D26
- widget.border#181D26
- widget.shadow#080B10AA
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| source, text.html, text.html.markdown | #BFBDB6 | — |
| comment, punctuation.definition.comment | #5A6673 | italic |
| string, string.quoted, string.template, punctuation.definition.string | #AAD94C | — |
| string.regexp, constant.other.character-class.regexp, keyword.operator.quantifier.regexp | #95E6CB | — |
| constant.numeric, constant.language, constant.character, constant.other | #D2A6FF | — |
| keyword, keyword.control, storage.type, storage.modifier | #FF8F40 | — |
| entity.name.function, support.function, meta.function-call | #FFB454 | — |
| entity.name.type, entity.name.class, support.type, support.class, storage.type.class | #D2A6FF | — |
| variable, variable.other, entity.name.variable | #BFBDB6 | — |
| variable.other.property, variable.other.object.property, support.type.property-name, meta.object-literal.key | #BFBDB6 | — |
| keyword.operator, punctuation, meta.brace, meta.delimiter | #BFBDB6 | — |
| entity.name.namespace, entity.name.module, support.other.namespace | #D2A6FF | — |
| meta.decorator, punctuation.decorator, storage.type.annotation, entity.name.function.decorator | #D2A6FF | — |
| entity.name.tag, support.class.component | #FF8F40 | — |
| entity.other.attribute-name, entity.other.attribute-name.html | #FFB454 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.name.tag.css | #D2A6FF | — |
| support.type.property-name.css, meta.property-name.css, meta.property-name.scss | #BFBDB6 | — |
| markup.heading, entity.name.section.markdown | #FFB454 | bold |
| markup.underline.link, string.other.link, meta.link.inline.markdown | #D2A6FF | underline |
| markup.bold | #FFB454 | bold |
| markup.italic | #D2A6FF | italic |
| markup.inline.raw, markup.fenced_code.block | #AAD94C | — |
| markup.inserted | #AAD94C | — |
| markup.deleted | #F07178 | — |
| invalid, invalid.illegal, invalid.deprecated | #F07178 | underline |
| variable.parameter | #D2A6FF | — |