Foreglow Theme Pack

Name: Foreglow Theme Pack
Author: William N. Johnson

Publisher: William N. JohnsonThemes in package: 4

Theme pack for Visual Studio Code (includes Foreglow, Afterglow, Alpenglow, and Airglow with optional glow effects)

Open in VS Code GitHub

Color themes

VS Code preview

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

Foreglow Theme Pack — Afterglow

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.ts

Problems1

Output

Debug Console

Terminal

Ports

~/my-project $ pnpm dev
▲ Next.js ready on http://localhost:3000
✓ compiled client and server successfully in 412ms
wait - compiling /theme/vscode...

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Light+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.background#F4EEE1
activityBar.border#CDAEA2
activityBar.foreground#574979
activityBar.inactiveForeground#574979
activityBarBadge.background#8930A6
activityBarBadge.foreground#F4EEE1
badge.background#8930A6CC
badge.foreground#F4EEE1
breadcrumb.background#F4EEE1
breadcrumb.focusForeground#24163B
breadcrumb.foreground#574979
button.background#8930A6
button.foreground#F4EEE1
button.hoverBackground#C3228E
button.secondaryForeground#24163B
chat.background#F4EEE1
chat.border#CDAEA2
chat.copilotMessageBackground#ECE5D5
chat.copilotMessageBorder#CDAEA2
chat.copilotMessageForeground#24163B
chat.foreground#24163B
chat.inputBackground#ECE5D5
chat.inputTextColor#24163B
chat.reasoningBackground#E6D6C1
chat.reasoningBorder#CDAEA2
chat.reasoningForeground#24163B
chatAvatarBackground#CDAEA2
chatAvatarForeground#24163B
checkbox.activeBackground#8930A6
checkbox.border#CDAEA2
checkbox.foreground#24163B
debugConsole.errorForeground#B12531
debugConsole.infoForeground#24163B
debugConsole.sourceForeground#574979
debugConsole.warningForeground#A25410
debugConsoleInput.background#ECE5D5
debugConsoleInput.foreground#24163B
debugExceptionWidget.background#ECE5D5
debugExceptionWidget.border#B12531
debugToolBar.background#ECE5D5
debugToolBar.border#CDAEA2
descriptionForeground#574979
diffEditor.insertedTextBackground#22775B33
diffEditor.removedTextBackground#B1253133
dropdown.background#ECE5D5
dropdown.border#CDAEA2
dropdown.foreground#24163B
dropdown.listBackground#ECE5D5
editor.background#F4EEE1
editor.findMatchBackground#E6D6C1
editor.findMatchHighlightBackground#E6D6C1
editor.findRangeHighlightBackground#E6D6C1
editor.foreground#24163B
editor.hoverHighlightBackground#E6D6C1
editor.inactiveSelectionBackground#DFC2AA
editor.inactiveSelectionForeground#24163B
editor.lineHighlightBackground#E6D6C1
editor.lineHighlightBorder#CDAEA2
editor.rangeHighlightBackground#E6D6C1
editor.selectionBackground#DFC2AA
editor.selectionForeground#24163B
editor.selectionHighlightBackground#E6D6C1
editor.wordHighlightBackground#E6D6C1
editor.wordHighlightStrongBackground#DFC2AA
editorBracketMatch.background#DFC2AA
editorBracketMatch.border#8930A6
editorCursor.foreground#C3228E
editorGroup.background#F4EEE1
editorGroup.border#CDAEA2
editorGroup.dropBackground#E6D6C1AA
editorGroupHeader.background#ECE5D5
editorGroupHeader.noTabsBackground#F4EEE1
editorGroupHeader.tabsActiveForeground#24163B
editorGroupHeader.tabsBackground#ECE5D5
editorGroupHeader.tabsForeground#574979
editorGutter.addedBackground#22775B
editorGutter.background#F4EEE1
editorGutter.deletedBackground#B12531
editorGutter.modifiedBackground#A25410
editorHoverWidget.background#E6D6C1
editorHoverWidget.border#CDAEA2
editorHoverWidget.foreground#24163B
editorIndentGuide.activeBackground#57497980
editorIndentGuide.background#CDAEA288
editorLineNumber.activeForeground#4D3781
editorLineNumber.foreground#574979
editorOverviewRuler.bracketMatchForeground#8930A6
editorSuggestWidget.background#E6D6C1
editorSuggestWidget.border#CDAEA2
editorSuggestWidget.focusHighlightForeground#C3228E
editorSuggestWidget.foreground#24163B
editorSuggestWidget.highlightForeground#C3228E
editorSuggestWidget.selectedBackground#DFC2AA
editorSuggestWidget.selectedForeground#24163B
editorSuggestWidget.statusForeground#574979
editorWhitespace.foreground#CDAEA288
editorWidget.background#ECE5D5
extensionAuthor.foreground#574979
extensionButton.foreground#24163B
extensionButton.hoverForeground#24163B
extensionDescription.foreground#574979
extensionName.foreground#24163B
inlineSuggest.background#E6D6C1
inlineSuggest.border#CDAEA2
inlineSuggest.foreground#24163B
input.background#ECE5D5
input.border#CDAEA2
input.foreground#24163B
input.placeholderForeground#574979
inputOption.activeBorder#C3228E
list.activeSelectionBackground#DFC2AA
list.activeSelectionForeground#24163B
list.filterMatchBackground#E6D6C1
list.focusBackground#E6D6C1
list.highlightForeground#C3228E
list.hoverBackground#E6D6C1
list.hoverForeground#24163B
list.inactiveSelectionBackground#ECE5D5
list.inactiveSelectionForeground#574979
menubar.selectionBackground#DFC2AA
menubar.selectionForeground#24163B
merge.currentBackground#E6D6C1
merge.currentHeaderBackground#DFC2AA
merge.incomingBackground#ECE5D5
merge.incomingHeaderBackground#E6D6C1
minimap.findMatchHighlight#C3228E
minimap.selectionHighlight#DFC2AA
notebook.cellEditorBackground#F4EEE1
notebook.cellToolbarSeparator#CDAEA2
notebook.focusedEditorBorder#C3228E
notebook.outputContainerBackground#F4EEE1
notebook.selectedCellBackground#DFC2AA
notebook.selectedCellBorder#C3228E
notebook.unfocusedEditorBorder#CDAEA2
notificationCenterHeader.background#ECE5D5
notificationCenterHeader.foreground#24163B
notificationLink.foreground#AE296B
notifications.background#ECE5D5
notifications.foreground#24163B
panel.background#ECE5D5
panel.border#CDAEA2
panelSection.border#CDAEA2
panelSection.dropBackground#E6D6C1
panelSectionHeader.background#ECE5D5
panelSectionHeader.foreground#24163B
panelTitle.activeBorder#C3228E
panelTitle.activeForeground#24163B
panelTitle.inactiveForeground#574979
peekView.border#C3228E
peekViewEditor.background#F4EEE1
peekViewEditor.matchHighlightBackground#DFC2AA
peekViewResult.background#ECE5D5
peekViewResult.fileForeground#4D3781
peekViewResult.lineForeground#574979
peekViewResult.matchHighlightBackground#DFC2AA
peekViewResult.selectionBackground#DFC2AA
peekViewResult.selectionForeground#24163B
peekViewTitle.background#ECE5D5
peekViewTitleDescription.foreground#574979
peekViewTitleLabel.foreground#24163B
pickerGroup.border#C3228E99
pickerGroup.foreground#C3228E99
problemsErrorIcon.foreground#B12531
problemsInfoIcon.foreground#1D7187
problemsWarningIcon.foreground#A25410
progressBar.background#8930A6
quickInput.background#ECE5D5
quickInput.border#CDAEA2
quickInput.descriptionBackground#ECE5D5
quickInput.descriptionForeground#574979
quickInput.foreground#24163B
quickInput.listBackground#ECE5D5
quickInput.listFocusBackground#DFC2AA
quickInput.listFocusForeground#24163B
quickInput.listHoverBackground#E6D6C1
quickInput.listHoverForeground#24163B
quickInput.titleBackground#ECE5D5
quickInput.titleForeground#24163B
sash.hoverBorder#C3228E
scrollbar.shadow#00000022
scrollbarSlider.activeBackground#8930A688
scrollbarSlider.background#CDAEA288
scrollbarSlider.hoverBackground#DFC2AA88
selection.background#DFC2AA
settings.checkboxForeground#24163B
settings.descriptionForeground#574979
settings.dropdownForeground#24163B
settings.headerForeground#24163B
settings.inputForeground#24163B
settings.textForeground#24163B
sideBar.background#ECE5D5
sideBar.foreground#574979
sideBarSectionHeader.background#ECE5D5
sideBarSectionHeader.foreground#24163B
sideBarTitle.foreground#24163B
statusBar.background#8930A6
statusBar.border#CDAEA2
statusBar.debuggingBackground#8930A6
statusBar.foreground#F4EEE1
statusBar.noFolderBackground#8930A6
statusBarItem.activeBackground#DFC2AA
statusBarItem.hoverBackground#6B2280
statusBarItem.prominentBackground#ECE5D5
statusBarItem.prominentHoverBackground#6B2280
statusBarItem.remoteBackground#DFC2AA
surface.border#CDAEA2
tab.activeBackground#F4EEE1
tab.activeBorderTop#8930A6
tab.activeForeground#24163B
tab.activeModifiedBorder#8930A6
tab.border#CDAEA2
tab.inactiveBackground#ECE5D5
tab.inactiveForeground#574979
tab.lastPinnedBorder#CDAEA2
tab.unfocusedActiveBackground#F4EEE1
tab.unfocusedActiveBorderTop#8930A6
tab.unfocusedActiveForeground#24163B
tab.unfocusedInactiveBackground#ECE5D5
tab.unfocusedInactiveForeground#574979
terminal.ansiBlack#24163B
terminal.ansiBlue#1D7187
terminal.ansiBrightBlack#CDAEA2
terminal.ansiBrightBlue#1D7187
terminal.ansiBrightCyan#AE296B
terminal.ansiBrightGreen#22775B
terminal.ansiBrightMagenta#8930A6
terminal.ansiBrightRed#B12531
terminal.ansiBrightWhite#24163B
terminal.ansiBrightYellow#A25410
terminal.ansiCyan#AE296B
terminal.ansiGreen#22775B
terminal.ansiMagenta#8930A6
terminal.ansiRed#B12531
terminal.ansiWhite#574979
terminal.ansiYellow#A25410
terminal.background#F4EEE1
terminal.findMatchBackground#DFC2AA
terminal.findMatchBorder#C3228E
terminal.foreground#24163B
terminal.hoverBackground#E6D6C1
terminal.selectionBackground#DFC2AA
terminal.tab.activeBackground#F4EEE1
terminal.tab.activeForeground#24163B
terminal.tab.inactiveBackground#ECE5D5
terminal.tab.inactiveForeground#574979
terminalPanel.dropBackground#E6D6C1
terminalPanel.findMatchBackground#DFC2AA
terminalPanel.findMatchBorder#C3228E
terminalPanel.settingsDescription.foreground#574979
terminalPanel.settingsHeading.foreground#24163B
terminalPanelHeader.background#ECE5D5
textLink.activeForeground#C3228E
textLink.foreground#AE296B
textPreformat.foreground#24163B
titleBar.activeBackground#ECE5D5
titleBar.activeForeground#24163B
titleBar.inactiveBackground#F4EEE1
titleBar.inactiveForeground#574979
tooltip.background#ECE5D5
tooltip.border#CDAEA2
tooltip.foreground#24163B
tree.findMatchForeground#24163B
tree.indentGuidesStroke#CDAEA2
walkThrough.embeddedEditorBackground#00000022
walkthrough.foreground#24163B
walkthrough.stepTitle.foreground#24163B
welcomePage.foreground#24163B
widget.shadow#00000022

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment, comment.block, comment.line, comment.documentation	#7A6F9B	italic
constant, variable.language, variable.other.constant	#4D3781	—
string, punctuation.definition.string, string.quoted, string.interpolated, string.heredoc, string.template, string.regexp, string.other	#B64820	italic
constant.numeric, number, hex, binary	#955F0F	bold
keyword, storage.type, storage.modifier, punctuation.definition.keyword, keyword.control, keyword.operator, keyword.other	#8930A6	bold
function, entity.name.function, support.function, meta.function-call	#AE296B	bold
variable, variable.other, variable.readwrite, variable.parameter, variable.other.property, variable.other.readwrite	#4D3781	—
entity.name.class, entity.name.type, entity.name.trait, support.type, support.class, struct, class, interface, enum, type, type.annotation	#1D7187	bold
operator, punctuation.definition.operator, arithmetic, logical, bitwise	#7F5893	—
entity.name.tag, meta.tag, markup.heading, markup.raw	#8930A6	bold
constant.character, constant.character.escape	#B64820	italic
invalid, invalid.illegal, invalid.deprecated	#B12531	italic
meta.diff.header, punctuation.definition.diff	#1D7187	—
markup.inserted, markup.deleted, markup.changed	#24163B	—