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

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