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#99472D
- activityBar.background#E5CCAE
- activityBar.border#B59A8D
- activityBar.foreground#43352F
- activityBar.inactiveForeground#756354
- activityBarBadge.background#99472D
- activityBarBadge.foreground#FFF4E5
- activityBarTop.activeBorder#99472D
- activityBarTop.foreground#43352F
- badge.background#DEC1B5
- badge.foreground#392D29
- breadcrumb.activeSelectionForeground#85500F
- breadcrumb.background#F6E3C5
- breadcrumb.focusForeground#43352F
- breadcrumb.foreground#756354
- breadcrumbPicker.background#F1DDC1
- button.background#93462F
- button.border#00000000
- button.foreground#FFF4E5
- button.hoverBackground#813C29
- button.secondaryBackground#DEC1B5
- button.secondaryForeground#392D29
- button.secondaryHoverBackground#D7B6A7
- checkbox.background#FAEDD8
- checkbox.border#B59A8D
- checkbox.foreground#43352F
- debugConsole.errorForeground#B02E3C
- debugConsole.infoForeground#735083
- debugConsole.sourceForeground#4D6539
- debugConsole.warningForeground#85530F
- debugIcon.breakpointForeground#B02E3C
- debugIcon.disconnectForeground#B02E3C
- debugIcon.pauseForeground#85530F
- debugIcon.restartForeground#4D6539
- debugIcon.startForeground#4D6539
- debugIcon.stopForeground#B02E3C
- debugToolBar.background#FAEDD8
- debugToolBar.border#B59A8D
- descriptionForeground#635044
- diffEditor.diagonalFill#B59A8D66
- diffEditor.insertedLineBackground#4D653914
- diffEditor.insertedTextBackground#4D653926
- diffEditor.removedLineBackground#B02E3C14
- diffEditor.removedTextBackground#B02E3C26
- diffEditorGutter.insertedLineBackground#4D653933
- diffEditorGutter.removedLineBackground#B02E3C33
- disabledForeground#75635499
- dropdown.background#FAEDD8
- dropdown.border#B59A8D
- dropdown.foreground#43352F
- dropdown.listBackground#F6E3C5
- editor.background#F6E3C5
- editor.findMatchBackground#99472D4D
- editor.findMatchBorder#85500F
- editor.findMatchHighlightBackground#85530F2E
- editor.findRangeHighlightBackground#DEC1B555
- editor.foreground#43352F
- editor.hoverHighlightBackground#DEC1B555
- editor.inactiveSelectionBackground#DEC1B588
- editor.lineHighlightBackground#EEDABE
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#DEC1B5
- editor.selectionHighlightBackground#DEC1B566
- editor.wordHighlightBackground#73508324
- editor.wordHighlightStrongBackground#85530F2E
- editorBracketHighlight.foreground1#85500F
- editorBracketHighlight.foreground2#735083
- editorBracketHighlight.foreground3#4D6539
- editorBracketHighlight.foreground4#94486B
- editorBracketHighlight.foreground5#A63D32
- editorBracketHighlight.foreground6#635044
- editorBracketMatch.background#99472D33
- editorBracketMatch.border#85500F
- editorBracketPairGuide.activeBackground1#85500F
- editorBracketPairGuide.activeBackground2#735083
- editorBracketPairGuide.activeBackground3#4D6539
- editorBracketPairGuide.activeBackground4#94486B
- editorBracketPairGuide.activeBackground5#A63D32
- editorBracketPairGuide.activeBackground6#635044
- editorBracketPairGuide.background1#85500F3D
- editorBracketPairGuide.background2#7350833D
- editorBracketPairGuide.background3#4D65393D
- editorBracketPairGuide.background4#94486B3D
- editorBracketPairGuide.background5#A63D323D
- editorBracketPairGuide.background6#6350443D
- editorCodeLens.foreground#756354
- editorCursor.foreground#85500F
- editorError.foreground#B02E3C
- editorGroup.border#B59A8D
- editorGroupHeader.noTabsBackground#EED8BA
- editorGroupHeader.tabsBackground#EED8BA
- editorGroupHeader.tabsBorder#B59A8D
- editorGutter.addedBackground#4D6539
- editorGutter.background#F6E3C5
- editorGutter.deletedBackground#B02E3C
- editorGutter.modifiedBackground#735083
- editorHint.foreground#4D6539
- editorHoverWidget.background#F1DDC1
- editorHoverWidget.border#B59A8D
- editorHoverWidget.foreground#43352F
- editorIndentGuide.activeBackground1#99472DAA
- editorIndentGuide.background1#B59A8D88
- editorInfo.foreground#735083
- editorInlayHint.background#FAEDD8
- editorInlayHint.foreground#756354
- editorLineNumber.activeForeground#85500F
- editorLineNumber.foreground#796656
- editorLink.activeForeground#85500F
- editorOverviewRuler.addedForeground#4D653999
- editorOverviewRuler.deletedForeground#B02E3C99
- editorOverviewRuler.errorForeground#B02E3C
- editorOverviewRuler.infoForeground#735083
- editorOverviewRuler.modifiedForeground#73508399
- editorOverviewRuler.warningForeground#85530F
- editorRuler.foreground#B59A8D66
- editorSuggestWidget.background#F1DDC1
- editorSuggestWidget.border#B59A8D
- editorSuggestWidget.focusHighlightForeground#85530F
- editorSuggestWidget.foreground#43352F
- editorSuggestWidget.highlightForeground#85500F
- editorSuggestWidget.selectedBackground#DEC1B5
- editorWarning.foreground#85530F
- editorWhitespace.foreground#DEC1B599
- editorWidget.background#F1DDC1
- editorWidget.border#B59A8D
- editorWidget.foreground#43352F
- errorForeground#B02E3C
- focusBorder#99472D
- foreground#43352F
- gitDecoration.addedResourceForeground#4D6539
- gitDecoration.conflictingResourceForeground#85530F
- gitDecoration.deletedResourceForeground#B02E3C
- gitDecoration.ignoredResourceForeground#796656
- gitDecoration.modifiedResourceForeground#735083
- gitDecoration.renamedResourceForeground#376961
- gitDecoration.untrackedResourceForeground#4D6539
- icon.foreground#635044
- input.background#FAEDD8
- input.border#B59A8D
- input.foreground#43352F
- input.placeholderForeground#756354
- inputOption.activeBackground#DEC1B5
- inputOption.activeBorder#99472D
- inputOption.activeForeground#43352F
- inputValidation.errorBackground#F1D2C6
- inputValidation.errorBorder#B02E3C
- inputValidation.infoBackground#E5D6E4
- inputValidation.infoBorder#735083
- inputValidation.warningBackground#EFDCB6
- inputValidation.warningBorder#85530F
- list.activeSelectionBackground#DEC1B5
- list.activeSelectionForeground#392D29
- list.errorForeground#B02E3C
- list.focusBackground#DEC1B5
- list.focusForeground#392D29
- list.highlightForeground#85500F
- list.hoverBackground#FAEDD8
- list.hoverForeground#43352F
- list.inactiveSelectionBackground#E8CEBB
- list.inactiveSelectionForeground#43352F
- list.warningForeground#85530F
- listFilterWidget.background#FAEDD8
- listFilterWidget.noMatchesOutline#B02E3C
- listFilterWidget.outline#99472D
- menu.background#F1DDC1
- menu.border#B59A8D
- menu.foreground#43352F
- menu.selectionBackground#DEC1B5
- menu.selectionBorder#99472D
- menu.selectionForeground#392D29
- menu.separatorBackground#B59A8D
- menubar.selectionBackground#DEC1B5
- menubar.selectionForeground#392D29
- minimap.background#F1DDC1
- minimap.errorHighlight#B02E3CCC
- minimap.findMatchHighlight#85500FCC
- minimap.selectionHighlight#DEC1B5CC
- minimap.warningHighlight#85530FCC
- minimapSlider.activeBackground#99472D88
- minimapSlider.background#DEC1B555
- minimapSlider.hoverBackground#79665677
- notificationCenterHeader.background#FAEDD8
- notificationLink.foreground#85500F
- notifications.background#F1DDC1
- notifications.border#B59A8D
- notifications.foreground#43352F
- notificationsErrorIcon.foreground#B02E3C
- notificationsInfoIcon.foreground#735083
- notificationsWarningIcon.foreground#85530F
- panel.background#F1DDC1
- panel.border#B59A8D
- panelInput.border#B59A8D
- panelTitle.activeBorder#99472D
- panelTitle.activeForeground#43352F
- panelTitle.inactiveForeground#756354
- peekView.border#99472D
- peekViewEditor.background#F1DDC1
- peekViewEditor.matchHighlightBackground#99472D4D
- peekViewEditorGutter.background#F1DDC1
- peekViewResult.background#EED8BA
- peekViewResult.fileForeground#43352F
- peekViewResult.lineForeground#635044
- peekViewResult.matchHighlightBackground#85530F33
- peekViewResult.selectionBackground#DEC1B5
- peekViewResult.selectionForeground#392D29
- peekViewTitle.background#FAEDD8
- peekViewTitleDescription.foreground#756354
- peekViewTitleLabel.foreground#43352F
- pickerGroup.border#B59A8D
- pickerGroup.foreground#85500F
- progressBar.background#99472D
- quickInput.background#F1DDC1
- quickInput.foreground#43352F
- quickInputList.focusBackground#DEC1B5
- quickInputList.focusForeground#392D29
- quickInputList.focusIconForeground#85500F
- quickInputTitle.background#FAEDD8
- sash.hoverBorder#99472D
- scrollbar.shadow#594638AA
- scrollbarSlider.activeBackground#99472D99
- scrollbarSlider.background#DEC1B566
- scrollbarSlider.hoverBackground#79665688
- selection.background#DEC1B5
- sideBar.background#EED8BA
- sideBar.border#B59A8D
- sideBar.foreground#635044
- sideBarSectionHeader.background#F6E3C5
- sideBarSectionHeader.border#B59A8D
- sideBarSectionHeader.foreground#43352F
- sideBarTitle.foreground#43352F
- statusBar.background#FAEDD8
- statusBar.border#B59A8D
- statusBar.debuggingBackground#804557
- statusBar.debuggingForeground#FFF4E5
- statusBar.foreground#43352F
- statusBar.noFolderBackground#F1DDC1
- statusBarItem.activeBackground#DEC1B5
- statusBarItem.hoverBackground#E8CEBB
- statusBarItem.prominentBackground#DEC1B5
- statusBarItem.prominentHoverBackground#D7B6A7
- tab.activeBackground#F6E3C5
- tab.activeBorderTop#99472D
- tab.activeForeground#43352F
- tab.border#B59A8D
- tab.hoverBackground#FAEDD8
- tab.inactiveBackground#EED8BA
- tab.inactiveForeground#756354
- tab.unfocusedActiveForeground#635044
- tab.unfocusedInactiveForeground#796656
- terminal.ansiBlack#43352F
- terminal.ansiBlue#605482
- terminal.ansiBrightBlack#71604F
- terminal.ansiBrightBlue#72528D
- terminal.ansiBrightCyan#326B63
- terminal.ansiBrightGreen#496232
- terminal.ansiBrightMagenta#99476D
- terminal.ansiBrightRed#A63D32
- terminal.ansiBrightWhite#635044
- terminal.ansiBrightYellow#81510D
- terminal.ansiCyan#376961
- terminal.ansiGreen#4D6539
- terminal.ansiMagenta#94486B
- terminal.ansiRed#B02E3C
- terminal.ansiWhite#706055
- terminal.ansiYellow#85530F
- terminal.background#F1DDC1
- terminal.foreground#43352F
- terminal.selectionBackground#DEC1B5
- terminalCursor.foreground#85500F
- textLink.activeForeground#85530F
- textLink.foreground#85500F
- titleBar.activeBackground#EED8BA
- titleBar.activeForeground#43352F
- titleBar.border#B59A8D
- titleBar.inactiveBackground#E5CCAE
- titleBar.inactiveForeground#756354
- tree.indentGuidesStroke#B59A8D
- widget.border#B59A8D
- widget.shadow#594638AA
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| source, text.html, text.html.markdown | #43352F | — |
| comment, punctuation.definition.comment | #756354 | italic |
| string, string.quoted, string.template, punctuation.definition.string | #4D6539 | — |
| string.regexp, constant.other.character-class.regexp, keyword.operator.quantifier.regexp | #94486B | — |
| constant.numeric, constant.language, constant.character, constant.other | #94486B | — |
| keyword, keyword.control, storage.type, storage.modifier | #A63D32 | — |
| entity.name.function, support.function, meta.function-call | #85530F | — |
| entity.name.type, entity.name.class, support.type, support.class, storage.type.class | #735083 | — |
| variable, variable.other, variable.parameter, meta.parameter, entity.name.variable | #65452F | — |
| variable.other.property, variable.other.object.property, support.type.property-name, meta.object-literal.key | #65452F | — |
| keyword.operator, punctuation, meta.brace, meta.delimiter | #635044 | — |
| entity.name.namespace, entity.name.module, support.other.namespace | #735083 | — |
| meta.decorator, punctuation.decorator, storage.type.annotation, entity.name.function.decorator | #94486B | — |
| entity.name.tag, support.class.component | #A63D32 | — |
| entity.other.attribute-name, entity.other.attribute-name.html | #85530F | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.name.tag.css | #735083 | — |
| support.type.property-name.css, meta.property-name.css, meta.property-name.scss | #65452F | — |
| markup.heading, entity.name.section.markdown | #85530F | bold |
| markup.underline.link, string.other.link, meta.link.inline.markdown | #735083 | underline |
| markup.bold | #85530F | bold |
| markup.italic | #94486B | italic |
| markup.inline.raw, markup.fenced_code.block | #4D6539 | — |
| markup.inserted | #4D6539 | — |
| markup.deleted | #B02E3C | — |
| invalid, invalid.illegal, invalid.deprecated | #B02E3C | underline |