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 — Alpenglow

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

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...
~/my-project

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.background#1A0505
activityBar.border#4D1818
activityBar.foreground#C4A398
activityBar.inactiveForeground#8B6B6B
activityBarBadge.background#FF6B8A
activityBarBadge.foreground#1A0505
badge.background#FF6B8ACC
badge.foreground#1A0505
breadcrumb.background#1A0505
breadcrumb.focusForeground#F5E6DC
breadcrumb.foreground#8B6B6B
button.background#FF6B8A
button.foreground#1A0505
button.hoverBackground#FF6B9D
button.secondaryForeground#F5E6DC
chat.background#1A0505
chat.border#4D1818
chat.copilotMessageBackground#2D0A0A
chat.copilotMessageBorder#4D1818
chat.copilotMessageForeground#F5E6DC
chat.foreground#F5E6DC
chat.inputBackground#2D0A0A
chat.inputTextColor#F5E6DC
chat.reasoningBackground#3D1212
chat.reasoningBorder#4D1818
chat.reasoningForeground#F5E6DC
chatAvatarBackground#4D1818
chatAvatarForeground#F5E6DC
checkbox.activeBackground#FF6B8A
checkbox.border#4D1818
checkbox.foreground#F5E6DC
debugConsole.errorForeground#FF4444
debugConsole.infoForeground#F5E6DC
debugConsole.sourceForeground#C4A398
debugConsole.warningForeground#FF8844
debugConsoleInput.background#2D0A0A
debugConsoleInput.foreground#F5E6DC
debugExceptionWidget.background#2D0A0A
debugExceptionWidget.border#FF4444
debugToolBar.background#2D0A0A
debugToolBar.border#4D1818
descriptionForeground#C4A398
diffEditor.insertedTextBackground#E85D7533
diffEditor.removedTextBackground#FF444433
dropdown.background#2D0A0A
dropdown.border#4D1818
dropdown.foreground#F5E6DC
dropdown.listBackground#2D0A0A
editor.background#1A0505
editor.findMatchBackground#3D1212
editor.findMatchHighlightBackground#3D1212
editor.findRangeHighlightBackground#3D1212
editor.foreground#F5E6DC
editor.hoverHighlightBackground#3D1212
editor.inactiveSelectionBackground#5A1E1E
editor.inactiveSelectionForeground#F5E6DC
editor.lineHighlightBackground#3D1212
editor.lineHighlightBorder#4D1818
editor.rangeHighlightBackground#3D1212
editor.selectionBackground#5A1E1E
editor.selectionForeground#F5E6DC
editor.selectionHighlightBackground#3D1212
editor.wordHighlightBackground#3D1212
editor.wordHighlightStrongBackground#5A1E1E
editorBracketMatch.background#5A1E1E
editorBracketMatch.border#FF6B8A
editorCursor.foreground#FF6B9D
editorGroup.background#1A0505
editorGroup.border#4D1818
editorGroup.dropBackground#3D121266
editorGroupHeader.background#2D0A0A
editorGroupHeader.noTabsBackground#1A0505
editorGroupHeader.tabsActiveForeground#F5E6DC
editorGroupHeader.tabsBackground#2D0A0A
editorGroupHeader.tabsForeground#8B6B6B
editorGutter.addedBackground#E85D75
editorGutter.background#1A0505
editorGutter.deletedBackground#FF4444
editorGutter.modifiedBackground#FF8844
editorHoverWidget.background#2D0A0A
editorHoverWidget.border#4D1818
editorHoverWidget.foreground#F5E6DC
editorIndentGuide.activeBackground#8B6B6B80
editorIndentGuide.background#4D181888
editorLineNumber.activeForeground#C4A398
editorLineNumber.foreground#8B6B6B
editorOverviewRuler.bracketMatchForeground#FF6B8A
editorSuggestWidget.background#3D1212
editorSuggestWidget.border#4D1818
editorSuggestWidget.focusHighlightForeground#FF6B9D
editorSuggestWidget.foreground#F5E6DC
editorSuggestWidget.highlightForeground#FF6B9D
editorSuggestWidget.selectedBackground#5A1E1E
editorSuggestWidget.selectedForeground#F5E6DC
editorSuggestWidget.statusForeground#C4A398
editorWhitespace.foreground#4D181888
editorWidget.background#2D0A0A
extensionAuthor.foreground#C4A398
extensionButton.foreground#F5E6DC
extensionButton.hoverForeground#F5E6DC
extensionDescription.foreground#C4A398
extensionName.foreground#F5E6DC
inlineSuggest.background#3D1212
inlineSuggest.border#4D1818
inlineSuggest.foreground#F5E6DC
input.background#2D0A0A
input.border#4D1818
input.foreground#F5E6DC
input.placeholderForeground#8B6B6B
inputOption.activeBorder#FF6B9D
list.activeSelectionBackground#3D1212
list.activeSelectionForeground#F5E6DC
list.filterMatchBackground#3D1212
list.focusBackground#3D1212
list.highlightForeground#FF6B9D
list.hoverBackground#3D1212
list.hoverForeground#F5E6DC
list.inactiveSelectionBackground#2D0A0A
list.inactiveSelectionForeground#C4A398
menubar.selectionBackground#3D1212
menubar.selectionForeground#F5E6DC
merge.currentBackground#3D1212
merge.currentHeaderBackground#5A1E1E
merge.incomingBackground#2D0A0A
merge.incomingHeaderBackground#3D1212
minimap.findMatchHighlight#FF6B9D
minimap.selectionHighlight#5A1E1E
notebook.cellEditorBackground#1A0505
notebook.cellToolbarSeparator#4D1818
notebook.focusedEditorBorder#FF6B9D
notebook.outputContainerBackground#1A0505
notebook.selectedCellBackground#5A1E1E
notebook.selectedCellBorder#FF6B9D
notebook.unfocusedEditorBorder#4D1818
notificationCenterHeader.background#2D0A0A
notificationCenterHeader.foreground#F5E6DC
notificationLink.foreground#FFB3C6
notifications.background#2D0A0A
notifications.foreground#F5E6DC
panel.background#2D0A0A
panel.border#4D1818
panelSection.border#4D1818
panelSection.dropBackground#3D1212
panelSectionHeader.background#2D0A0A
panelSectionHeader.foreground#F5E6DC
panelTitle.activeBorder#FF6B9D
panelTitle.activeForeground#F5E6DC
panelTitle.inactiveForeground#C4A398
peekView.border#FF6B9D
peekViewEditor.background#1A0505
peekViewEditor.matchHighlightBackground#3D1212
peekViewResult.background#2D0A0A
peekViewResult.fileForeground#FFA07A
peekViewResult.lineForeground#C4A398
peekViewResult.matchHighlightBackground#3D1212
peekViewResult.selectionBackground#3D1212
peekViewResult.selectionForeground#F5E6DC
peekViewTitle.background#2D0A0A
peekViewTitleDescription.foreground#C4A398
peekViewTitleLabel.foreground#F5E6DC
pickerGroup.border#FF6B9D99
pickerGroup.foreground#FF6B9D99
problemsErrorIcon.foreground#FF4444
problemsInfoIcon.foreground#E85D75
problemsWarningIcon.foreground#FF8844
progressBar.background#FF6B8A
quickInput.background#2D0A0A
quickInput.border#4D1818
quickInput.descriptionBackground#2D0A0A
quickInput.descriptionForeground#C4A398
quickInput.foreground#F5E6DC
quickInput.listBackground#2D0A0A
quickInput.listFocusBackground#3D1212
quickInput.listFocusForeground#F5E6DC
quickInput.listHoverBackground#3D1212
quickInput.listHoverForeground#F5E6DC
quickInput.titleBackground#2D0A0A
quickInput.titleForeground#F5E6DC
sash.hoverBorder#FF6B9D
scrollbar.shadow#00000066
scrollbarSlider.activeBackground#FF6B8A88
scrollbarSlider.background#4D181888
scrollbarSlider.hoverBackground#5A1E1E88
selection.background#5A1E1E
settings.checkboxForeground#F5E6DC
settings.descriptionForeground#C4A398
settings.dropdownForeground#F5E6DC
settings.headerForeground#F5E6DC
settings.inputForeground#F5E6DC
settings.textForeground#F5E6DC
sideBar.background#2D0A0A
sideBar.foreground#C4A398
sideBarSectionHeader.background#2D0A0A
sideBarSectionHeader.foreground#F5E6DC
sideBarTitle.foreground#F5E6DC
statusBar.background#FF6B8A
statusBar.border#4D1818
statusBar.debuggingBackground#FF6B8A
statusBar.foreground#1A0505
statusBar.noFolderBackground#FF6B8A
statusBarItem.activeBackground#3D1212
statusBarItem.hoverBackground#D94A6A
statusBarItem.prominentBackground#2D0A0A
statusBarItem.prominentHoverBackground#D94A6A
statusBarItem.remoteBackground#3D1212
surface.border#4D1818
tab.activeBackground#1A0505
tab.activeBorderTop#FF6B8A
tab.activeForeground#F5E6DC
tab.activeModifiedBorder#FF6B8A
tab.border#4D1818
tab.inactiveBackground#2D0A0A
tab.inactiveForeground#8B6B6B
tab.lastPinnedBorder#1A0505
tab.unfocusedActiveBackground#1A0505
tab.unfocusedActiveBorderTop#FF6B8A
tab.unfocusedActiveForeground#F5E6DC
tab.unfocusedInactiveBackground#2D0A0A
tab.unfocusedInactiveForeground#8B6B6B
terminal.ansiBlack#1A0505
terminal.ansiBlue#E85D75
terminal.ansiBrightBlack#4D1818
terminal.ansiBrightBlue#E85D75
terminal.ansiBrightCyan#FFB3C6
terminal.ansiBrightGreen#E85D75
terminal.ansiBrightMagenta#FF6B8A
terminal.ansiBrightRed#FF4444
terminal.ansiBrightWhite#F5E6DC
terminal.ansiBrightYellow#FF8844
terminal.ansiCyan#FFB3C6
terminal.ansiGreen#E85D75
terminal.ansiMagenta#FF6B8A
terminal.ansiRed#FF4444
terminal.ansiWhite#C4A398
terminal.ansiYellow#FF8844
terminal.background#1A0505
terminal.findMatchBackground#5A1E1E
terminal.findMatchBorder#FF6B9D
terminal.foreground#F5E6DC
terminal.hoverBackground#3D1212
terminal.selectionBackground#5A1E1E
terminal.tab.activeBackground#1A0505
terminal.tab.activeForeground#F5E6DC
terminal.tab.inactiveBackground#2D0A0A
terminal.tab.inactiveForeground#C4A398
terminalPanel.dropBackground#3D1212
terminalPanel.findMatchBackground#5A1E1E
terminalPanel.findMatchBorder#FF6B9D
terminalPanel.settingsDescription.foreground#C4A398
terminalPanel.settingsHeading.foreground#F5E6DC
terminalPanelHeader.background#2D0A0A
textLink.activeForeground#FF6B9D
textLink.foreground#FFB3C6
textPreformat.foreground#F5E6DC
titleBar.activeBackground#2D0A0A
titleBar.activeForeground#F5E6DC
titleBar.inactiveBackground#1A0505
titleBar.inactiveForeground#8B6B6B
tooltip.background#2D0A0A
tooltip.border#4D1818
tooltip.foreground#F5E6DC
tree.findMatchForeground#F5E6DC
tree.indentGuidesStroke#4D1818
walkThrough.embeddedEditorBackground#00000033
walkthrough.foreground#F5E6DC
walkthrough.stepTitle.foreground#F5E6DC
welcomePage.foreground#F5E6DC
widget.shadow#00000066

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment, comment.block, comment.line, comment.documentation	#8B6B6B	italic
constant, variable.language, variable.other.constant	#FFA07A	—
string, punctuation.definition.string, string.quoted, string.interpolated, string.heredoc, string.template, string.regexp, string.other	#FF9F6C	italic
constant.numeric, number, hex, binary	#FF7E67	bold
keyword, storage.type, storage.modifier, punctuation.definition.keyword, keyword.control, keyword.operator, keyword.other	#FF6B8A	bold
function, entity.name.function, support.function, meta.function-call	#FFB3C6	bold
variable, variable.other, variable.readwrite, variable.parameter, variable.other.property, variable.other.readwrite	#FFA07A	—
entity.name.class, entity.name.type, entity.name.trait, support.type, support.class, struct, class, interface, enum, type, type.annotation	#E85D75	bold
operator, punctuation.definition.operator, arithmetic, logical, bitwise	#CC7A8E	—
entity.name.tag, meta.tag, markup.heading, markup.raw	#FF6B8A	bold
constant.character, constant.character.escape	#FF9F6C	italic
invalid, invalid.illegal, invalid.deprecated	#FF4444	italic
meta.diff.header, punctuation.definition.diff	#E85D75	—
markup.inserted, markup.deleted, markup.changed	#F5E6DC	—