Igov's Theme Collection

Name: Igov's Theme Collection
Author: Tsvetan Igov

Publisher: Tsvetan IgovThemes in package: 2

A collection of VSCode skins that follow the same theme

Open in VS Code GitHub

Color themes

VS Code preview

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

Igov's Theme Collection — Igov's Theme - Amy

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.activeBackground#222638
activityBar.background#222638
activityBar.border#5980C366
activityBar.foreground#5980C3
activityBar.inactiveForeground#E2E8F3cc
activityBarBadge.background#5980C3
activityBarBadge.foreground#E2E8F3
badge.background#5980C3
badge.foreground#E2E8F3
breadcrumb.activeSelectionForeground#5980c3
breadcrumb.background#1E2131
breadcrumb.focusForeground#5980c3
breadcrumb.foreground#E2E8F3
button.background#5980C3
button.foreground#E2E8F3
button.hoverBackground#80A1DA
button.secondaryBackground#E2E8F333
button.secondaryForeground#E2E8F3
button.secondaryHoverBackground#80A1DA
checkbox.background#222638
checkbox.border#5980C3
checkbox.foreground#E2E8F3
debugExceptionWidget.background#222638
debugExceptionWidget.border#5980C3
debugToolBar.background#222638
debugToolBar.border#5980C3
diffEditor.border#00000000
diffEditor.insertedTextBackground#00D19933
diffEditor.insertedTextBorder#00000000
diffEditor.removedTextBackground#F9647233
diffEditor.removedTextBorder#00000000
dropdown.background#222638
dropdown.border#5980C3
dropdown.foreground#E2E8F3
editor.background#1E2131
editor.findMatchBackground#5980C366
editor.findMatchBorder#00000000
editor.findMatchHighlightBackground#222638
editor.findMatchHighlightBorder#5980C366
editor.findRangeHighlightBackground#222638
editor.findRangeHighlightBorder#00000000
editor.foldBackground#222638
editor.foreground#E2E8F3
editor.hoverHighlightBackground#5980C366
editor.inactiveSelectionBackground#5980C366
editor.lineHighlightBackground#222638
editor.lineHighlightBorder#00000000
editor.rangeHighlightBackground#5980C366
editor.rangeHighlightBorder#00000000
editor.selectionBackground#5980C366
editor.selectionHighlightBackground#5980C366
editor.selectionHighlightBorder#00000000
editor.wordHighlightBackground#5980C366
editor.wordHighlightBorder#00000000
editor.wordHighlightStrongBackground#5980C366
editor.wordHighlightStrongBorder#00000000
editorBracketHighlight.foreground1#FFE266
editorBracketHighlight.foreground2#00D199
editorBracketHighlight.foreground3#9585DD
editorBracketHighlight.foreground4#E57EC1
editorBracketHighlight.foreground5#5DF38A
editorBracketHighlight.foreground6#E4A93F
editorBracketHighlight.unexpectedBracket.foreground#F96472
editorBracketMatch.background#222638
editorBracketMatch.border#5980C3
editorCodeLens.foreground#5980C3
editorCursor.background#222638
editorCursor.foreground#E2E8F3
editorError.background#00000000
editorError.border#00000000
editorError.foreground#F96472
editorGroup.border#5980C366
editorGroup.emptyBackground#1E2131
editorGroupHeader.border#5980C366
editorGroupHeader.tabsBackground#1E2131
editorGroupHeader.tabsBorder#1E2131
editorGutter.addedBackground#00D199
editorGutter.background#1E2131
editorGutter.commentRangeForeground#E2E8F3cc
editorGutter.deletedBackground#F96472
editorGutter.foldingControlForeground#E2E8F3cc
editorGutter.modifiedBackground#E4A93F
editorHoverWidget.background#222638
editorHoverWidget.border#5980C3
editorHoverWidget.foreground#E2E8F3
editorIndentGuide.activeBackground1#5980C3
editorIndentGuide.background1#5980C366
editorInfo.background#00000000
editorInfo.border#00000000
editorInfo.foreground#00D199
editorLineNumber.activeForeground#E2E8F3cc
editorLineNumber.foreground#5980C3
editorLink.activeForeground#5980c3
editorMarkerNavigation.background#222638
editorMarkerNavigationError.background#F96472
editorMarkerNavigationInfo.background#00D199
editorMarkerNavigationWarning.background#E4A93F
editorOverviewRuler.background#222638
editorOverviewRuler.border#5980C366
editorRuler.foreground#5980C366
editorSuggestWidget.background#222638
editorSuggestWidget.border#5980C3
editorSuggestWidget.foreground#E2E8F3
editorSuggestWidget.highlightForeground#5980c3
editorSuggestWidget.selectedBackground#5980C366
editorWarning.background#00000000
editorWarning.border#00000000
editorWarning.foreground#E4A93F
editorWhitespace.foreground#E2E8F333
editorWidget.background#222638
editorWidget.foreground#E2E8F3
editorWidget.resizeBorder#5980C3
focusBorder#5980C3
foreground#E2E8F3
gitDecoration.addedResourceForeground#00D199
gitDecoration.conflictingResourceForeground#F96472
gitDecoration.deletedResourceForeground#F96472
gitDecoration.ignoredResourceForeground#E2E8F388
gitDecoration.modifiedResourceForeground#E4A93F
gitDecoration.stageDeletedResourceForeground#F96472
gitDecoration.stageModifiedResourceForeground#E4A93F
gitDecoration.submoduleResourceForeground#00D199
gitDecoration.untrackedResourceForeground#E2E8F3cc
icon.foreground#E2E8F3
input.background#222638
input.border#5980C3
input.foreground#E2E8F3
input.placeholderForeground#E2E8F3cc
inputOption.activeBackground#5980C366
inputOption.activeBorder#5980C3
inputOption.activeForeground#E2E8F3
list.activeSelectionBackground#5980C366
list.activeSelectionForeground#E2E8F3
list.dropBackground#5980C366
list.focusBackground#5980C366
list.focusForeground#E2E8F3
list.highlightForeground#5980c3
list.hoverBackground#5980C366
list.hoverForeground#E2E8F3
list.inactiveSelectionBackground#5980C366
list.inactiveSelectionForeground#E2E8F3
listFilterWidget.background#222638
listFilterWidget.noMatchesOutline#5980C3
listFilterWidget.outline#5980C3
menu.background#222638
menu.border#5980C3
menu.foreground#E2E8F3
menu.selectionBackground#5980C366
menu.selectionBorder#00000000
menu.selectionForeground#E2E8F3
menu.separatorBackground#5980C366
menubar.selectionBackground#5980C366
menubar.selectionBorder#00000000
menubar.selectionForeground#E2E8F3
merge.commonContentBackground#222638
merge.commonHeaderBackground#222638
merge.currentContentBackground#E4A93F
merge.currentHeaderBackground#E4A93F
merge.incomingContentBackground#00D199
merge.incomingHeaderBackground#00D199
minimap.background#1E2131
minimap.errorHighlight#F96472
minimap.findMatchHighlight#5980C366
minimap.selectionHighlight#5980C366
minimap.warningHighlight#E4A93F
minimapGutter.addedBackground#00D199
minimapGutter.deletedBackground#F96472
minimapGutter.modifiedBackground#E4A93F
notificationCenter.border#5980C366
notificationCenterHeader.background#222638
notificationCenterHeader.foreground#E2E8F3
notifications.background#222638
notifications.border#5980C366
notifications.foreground#E2E8F3
notificationsErrorIcon.foreground#F96472
notificationsInfoIcon.foreground#00D199
notificationsWarningIcon.foreground#E4A93F
notificationToast.border#5980C366
panel.background#1E2131
panel.border#5980C366
panelSection.border#5980C366
panelTitle.activeBorder#5980C3
panelTitle.activeForeground#5980c3
panelTitle.inactiveForeground#E2E8F3
peekView.border#5980C3
peekViewEditor.background#1E2131
peekViewEditor.matchHighlightBackground#5980C366
peekViewEditor.matchHighlightBorder#5980C3
peekViewEditorGutter.background#222638
peekViewResult.background#222638
peekViewResult.fileForeground#E2E8F3
peekViewResult.lineForeground#E2E8F3
peekViewResult.matchHighlightBackground#5980C366
peekViewResult.selectionBackground#5980C366
peekViewResult.selectionForeground#E2E8F3
peekViewTitle.background#222638
peekViewTitleDescription.foreground#E2E8F3cc
peekViewTitleLabel.foreground#E2E8F3
pickerGroup.border#00000000
pickerGroup.foreground#E2E8F3
progressBar.background#5980C3
scrollbar.shadow#1E2131
scrollbarSlider.activeBackground#5980C3
scrollbarSlider.background#5980C333
scrollbarSlider.hoverBackground#80A1DA33
selection.background#5980C3
settings.focusedRowBackground#5980C366
settings.headerForeground#E2E8F3
sideBar.background#1E2131
sideBar.border#5980C366
sideBar.dropBackground#5980C366
sideBar.foreground#E2E8F3
sideBarSectionHeader.background#00000000
sideBarSectionHeader.border#00000000
sideBarSectionHeader.foreground#E2E8F3
sideBarTitle.foreground#E2E8F3
statusBar.background#222638
statusBar.border#5980C366
statusBar.debuggingBackground#5980C3
statusBar.debuggingBorder#5980C366
statusBar.debuggingForeground#E2E8F3
statusBar.foreground#E2E8F3
statusBar.noFolderBackground#222638
statusBar.noFolderBorder#5980C3
statusBar.noFolderForeground#E2E8F3
statusBarItem.activeBackground#5980C3
statusBarItem.hoverBackground#5980C366
statusBarItem.remoteBackground#5980C3
statusBarItem.remoteForeground#E2E8F3
tab.activeBackground#1E2131
tab.activeBorder#00000000
tab.activeBorderTop#5980C3
tab.activeForeground#E2E8F3
tab.border#5980C366
tab.hoverBackground#222638
tab.hoverBorder#00000000
tab.hoverForeground#E2E8F3
tab.inactiveBackground#222638
tab.inactiveForeground#E2E8F3cc
terminal.ansiBlack#3B3F53
terminal.ansiBlue#5980C3
terminal.ansiBrightBlack#3B3F53
terminal.ansiBrightBlue#5980C3
terminal.ansiBrightCyan#54DCB6
terminal.ansiBrightGreen#00D199
terminal.ansiBrightMagenta#E57EC1
terminal.ansiBrightRed#F96472
terminal.ansiBrightWhite#E2E8F3
terminal.ansiBrightYellow#FFE266
terminal.ansiCyan#54DCB6
terminal.ansiGreen#00D199
terminal.ansiMagenta#E57EC1
terminal.ansiRed#F96472
terminal.ansiWhite#E2E8F3
terminal.ansiYellow#FFE266
terminal.border#5980C366
terminal.foreground#E2E8F3
terminal.selectionBackground#5980C366
terminalCursor.background#5980C3
terminalCursor.foreground#E2E8F3
textLink.foreground#5980c3
titleBar.activeBackground#222638
titleBar.activeForeground#E2E8F3
titleBar.border#5980C366
titleBar.inactiveBackground#1E2131
titleBar.inactiveForeground#E2E8F366
tree.indentGuidesStroke#5980C366
walkThrough.embeddedEditorBackground#222638
widget.shadow#0000005c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
entity.other.attribute-name.html, support.type.property-name, punctuation.support.type.property-name.begin, punctuation.support.type.property-name.end	#E57EC1	—
keyword, keyword.operator.new, storage, punctuation.definition.keyword	#9585DD	—
keyword.operator, punctuation, meta.selector.pseudo-class, entity.other.attribute-name.pseudo-class	#9585DD	—
constant	#54DCB6	—
string, punctuation.definition.string, string.other.link.title.markdown, meta.at-rule.apply.tailwind	#5DF38A	—
comment, punctuation.definition.comment, markup.fenced_code.block.markdown	#5980C3	—
meta.selector, punctuation.definition.entity	#FFE266	—
entity.name.tag	#E4A93F	—
meta.function	#00D199	—
markup.italic.markdown	#5DF38A	italic
markup.strikethrough.markdown	#E57EC1	strikethrough
markup.underline.link	#00D199	underline
markup.bold.markdown	#E4A93F	bold
markup.heading.markdown, meta.separator.markdown	#E4A93F	bold