Foreglow Theme

Name: Foreglow Theme
Author: Foreglow

Publisher: ForeglowThemes in package: 4

Foreglow theme for Visual Studio Code

Open in VS Code GitHub

Color themes

VS Code preview

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

Foreglow Theme — Afterglow Theme Soft

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#7A6F9B
badge.background#E6D6C1
badge.foreground#24163B
breadcrumb.background#F4EEE1
breadcrumb.focusForeground#24163B
breadcrumb.foreground#7A6F9B
button.background#8930A6
button.foreground#F4EEE1
button.hoverBackground#C3228E
checkbox.activeBackground#8930A6
checkbox.border#CDAEA2
diffEditor.insertedTextBackground#22775B33
diffEditor.removedTextBackground#B1253133
dropdown.background#F4EEE1
dropdown.border#CDAEA2
dropdown.foreground#24163B
editor.background#F4EEE1
editor.findMatchBackground#E6D6C1
editor.findMatchHighlightBackground#ECE5D5
editor.foreground#24163B
editor.inactiveSelectionBackground#DFC2AA
editor.lineHighlightBackground#E6D6C1
editor.selectionBackground#DFC2AA
editor.selectionHighlightBackground#E6D6C1
editorBracketMatch.background#DFC2AA
editorBracketMatch.border#8930A6
editorCursor.foreground#C3228E
editorGutter.addedBackground#22775B
editorGutter.background#F4EEE1
editorGutter.deletedBackground#B12531
editorGutter.modifiedBackground#A25410
editorIndentGuide.activeBackground#7A6F9B
editorIndentGuide.background#CDAEA2
editorLineNumber.activeForeground#574979
editorLineNumber.foreground#7A6F9B
editorOverviewRuler.bracketMatchForeground#8930A6
editorWhitespace.foreground#CDAEA2
input.background#F4EEE1
input.border#CDAEA2
input.foreground#24163B
input.placeholderForeground#7A6F9B
inputOption.activeBorder#C3228E
list.activeSelectionBackground#E6D6C1
list.activeSelectionForeground#24163B
list.focusBackground#E6D6C1
list.highlightForeground#C3228E
list.hoverBackground#E6D6C1
list.inactiveSelectionBackground#ECE5D5
list.inactiveSelectionForeground#574979
merge.currentBackground#E6D6C1
merge.currentHeaderBackground#DFC2AA
merge.incomingBackground#F4EEE1
merge.incomingHeaderBackground#E6D6C1
minimap.findMatchHighlight#C3228E
notificationCenterHeader.background#F4EEE1
notificationCenterHeader.foreground#24163B
notificationLink.foreground#AE296B
notifications.background#F4EEE1
notifications.foreground#24163B
panel.background#F4EEE1
panel.border#CDAEA2
peekView.border#C3228E
peekViewEditor.background#F4EEE1
peekViewEditor.matchHighlightBackground#E6D6C1
peekViewResult.background#F4EEE1
peekViewResult.selectionBackground#E6D6C1
peekViewResult.selectionForeground#24163B
problemsErrorIcon.foreground#B12531
problemsInfoIcon.foreground#1D7187
problemsWarningIcon.foreground#A25410
progressBar.background#8930A6
scrollbar.shadow#00000022
scrollbarSlider.activeBackground#8930A688
scrollbarSlider.background#CDAEA288
scrollbarSlider.hoverBackground#DFC2AA88
sideBar.background#F4EEE1
sideBar.foreground#574979
sideBarSectionHeader.background#F4EEE1
sideBarSectionHeader.foreground#24163B
statusBar.background#F4EEE1
statusBar.border#CDAEA2
statusBar.foreground#24163B
statusBar.noFolderBackground#F4EEE1
tab.activeBackground#F4EEE1
tab.activeForeground#24163B
tab.border#CDAEA2
tab.inactiveBackground#F4EEE1
tab.inactiveForeground#7A6F9B
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.foreground#24163B
titleBar.activeBackground#F4EEE1
titleBar.activeForeground#24163B
titleBar.inactiveBackground#F4EEE1
titleBar.inactiveForeground#7A6F9B
tree.indentGuidesStroke#CDAEA2
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	—
constant.numeric, number, hex, binary	#955F0F	—
keyword, storage.type, storage.modifier, punctuation.definition.keyword, keyword.control, keyword.operator, keyword.other	#8930A6	—
function, entity.name.function, support.function, meta.function-call	#AE296B	—
variable, variable.other, variable.readwrite, variable.parameter	#4D3781	—
entity.name.class, entity.name.type, entity.name.trait, support.type, support.class, struct, class, interface, enum, type, type.annotation	#1D7187	—
operator, punctuation.definition.operator, arithmetic, logical, bitwise	#7F5893	—
entity.name.tag, meta.tag, markup.heading, markup.raw	#8930A6	—
constant.character, constant.character.escape	#B64820	—
invalid, invalid.illegal, invalid.deprecated	#B12531	italic
meta.diff.header, punctuation.definition.diff	#1D7187	—
markup.inserted, markup.deleted, markup.changed	#24163B	—