Gossamer Theme Collection

Name: Gossamer Theme Collection
Author: Talovsky

Publisher: TalovskyThemes in package: 11

Calm and soft themes

Open in VS Code GitHub

Color themes

VS Code preview

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

Gossamer Theme Collection — Gossamer Faded

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.activeBackgrounddefault
activityBar.background#30343D
activityBar.borderdefault
activityBar.foreground#ADB2BD
activityBarBadge.background#73ADE9FF
activityBarBadge.foreground#292C32
activityBarTop.background#30343D
activityBarTop.foreground#ADB2BD
activityErrorBadge.background#d07277ff
activityErrorBadge.foreground#C37779
activityWarningBadge.background#dfc184
badge.background#73ADE9FF
badge.foreground#292C32
banner.background#30343D
banner.foreground#ADB2BD
breadcrumb.background#2A2C31
breadcrumb.foreground#ADB2BD
button.background#73ADE9FF
button.border#464b57ff
button.foreground#292C32
button.hoverBackground#82a1d3e0
charts.foreground#ADB2BD
chat.avatarBackground#292C32
chat.avatarForeground#ADB2BD
chat.linesAddedForeground#A1C1813b
chat.linesRemovedForeground#C377793b
chat.requestBackground#5e636e46
chat.requestBorder#5e636e46
checkbox.background#30343D
checkbox.border#464b57ff
checkbox.foreground#ADB2BD
checkbox.selectBackground#30343D
commandCenter.backgrounddefault
commandCenter.foreground#ADB2BD
contrastBorder#464b57ff
debugConsole.errorForeground#C37779
debugToolBar.background#C37779
debugToolBar.borderdefault
descriptionForeground#ADB2BD
diffEditor.borderdefault
diffEditor.insertedLineBackground#a1c1811a
diffEditor.insertedTextBackground#a1c1811a
diffEditor.removedLineBackground#d072771a
diffEditor.removedTextBackground#d072771a
diffEditor.removedTextBorder#C3777900
diffEditor.unchangedRegionShadow#202329
diffEditorGutter.insertedLineBackground#a1c1811a
diffEditorGutter.removedLineBackground#d072771a
disabledForeground#5E636E
dropdown.background#30343D
dropdown.border#464b57ff
dropdown.foreground#ADB2BD
dropdown.listBackground#30343D
editor.background#292C32
editor.findMatchBackground#adb2bd3b
editor.findMatchHighlightBackground#63677046
editor.findRangeHighlightBackground#63677046
editor.foldBackground#adb2bd3b
editor.foreground#ADB2BD
editor.hoverHighlightBackground#63677046
editor.inactiveSelectionBackground#adb2bd3b
editor.lineHighlightBackground#63677014
editor.rangeHighlightBackground#63677046
editor.selectionBackground#adb2bd3b
editor.selectionHighlightBackground#adb2bd3b
editor.symbolHighlightBackground#63677046
editor.wordHighlightBackground#63677046
editor.wordHighlightStrongBackground#63677046
editor.wordHighlightTextBackground#63677046
editorActionList.background#30343D
editorBracketHighlight.foreground1#ADB2BD
editorBracketHighlight.foreground2#C37779
editorBracketHighlight.foreground3#b477cfff
editorBracketHighlight.foreground4#7EB2BD
editorBracketHighlight.foreground5#dfc184
editorBracketHighlight.foreground6#A1C181
editorBracketMatch.background#63677046
editorBracketMatch.border#6367705f
editorBracketPairGuide.activeBackground1#63677046
editorCursor.background#73ADE9FF
editorCursor.foreground#7DA7DE
editorError.backgrounddefault
editorError.borderdefault
editorError.foreground#C37779
editorGhostText.backgrounddefault
editorGroup.borderdefault
editorGroup.dropBackground#adb2bd3b
editorGroupHeader.tabsBackground#30343D
editorGutter.addedBackground#A1C181
editorGutter.addedSecondaryBackground#a1c1819d
editorGutter.background#2A2C31
editorGutter.deletedBackground#d07277ff
editorGutter.deletedSecondaryBackground#C377793b
editorGutter.itemBackground#202329
editorGutter.modifiedBackground#7DA7DE
editorHint.borderdefault
editorHint.foreground#ADB2BD
editorInfo.background#adb2bd3b
editorInfo.borderdefault
editorInfo.foreground#ADB2BD
editorInlayHint.backgrounddefault
editorLineNumber.activeForeground#ADB2BD
editorLineNumber.dimmedForeground#adb2bd67
editorLineNumber.foreground#adb2bd55
editorMinimap.inlineChatInserted#adb2bd3b
editorOverviewRuler.addedForeground#A1C181
editorOverviewRuler.inlineChatRemoved#C377793b
editorPane.background#292C32
editorRuler.foreground#5E636E
editorStickyScroll.shadow#202329
editorStickyScrollGutter.background#2A2C31
editorStickyScrollHover.background#adb2bd0d
editorSuggestWidget.focusHighlightForeground#d07277ff
editorSuggestWidget.highlightForeground#d07277ff
editorWarning.background#2a2c3100
editorWidget.background#30343D
editorWidget.border#464b57ff
editorWidget.foreground#ADB2BD
errorForeground#C37779
extensionButton.backgrounddefault
focusBorder#464b57ff
foreground#ADB2BD
gauge.background#30343D
gauge.border#464b57ff
gauge.errorBackground#C377792e
gauge.errorForeground#C37779
gauge.foreground#ADB2BD
gauge.warningBackground#b898703b
gitDecoration.addedResourceForeground#A1C181
icon.foreground#ADB2BD
inlineChat.background#30343D
inlineChat.border#5e636e46
inlineChat.foreground#ADB2BD
inlineChat.shadow#202329
inlineChatDiff.removed#C377793b
inlineChatInput.backgrounddefault
inlineEdit.gutterIndicator.background#5e636e46
input.background#30343D
input.border#464b57ff
input.foreground#ADB2BD
inputValidation.errorBackground#C377792e
inputValidation.errorForeground#C37779
keybindingLabel.background#adb2bd3b
list.activeSelectionBackground#5e636e46
list.activeSelectionForeground#ADB2BD
list.dropBackground#5e636e46
list.dropBetweenBackground#5e636e46
list.errorForeground#C37779
list.filterMatchBackground#5e636e46
list.focusBackground#5e636e46
list.focusForeground#ADB2BD
list.focusHighlightForeground#ADB2BD
list.highlightForeground#ADB2BD
list.hoverBackground#5e636e46
list.hoverForeground#ADB2BD
list.inactiveFocusBackground#5e636e46
list.inactiveSelectionBackground#5e636e46
listFilterWidget.background#5e636e46
listFilterWidget.shadow#202329
menu.background#30343D
menu.border#464b57ff
menu.foreground#ADB2BD
menu.selectionBackground#adb2bd3b
menu.selectionForeground#ADB2BD
menu.separatorBackground#5e636e46
menubar.selectionBackground#adb2bd3b
merge.border#464b57ff
mergeEditor.conflict.handled.minimapOverViewRuler#adb2bd3b
mergeEditor.conflict.unhandled.minimapOverViewRuler#adb2bd3b
minimap.background#292C32
minimap.chatEditHighlight#adb2bd3b
minimap.errorHighlight#C37779
minimap.findMatchHighlight#adb2bd3b
minimap.foregroundOpacitydefault
minimap.infoHighlight#7DA7DE3b
minimap.selectionHighlight#adb2bd3b
minimap.selectionOccurrenceHighlight#adb2bd3b
minimap.warningHighlight#b89870
minimapGutter.addedBackground#A1C181
minimapGutter.deletedBackground#C377793b
minimapGutter.modifiedBackground#7DA7DE
minimapSlider.activeBackground#adb2bd3b
minimapSlider.background#adb2bd3b
minimapSlider.hoverBackground#adb2bd3b
multiDiffEditor.backgrounddefault
notebook.cellBorderColordefault
notebook.editorBackgrounddefault
notebookStatusErrorIcon.foreground#C37779
notifications.background#30343D
notifications.foreground#ADB2BD
notificationsErrorIcon.foreground#C37779
outputView.background#30343D
panel.background#292C32
panel.border#464b57ff
panel.dropBorderdefault
panelInput.borderdefault
panelSection.borderdefault
panelStickyScroll.shadow#202329
panelTitle.borderdefault
panelTitleBadge.background#73ADE9FF
panelTitleBadge.foreground#292C32
peekView.border#464b57ff
peekViewEditor.background#5e636e46
peekViewEditor.matchHighlightBackground#63677046
peekViewEditorGutter.background#202329
peekViewResult.background#30343D
peekViewResult.selectionBackground#adb2bd3b
peekViewTitle.background#30343D
pickerGroup.borderdefault
pickerGroup.foreground#ADB2BD
problemsErrorIcon.foreground#C37779
profileBadge.background#73ADE9FF
profileBadge.foreground#292C32
profiles.sashBorderdefault
progressBar.background#adb2bd3b
quickInput.background#30343D
quickInput.foreground#ADB2BD
radio.activeBackground#adb2bd3b
radio.activeBorderdefault
radio.activeForeground#7DA7DE
radio.inactiveBackground#30343D
radio.inactiveForeground#5E636E
sash.hoverBorderdefault
scmGraph.foreground1#ADB2BD
scmGraph.foreground2#C37779
scmGraph.foreground3#b477cfff
scmGraph.foreground4#dfc184
scmGraph.foreground5#A1C181
scmGraph.historyItemHoverDefaultLabelBackground#73ADE9FF
scrollbar.shadow#202329
selection.background#adb2bd3b
settings.sashBorderdefault
sideBar.background#30343D
sideBar.border#464b57ff
sideBar.dropBackground#adb2bd3b
sideBar.foreground#ADB2BD
sideBarSectionHeader.background#30343D
sideBarStickyScroll.shadow#202329
sideBarTitle.background#30343D
sideBarTitle.borderdefault
sideBarTitle.foreground#ADB2BD
statusBar.background#3C414C
statusBar.borderdefault
statusBar.debuggingBackground#7DA7DE
statusBar.foreground#ADB2BD
statusBarItem.errorBackground#C377792e
statusBarItem.errorForeground#C37779
statusBarItem.errorHoverForeground#C37779
symbolIcon.arrayForeground#ADB2BD
symbolIcon.booleanForeground#dfc184
symbolIcon.classForeground#dfc184
symbolIcon.colorForeground#C37779
symbolIcon.constantForeground#ADB2BD
symbolIcon.constructorForeground#7EB2BD
symbolIcon.enumeratorForeground#ADB2BD
symbolIcon.enumeratorMemberForeground#ADB2BD
symbolIcon.eventForeground#ADB2BD
symbolIcon.fieldForeground#ADB2BD
symbolIcon.fileForeground#ADB2BD
symbolIcon.folderForeground#ADB2BD
symbolIcon.functionForeground#ADB2BD
symbolIcon.interfaceForeground#ADB2BD
symbolIcon.keyForeground#ADB2BD
symbolIcon.keywordForeground#ADB2BD
symbolIcon.methodForeground#ADB2BD
symbolIcon.moduleForeground#ADB2BD
symbolIcon.namespaceForeground#ADB2BD
symbolIcon.nullForeground#ADB2BD
symbolIcon.numberForeground#ADB2BD
symbolIcon.variableForeground#ADB2BD
tab.activeBackground#292C32
tab.activeBorderdefault
tab.activeBorderTopdefault
tab.activeForeground#ADB2BD
tab.border#464b57ff
tab.hoverBackground#30343D
tab.hoverBorderdefault
tab.hoverForeground#ADB2BD
tab.inactiveBackground#30343D
tab.inactiveForeground#5E636E
tab.selectedBackground#30343D
tab.selectedBorderTopdefault
tab.selectedForeground#ADB2BD
terminal.background#292C32
terminal.borderdefault
terminal.dropBackground#adb2bd3b
terminal.findMatchHighlightBackground#63677046
terminal.foreground#ADB2BD
terminal.inactiveSelectionBackground#adb2bd3b
terminal.selectionBackground#adb2bd3b
terminalCursor.background#73ADE9FF
testing.coverCountBadgeBackground#73ADE9FF
testing.coveredBackground#adb2bd3b
testing.coveredGutterBackground#7DA7DE
testing.peekBorderdefault
textBlockQuote.backgrounddefault
textCodeBlock.backgrounddefault
textLink.foreground#7DA7DE
textPreformat.backgrounddefault
titleBar.activeBackground#3C414C
titleBar.border#464b57ff
titleBar.inactiveBackground#3C414C
toolbar.activeBackgrounddefault
toolbar.hoverBackground#5e636e46
welcomePage.background#292C32
widget.border#464b57ff
widget.shadow#202329

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
string	#A1C181	—
comment	#5E636E	—
keyword, storage	#b477cfff	—
meta.function, meta.function-call, entity.name.tag, entity.other.attribute-name.pseudo-class	#73ADE9FF	—
entity.name.type, meta.tag.attributes	#7EB2BD	—
variable, support.type.property-name	#d07277ff	—
variable.other.constant	#ADB2BD	—
constant.numeric, entity.other.attribute-name.class, keyword.other.unit	#dfc184	—
punctionation, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.definition.string.end, punctuation.definition.string.begin	#b477cfff	—