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

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#0A1A1F
activityBar.border#2A4A50
activityBar.foreground#7A9AA0
activityBar.inactiveForeground#5A8A90
activityBarBadge.background#2EE8C8
activityBarBadge.foreground#0A1A1F
badge.background#2EE8C8CC
badge.foreground#0A1A1F
breadcrumb.background#0A1A1F
breadcrumb.focusForeground#E0F0F5
breadcrumb.foreground#5A8A90
button.background#2EE8C8
button.foreground#0A1A1F
button.hoverBackground#5AFAE0
button.secondaryForeground#E0F0F5
chat.background#0A1A1F
chat.border#2A4A50
chat.copilotMessageBackground#0F2024
chat.copilotMessageBorder#2A4A50
chat.copilotMessageForeground#E0F0F5
chat.foreground#E0F0F5
chat.inputBackground#0F2024
chat.inputTextColor#E0F0F5
chat.reasoningBackground#162E34
chat.reasoningBorder#2A4A50
chat.reasoningForeground#E0F0F5
chatAvatarBackground#2A4A50
chatAvatarForeground#E0F0F5
checkbox.activeBackground#2EE8C8
checkbox.border#2A4A50
checkbox.foreground#E0F0F5
debugConsole.errorForeground#E87070
debugConsole.infoForeground#E0F0F5
debugConsole.sourceForeground#7A9AA0
debugConsole.warningForeground#D4B870
debugConsoleInput.background#0F2024
debugConsoleInput.foreground#E0F0F5
debugExceptionWidget.background#0F2024
debugExceptionWidget.border#E87070
debugToolBar.background#0F2024
debugToolBar.border#2A4A50
descriptionForeground#7A9AA0
diffEditor.insertedTextBackground#4AC87833
diffEditor.removedTextBackground#E8707033
dropdown.background#0F2024
dropdown.border#2A4A50
dropdown.foreground#E0F0F5
dropdown.listBackground#0F2024
editor.background#0A1A1F
editor.findMatchBackground#0F2024
editor.findMatchHighlightBackground#0F2024
editor.findRangeHighlightBackground#0F2024
editor.foreground#E0F0F5
editor.hoverHighlightBackground#0F2024
editor.inactiveSelectionBackground#162E34
editor.inactiveSelectionForeground#E0F0F5
editor.lineHighlightBackground#0F2024
editor.lineHighlightBorder#2A4A50
editor.rangeHighlightBackground#0F2024
editor.selectionBackground#162E34
editor.selectionForeground#E0F0F5
editor.selectionHighlightBackground#0F2024
editor.wordHighlightBackground#0F2024
editor.wordHighlightStrongBackground#162E34
editorBracketMatch.background#162E34
editorBracketMatch.border#2EE8C8
editorCursor.foreground#2EE8C8
editorGroup.background#0A1A1F
editorGroup.border#2A4A50
editorGroup.dropBackground#162E3466
editorGroupHeader.background#0F2024
editorGroupHeader.noTabsBackground#0A1A1F
editorGroupHeader.tabsActiveForeground#E0F0F5
editorGroupHeader.tabsBackground#0F2024
editorGroupHeader.tabsForeground#5A8A90
editorGutter.addedBackground#4AC878
editorGutter.background#0A1A1F
editorGutter.deletedBackground#E87070
editorGutter.modifiedBackground#D4B870
editorHoverWidget.background#0F2024
editorHoverWidget.border#2A4A50
editorHoverWidget.foreground#E0F0F5
editorIndentGuide.activeBackground#5A8A9080
editorIndentGuide.background#2A4A5088
editorLineNumber.activeForeground#7A9AA0
editorLineNumber.foreground#5A8A90
editorOverviewRuler.bracketMatchForeground#2EE8C8
editorSuggestWidget.background#162E34
editorSuggestWidget.border#2A4A50
editorSuggestWidget.focusHighlightForeground#2EE8C8
editorSuggestWidget.foreground#E0F0F5
editorSuggestWidget.highlightForeground#2EE8C8
editorSuggestWidget.selectedBackground#1A3338
editorSuggestWidget.selectedForeground#E0F0F5
editorSuggestWidget.statusForeground#7A9AA0
editorWhitespace.foreground#2A4A5088
editorWidget.background#0F2024
extensionAuthor.foreground#7A9AA0
extensionButton.foreground#E0F0F5
extensionButton.hoverForeground#E0F0F5
extensionDescription.foreground#7A9AA0
extensionName.foreground#E0F0F5
inlineSuggest.background#162E34
inlineSuggest.border#2A4A50
inlineSuggest.foreground#E0F0F5
input.background#0F2024
input.border#2A4A50
input.foreground#E0F0F5
input.placeholderForeground#5A8A90
inputOption.activeBorder#2EE8C8
list.activeSelectionBackground#162E34
list.activeSelectionForeground#E0F0F5
list.filterMatchBackground#162E34
list.focusBackground#162E34
list.highlightForeground#2EE8C8
list.hoverBackground#162E34
list.hoverForeground#E0F0F5
list.inactiveSelectionBackground#0F2024
list.inactiveSelectionForeground#7A9AA0
menubar.selectionBackground#162E34
menubar.selectionForeground#E0F0F5
merge.currentBackground#162E34
merge.currentHeaderBackground#1A3338
merge.incomingBackground#0F2024
merge.incomingHeaderBackground#162E34
minimap.findMatchHighlight#2EE8C8
minimap.selectionHighlight#162E34
notebook.cellEditorBackground#0A1A1F
notebook.cellToolbarSeparator#2A4A50
notebook.focusedEditorBorder#2EE8C8
notebook.outputContainerBackground#0A1A1F
notebook.selectedCellBackground#162E34
notebook.selectedCellBorder#2EE8C8
notebook.unfocusedEditorBorder#2A4A50
notificationCenterHeader.background#0F2024
notificationCenterHeader.foreground#E0F0F5
notificationLink.foreground#C8A0E8
notifications.background#0F2024
notifications.foreground#E0F0F5
panel.background#0F2024
panel.border#2A4A50
panelSection.border#2A4A50
panelSection.dropBackground#162E34
panelSectionHeader.background#0F2024
panelSectionHeader.foreground#E0F0F5
panelTitle.activeBorder#2EE8C8
panelTitle.activeForeground#E0F0F5
panelTitle.inactiveForeground#7A9AA0
peekView.border#2EE8C8
peekViewEditor.background#0A1A1F
peekViewEditor.matchHighlightBackground#162E34
peekViewResult.background#0F2024
peekViewResult.fileForeground#8BC4D4
peekViewResult.lineForeground#7A9AA0
peekViewResult.matchHighlightBackground#162E34
peekViewResult.selectionBackground#162E34
peekViewResult.selectionForeground#E0F0F5
peekViewTitle.background#0F2024
peekViewTitleDescription.foreground#7A9AA0
peekViewTitleLabel.foreground#E0F0F5
pickerGroup.border#2EE8C899
pickerGroup.foreground#2EE8C899
problemsErrorIcon.foreground#E87070
problemsInfoIcon.foreground#4AA8D0
problemsWarningIcon.foreground#D4B870
progressBar.background#2EE8C8
quickInput.background#0F2024
quickInput.border#2A4A50
quickInput.descriptionBackground#0F2024
quickInput.descriptionForeground#7A9AA0
quickInput.foreground#E0F0F5
quickInput.listBackground#0F2024
quickInput.listFocusBackground#162E34
quickInput.listFocusForeground#E0F0F5
quickInput.listHoverBackground#162E34
quickInput.listHoverForeground#E0F0F5
quickInput.titleBackground#0F2024
quickInput.titleForeground#E0F0F5
sash.hoverBorder#2EE8C8
scrollbar.shadow#00000066
scrollbarSlider.activeBackground#2EE8C888
scrollbarSlider.background#2A4A5088
scrollbarSlider.hoverBackground#162E3488
selection.background#162E34
settings.checkboxForeground#E0F0F5
settings.descriptionForeground#7A9AA0
settings.dropdownForeground#E0F0F5
settings.headerForeground#E0F0F5
settings.inputForeground#E0F0F5
settings.textForeground#E0F0F5
sideBar.background#0F2024
sideBar.foreground#7A9AA0
sideBarSectionHeader.background#0F2024
sideBarSectionHeader.foreground#E0F0F5
sideBarTitle.foreground#E0F0F5
statusBar.background#2EE8C8
statusBar.border#2A4A50
statusBar.debuggingBackground#2EE8C8
statusBar.foreground#0A1A1F
statusBar.noFolderBackground#2EE8C8
statusBarItem.activeBackground#0F2024
statusBarItem.hoverBackground#20B898
statusBarItem.prominentBackground#0F2024
statusBarItem.prominentHoverBackground#20B898
statusBarItem.remoteBackground#162E34
surface.border#2A4A50
tab.activeBackground#0A1A1F
tab.activeBorderTop#2EE8C8
tab.activeForeground#E0F0F5
tab.activeModifiedBorder#2EE8C8
tab.border#2A4A50
tab.inactiveBackground#0F2024
tab.inactiveForeground#5A8A90
tab.lastPinnedBorder#0A1A1F
tab.unfocusedActiveBackground#0A1A1F
tab.unfocusedActiveBorderTop#2EE8C8
tab.unfocusedActiveForeground#E0F0F5
tab.unfocusedInactiveBackground#0F2024
tab.unfocusedInactiveForeground#5A8A90
terminal.ansiBlack#0A1A1F
terminal.ansiBlue#4AA8D0
terminal.ansiBrightBlack#2A4A50
terminal.ansiBrightBlue#4AA8D0
terminal.ansiBrightCyan#2EE8C8
terminal.ansiBrightGreen#4AC878
terminal.ansiBrightMagenta#8A6AD0
terminal.ansiBrightRed#E87070
terminal.ansiBrightWhite#E0F0F5
terminal.ansiBrightYellow#D4B870
terminal.ansiCyan#2EE8C8
terminal.ansiGreen#4AC878
terminal.ansiMagenta#8A6AD0
terminal.ansiRed#E87070
terminal.ansiWhite#7A9AA0
terminal.ansiYellow#D4B870
terminal.background#0A1A1F
terminal.findMatchBackground#162E34
terminal.findMatchBorder#2EE8C8
terminal.foreground#E0F0F5
terminal.hoverBackground#162E34
terminal.selectionBackground#162E34
terminal.tab.activeBackground#0A1A1F
terminal.tab.activeForeground#E0F0F5
terminal.tab.inactiveBackground#0F2024
terminal.tab.inactiveForeground#7A9AA0
terminalPanel.dropBackground#162E34
terminalPanel.findMatchBackground#162E34
terminalPanel.findMatchBorder#2EE8C8
terminalPanel.settingsDescription.foreground#7A9AA0
terminalPanel.settingsHeading.foreground#E0F0F5
terminalPanelHeader.background#0F2024
textLink.activeForeground#2EE8C8
textLink.foreground#C8A0E8
textPreformat.foreground#E0F0F5
titleBar.activeBackground#0F2024
titleBar.activeForeground#E0F0F5
titleBar.inactiveBackground#0A1A1F
titleBar.inactiveForeground#5A8A90
tooltip.background#0F2024
tooltip.border#2A4A50
tooltip.foreground#E0F0F5
tree.findMatchForeground#E0F0F5
tree.indentGuidesStroke#2A4A50
walkThrough.embeddedEditorBackground#00000033
walkthrough.foreground#E0F0F5
walkthrough.stepTitle.foreground#E0F0F5
welcomePage.foreground#E0F0F5
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	#5A8A90	italic
constant, variable.language, variable.other.constant	#8BC4D4	—
string, punctuation.definition.string, string.quoted, string.interpolated, string.heredoc, string.template, string.regexp, string.other	#7DD8A8	italic
constant.numeric, number, hex, binary	#D4B870	bold
keyword, storage.type, storage.modifier, punctuation.definition.keyword, keyword.control, keyword.operator, keyword.other	#2EE8C8	bold
function, entity.name.function, support.function, meta.function-call	#C8A0E8	bold
variable, variable.other, variable.readwrite, variable.parameter, variable.other.property, variable.other.readwrite	#8BC4D4	—
entity.name.class, entity.name.type, entity.name.trait, support.type, support.class, struct, class, interface, enum, type, type.annotation	#4AA8D0	bold
operator, punctuation.definition.operator, arithmetic, logical, bitwise	#6A9AA0	—
entity.name.tag, meta.tag, markup.heading, markup.raw	#2EE8C8	bold
constant.character, constant.character.escape	#7DD8A8	italic
invalid, invalid.illegal, invalid.deprecated	#E87070	italic
meta.diff.header, punctuation.definition.diff	#4AA8D0	—
markup.inserted, markup.deleted, markup.changed	#E0F0F5	—