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#D99060
- activityBar.background#100D11
- activityBar.border#3C2E3A
- activityBar.foreground#E3CFB8
- activityBar.inactiveForeground#9D8998
- activityBarBadge.background#D99060
- activityBarBadge.foreground#151118
- activityBarTop.activeBorder#D99060
- activityBarTop.foreground#E3CFB8
- badge.background#493548
- badge.foreground#F5E6D2
- breadcrumb.activeSelectionForeground#E8AD64
- breadcrumb.background#151118
- breadcrumb.focusForeground#E3CFB8
- breadcrumb.foreground#9D8998
- breadcrumbPicker.background#18131A
- button.background#945039
- button.border#00000000
- button.foreground#F5E6D2
- button.hoverBackground#9B513B
- button.secondaryBackground#493548
- button.secondaryForeground#F5E6D2
- button.secondaryHoverBackground#573B50
- checkbox.background#211A23
- checkbox.border#3C2E3A
- checkbox.foreground#E3CFB8
- debugConsole.errorForeground#EE7882
- debugConsole.infoForeground#BCA0DC
- debugConsole.sourceForeground#A3BF93
- debugConsole.warningForeground#E8BA78
- debugIcon.breakpointForeground#EE7882
- debugIcon.disconnectForeground#EE7882
- debugIcon.pauseForeground#E8BA78
- debugIcon.restartForeground#A3BF93
- debugIcon.startForeground#A3BF93
- debugIcon.stopForeground#EE7882
- debugToolBar.background#211A23
- debugToolBar.border#3C2E3A
- descriptionForeground#BAA998
- diffEditor.diagonalFill#3C2E3A66
- diffEditor.insertedLineBackground#A3BF9314
- diffEditor.insertedTextBackground#A3BF9326
- diffEditor.removedLineBackground#EE788214
- diffEditor.removedTextBackground#EE788226
- diffEditorGutter.insertedLineBackground#A3BF9333
- diffEditorGutter.removedLineBackground#EE788233
- disabledForeground#9D899899
- dropdown.background#211A23
- dropdown.border#3C2E3A
- dropdown.foreground#E3CFB8
- dropdown.listBackground#151118
- editor.background#151118
- editor.findMatchBackground#D990604D
- editor.findMatchBorder#E8AD64
- editor.findMatchHighlightBackground#E8BA782E
- editor.findRangeHighlightBackground#49354855
- editor.foreground#E3CFB8
- editor.hoverHighlightBackground#49354855
- editor.inactiveSelectionBackground#49354888
- editor.lineHighlightBackground#211B25
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#493548
- editor.selectionHighlightBackground#49354866
- editor.wordHighlightBackground#BCA0DC24
- editor.wordHighlightStrongBackground#E8BA782E
- editorBracketHighlight.foreground1#E8AD64
- editorBracketHighlight.foreground2#BCA0DC
- editorBracketHighlight.foreground3#A3BF93
- editorBracketHighlight.foreground4#D19AB8
- editorBracketHighlight.foreground5#E98B80
- editorBracketHighlight.foreground6#BAA998
- editorBracketMatch.background#D9906033
- editorBracketMatch.border#E8AD64
- editorBracketPairGuide.activeBackground1#E8AD64
- editorBracketPairGuide.activeBackground2#BCA0DC
- editorBracketPairGuide.activeBackground3#A3BF93
- editorBracketPairGuide.activeBackground4#D19AB8
- editorBracketPairGuide.activeBackground5#E98B80
- editorBracketPairGuide.activeBackground6#BAA998
- editorBracketPairGuide.background1#E8AD643D
- editorBracketPairGuide.background2#BCA0DC3D
- editorBracketPairGuide.background3#A3BF933D
- editorBracketPairGuide.background4#D19AB83D
- editorBracketPairGuide.background5#E98B803D
- editorBracketPairGuide.background6#BAA9983D
- editorCodeLens.foreground#9D8998
- editorCursor.foreground#E8AD64
- editorError.foreground#EE7882
- editorGroup.border#3C2E3A
- editorGroupHeader.noTabsBackground#110E13
- editorGroupHeader.tabsBackground#110E13
- editorGroupHeader.tabsBorder#3C2E3A
- editorGutter.addedBackground#A3BF93
- editorGutter.background#151118
- editorGutter.deletedBackground#EE7882
- editorGutter.modifiedBackground#BCA0DC
- editorHint.foreground#A3BF93
- editorHoverWidget.background#18131A
- editorHoverWidget.border#3C2E3A
- editorHoverWidget.foreground#E3CFB8
- editorIndentGuide.activeBackground1#D99060AA
- editorIndentGuide.background1#3C2E3A88
- editorInfo.foreground#BCA0DC
- editorInlayHint.background#211A23
- editorInlayHint.foreground#9D8998
- editorLineNumber.activeForeground#E8AD64
- editorLineNumber.foreground#8C7888
- editorLink.activeForeground#E8AD64
- editorOverviewRuler.addedForeground#A3BF9399
- editorOverviewRuler.deletedForeground#EE788299
- editorOverviewRuler.errorForeground#EE7882
- editorOverviewRuler.infoForeground#BCA0DC
- editorOverviewRuler.modifiedForeground#BCA0DC99
- editorOverviewRuler.warningForeground#E8BA78
- editorRuler.foreground#3C2E3A66
- editorSuggestWidget.background#18131A
- editorSuggestWidget.border#3C2E3A
- editorSuggestWidget.focusHighlightForeground#E8BA78
- editorSuggestWidget.foreground#E3CFB8
- editorSuggestWidget.highlightForeground#E8AD64
- editorSuggestWidget.selectedBackground#493548
- editorWarning.foreground#E8BA78
- editorWhitespace.foreground#49354899
- editorWidget.background#18131A
- editorWidget.border#3C2E3A
- editorWidget.foreground#E3CFB8
- errorForeground#EE7882
- focusBorder#D99060
- foreground#E3CFB8
- gitDecoration.addedResourceForeground#A3BF93
- gitDecoration.conflictingResourceForeground#E8BA78
- gitDecoration.deletedResourceForeground#EE7882
- gitDecoration.ignoredResourceForeground#8C7888
- gitDecoration.modifiedResourceForeground#BCA0DC
- gitDecoration.renamedResourceForeground#8BB8B0
- gitDecoration.untrackedResourceForeground#A3BF93
- icon.foreground#BAA998
- input.background#211A23
- input.border#3C2E3A
- input.foreground#E3CFB8
- input.placeholderForeground#9D8998
- inputOption.activeBackground#493548
- inputOption.activeBorder#D99060
- inputOption.activeForeground#E3CFB8
- inputValidation.errorBackground#321D25
- inputValidation.errorBorder#EE7882
- inputValidation.infoBackground#292033
- inputValidation.infoBorder#BCA0DC
- inputValidation.warningBackground#30261D
- inputValidation.warningBorder#E8BA78
- list.activeSelectionBackground#493548
- list.activeSelectionForeground#F5E6D2
- list.errorForeground#EE7882
- list.focusBackground#493548
- list.focusForeground#F5E6D2
- list.highlightForeground#E8AD64
- list.hoverBackground#211A23
- list.hoverForeground#E3CFB8
- list.inactiveSelectionBackground#2C212F
- list.inactiveSelectionForeground#E3CFB8
- list.warningForeground#E8BA78
- listFilterWidget.background#211A23
- listFilterWidget.noMatchesOutline#EE7882
- listFilterWidget.outline#D99060
- menu.background#18131A
- menu.border#3C2E3A
- menu.foreground#E3CFB8
- menu.selectionBackground#493548
- menu.selectionBorder#D99060
- menu.selectionForeground#F5E6D2
- menu.separatorBackground#3C2E3A
- menubar.selectionBackground#493548
- menubar.selectionForeground#F5E6D2
- minimap.background#18131A
- minimap.errorHighlight#EE7882CC
- minimap.findMatchHighlight#E8AD64CC
- minimap.selectionHighlight#493548CC
- minimap.warningHighlight#E8BA78CC
- minimapSlider.activeBackground#D9906088
- minimapSlider.background#49354855
- minimapSlider.hoverBackground#8C788877
- notificationCenterHeader.background#211A23
- notificationLink.foreground#E8AD64
- notifications.background#18131A
- notifications.border#3C2E3A
- notifications.foreground#E3CFB8
- notificationsErrorIcon.foreground#EE7882
- notificationsInfoIcon.foreground#BCA0DC
- notificationsWarningIcon.foreground#E8BA78
- panel.background#18131A
- panel.border#3C2E3A
- panelInput.border#3C2E3A
- panelTitle.activeBorder#D99060
- panelTitle.activeForeground#E3CFB8
- panelTitle.inactiveForeground#9D8998
- peekView.border#D99060
- peekViewEditor.background#18131A
- peekViewEditor.matchHighlightBackground#D990604D
- peekViewEditorGutter.background#18131A
- peekViewResult.background#110E13
- peekViewResult.fileForeground#E3CFB8
- peekViewResult.lineForeground#BAA998
- peekViewResult.matchHighlightBackground#E8BA7833
- peekViewResult.selectionBackground#493548
- peekViewResult.selectionForeground#F5E6D2
- peekViewTitle.background#211A23
- peekViewTitleDescription.foreground#9D8998
- peekViewTitleLabel.foreground#E3CFB8
- pickerGroup.border#3C2E3A
- pickerGroup.foreground#E8AD64
- progressBar.background#D99060
- quickInput.background#18131A
- quickInput.foreground#E3CFB8
- quickInputList.focusBackground#493548
- quickInputList.focusForeground#F5E6D2
- quickInputList.focusIconForeground#E8AD64
- quickInputTitle.background#211A23
- sash.hoverBorder#D99060
- scrollbar.shadow#0D0A10AA
- scrollbarSlider.activeBackground#D9906099
- scrollbarSlider.background#49354866
- scrollbarSlider.hoverBackground#8C788888
- selection.background#493548
- sideBar.background#110E13
- sideBar.border#3C2E3A
- sideBar.foreground#BAA998
- sideBarSectionHeader.background#151118
- sideBarSectionHeader.border#3C2E3A
- sideBarSectionHeader.foreground#E3CFB8
- sideBarTitle.foreground#E3CFB8
- statusBar.background#211A23
- statusBar.border#3C2E3A
- statusBar.debuggingBackground#643845
- statusBar.debuggingForeground#F5E6D2
- statusBar.foreground#E3CFB8
- statusBar.noFolderBackground#18131A
- statusBarItem.activeBackground#493548
- statusBarItem.hoverBackground#2C212F
- statusBarItem.prominentBackground#493548
- statusBarItem.prominentHoverBackground#573B50
- tab.activeBackground#151118
- tab.activeBorderTop#D99060
- tab.activeForeground#E3CFB8
- tab.border#3C2E3A
- tab.hoverBackground#211A23
- tab.inactiveBackground#110E13
- tab.inactiveForeground#9D8998
- tab.unfocusedActiveForeground#BAA998
- tab.unfocusedInactiveForeground#8C7888
- terminal.ansiBlack#100D11
- terminal.ansiBlue#A599CD
- terminal.ansiBrightBlack#8C7888
- terminal.ansiBrightBlue#C0B0DC
- terminal.ansiBrightCyan#A4CBC1
- terminal.ansiBrightGreen#B8CEA8
- terminal.ansiBrightMagenta#DBADC8
- terminal.ansiBrightRed#E98B80
- terminal.ansiBrightWhite#F5E6D2
- terminal.ansiBrightYellow#EBC996
- terminal.ansiCyan#8BB8B0
- terminal.ansiGreen#A3BF93
- terminal.ansiMagenta#D19AB8
- terminal.ansiRed#EE7882
- terminal.ansiWhite#E3CFB8
- terminal.ansiYellow#E8BA78
- terminal.background#18131A
- terminal.foreground#E3CFB8
- terminal.selectionBackground#493548
- terminalCursor.foreground#E8AD64
- textLink.activeForeground#E8BA78
- textLink.foreground#E8AD64
- titleBar.activeBackground#110E13
- titleBar.activeForeground#E3CFB8
- titleBar.border#3C2E3A
- titleBar.inactiveBackground#100D11
- titleBar.inactiveForeground#9D8998
- tree.indentGuidesStroke#3C2E3A
- widget.border#3C2E3A
- widget.shadow#0D0A10AA
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| source, text.html, text.html.markdown | #E3CFB8 | — |
| comment, punctuation.definition.comment | #9D8998 | italic |
| string, string.quoted, string.template, punctuation.definition.string | #A3BF93 | — |
| string.regexp, constant.other.character-class.regexp, keyword.operator.quantifier.regexp | #D19AB8 | — |
| constant.numeric, constant.language, constant.character, constant.other | #D19AB8 | — |
| keyword, keyword.control, storage.type, storage.modifier | #E98B80 | — |
| entity.name.function, support.function, meta.function-call | #E8BA78 | — |
| entity.name.type, entity.name.class, support.type, support.class, storage.type.class | #BCA0DC | — |
| variable, variable.other, variable.parameter, meta.parameter, entity.name.variable | #D8BDA0 | — |
| variable.other.property, variable.other.object.property, support.type.property-name, meta.object-literal.key | #D8BDA0 | — |
| keyword.operator, punctuation, meta.brace, meta.delimiter | #BAA998 | — |
| entity.name.namespace, entity.name.module, support.other.namespace | #BCA0DC | — |
| meta.decorator, punctuation.decorator, storage.type.annotation, entity.name.function.decorator | #D19AB8 | — |
| entity.name.tag, support.class.component | #E98B80 | — |
| entity.other.attribute-name, entity.other.attribute-name.html | #E8BA78 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.name.tag.css | #BCA0DC | — |
| support.type.property-name.css, meta.property-name.css, meta.property-name.scss | #D8BDA0 | — |
| markup.heading, entity.name.section.markdown | #E8BA78 | bold |
| markup.underline.link, string.other.link, meta.link.inline.markdown | #BCA0DC | underline |
| markup.bold | #E8BA78 | bold |
| markup.italic | #D19AB8 | italic |
| markup.inline.raw, markup.fenced_code.block | #A3BF93 | — |
| markup.inserted | #A3BF93 | — |
| markup.deleted | #EE7882 | — |
| invalid, invalid.illegal, invalid.deprecated | #EE7882 | underline |