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 - Dracula

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#343746
activityBar.background#343746
activityBar.border#44475a
activityBar.foreground#7c60a3
activityBar.inactiveForeground#f8f8f2cc
activityBarBadge.background#7c60a3
activityBarBadge.foreground#f8f8f2
badge.background#7c60a3
badge.foreground#f8f8f2
breadcrumb.activeSelectionForeground#8be9fd
breadcrumb.background#282a36
breadcrumb.focusForeground#8be9fd
breadcrumb.foreground#f8f8f2
button.background#7c60a3
button.foreground#f8f8f2
button.hoverBackground#747997
button.secondaryBackground#f8f8f233
button.secondaryForeground#f8f8f2
button.secondaryHoverBackground#747997
checkbox.background#343746
checkbox.border#7c60a3
checkbox.foreground#f8f8f2
debugExceptionWidget.background#343746
debugExceptionWidget.border#7c60a3
debugToolBar.background#343746
debugToolBar.border#7c60a3
diffEditor.border#00000000
diffEditor.insertedTextBackground#50fa7b33
diffEditor.insertedTextBorder#00000000
diffEditor.removedTextBackground#ff555533
diffEditor.removedTextBorder#00000000
dropdown.background#343746
dropdown.border#7c60a3
dropdown.foreground#f8f8f2
editor.background#282a36
editor.findMatchBackground#7c60a366
editor.findMatchBorder#00000000
editor.findMatchHighlightBackground#343746
editor.findMatchHighlightBorder#44475a
editor.findRangeHighlightBackground#343746
editor.findRangeHighlightBorder#00000000
editor.foldBackground#343746
editor.foreground#f8f8f2
editor.hoverHighlightBackground#7c60a366
editor.inactiveSelectionBackground#7c60a366
editor.lineHighlightBackground#343746
editor.lineHighlightBorder#00000000
editor.rangeHighlightBackground#7c60a366
editor.rangeHighlightBorder#00000000
editor.selectionBackground#7c60a366
editor.selectionHighlightBackground#7c60a366
editor.selectionHighlightBorder#00000000
editor.wordHighlightBackground#7c60a366
editor.wordHighlightBorder#00000000
editor.wordHighlightStrongBackground#7c60a366
editor.wordHighlightStrongBorder#00000000
editorBracketHighlight.foreground1#f1fa8c
editorBracketHighlight.foreground2#8be9fd
editorBracketHighlight.foreground3#ff79c6
editorBracketHighlight.foreground4#bd93f9
editorBracketHighlight.foreground5#50fa7b
editorBracketHighlight.foreground6#ffb86c
editorBracketHighlight.unexpectedBracket.foreground#ff5555
editorBracketMatch.background#343746
editorBracketMatch.border#7c60a3
editorCodeLens.foreground#6272a4
editorCursor.background#343746
editorCursor.foreground#f8f8f2
editorError.background#00000000
editorError.border#00000000
editorError.foreground#ff5555
editorGroup.border#44475a
editorGroup.emptyBackground#282a36
editorGroupHeader.border#44475a
editorGroupHeader.tabsBackground#282a36
editorGroupHeader.tabsBorder#282a36
editorGutter.addedBackground#50fa7b
editorGutter.background#282a36
editorGutter.commentRangeForeground#f8f8f2cc
editorGutter.deletedBackground#ff5555
editorGutter.foldingControlForeground#f8f8f2cc
editorGutter.modifiedBackground#f1fa8c
editorHoverWidget.background#343746
editorHoverWidget.border#7c60a3
editorHoverWidget.foreground#f8f8f2
editorIndentGuide.activeBackground1#7c60a3
editorIndentGuide.background1#44475a
editorInfo.background#00000000
editorInfo.border#00000000
editorInfo.foreground#8be9fd
editorLineNumber.activeForeground#f8f8f2cc
editorLineNumber.foreground#6272a4
editorLink.activeForeground#8be9fd
editorMarkerNavigation.background#343746
editorMarkerNavigationError.background#ff5555
editorMarkerNavigationInfo.background#8be9fd
editorMarkerNavigationWarning.background#ffb86c
editorOverviewRuler.background#343746
editorOverviewRuler.border#44475a
editorRuler.foreground#44475a
editorSuggestWidget.background#343746
editorSuggestWidget.border#7c60a3
editorSuggestWidget.foreground#f8f8f2
editorSuggestWidget.highlightForeground#8be9fd
editorSuggestWidget.selectedBackground#7c60a366
editorWarning.background#00000000
editorWarning.border#00000000
editorWarning.foreground#ffb86c
editorWhitespace.foreground#f8f8f233
editorWidget.background#343746
editorWidget.foreground#f8f8f2
editorWidget.resizeBorder#7c60a3
focusBorder#7c60a3
foreground#f8f8f2
gitDecoration.addedResourceForeground#50fa7b
gitDecoration.conflictingResourceForeground#ff5555
gitDecoration.deletedResourceForeground#ff5555
gitDecoration.ignoredResourceForeground#f8f8f288
gitDecoration.modifiedResourceForeground#f1fa8c
gitDecoration.stageDeletedResourceForeground#ff5555
gitDecoration.stageModifiedResourceForeground#f1fa8c
gitDecoration.submoduleResourceForeground#8be9fd
gitDecoration.untrackedResourceForeground#f8f8f2cc
icon.foreground#f8f8f2
input.background#343746
input.border#7c60a3
input.foreground#f8f8f2
input.placeholderForeground#f8f8f2cc
inputOption.activeBackground#7c60a366
inputOption.activeBorder#7c60a3
inputOption.activeForeground#f8f8f2
list.activeSelectionBackground#7c60a366
list.activeSelectionForeground#f8f8f2
list.dropBackground#7c60a366
list.focusBackground#7c60a366
list.focusForeground#f8f8f2
list.highlightForeground#8be9fd
list.hoverBackground#7c60a366
list.hoverForeground#f8f8f2
list.inactiveSelectionBackground#7c60a366
list.inactiveSelectionForeground#f8f8f2
listFilterWidget.background#343746
listFilterWidget.noMatchesOutline#7c60a3
listFilterWidget.outline#7c60a3
menu.background#343746
menu.border#7c60a3
menu.foreground#f8f8f2
menu.selectionBackground#7c60a366
menu.selectionBorder#00000000
menu.selectionForeground#f8f8f2
menu.separatorBackground#44475a
menubar.selectionBackground#7c60a366
menubar.selectionBorder#00000000
menubar.selectionForeground#f8f8f2
merge.commonContentBackground#343746
merge.commonHeaderBackground#343746
merge.currentContentBackground#f1fa8c
merge.currentHeaderBackground#f1fa8c
merge.incomingContentBackground#50fa7b
merge.incomingHeaderBackground#50fa7b
minimap.background#282a36
minimap.errorHighlight#ff5555
minimap.findMatchHighlight#7c60a366
minimap.selectionHighlight#7c60a366
minimap.warningHighlight#ffb86c
minimapGutter.addedBackground#50fa7b
minimapGutter.deletedBackground#ff5555
minimapGutter.modifiedBackground#f1fa8c
notificationCenter.border#44475a
notificationCenterHeader.background#343746
notificationCenterHeader.foreground#f8f8f2
notifications.background#343746
notifications.border#44475a
notifications.foreground#f8f8f2
notificationsErrorIcon.foreground#ff5555
notificationsInfoIcon.foreground#8be9fd
notificationsWarningIcon.foreground#ffb86c
notificationToast.border#44475a
panel.background#282a36
panel.border#44475a
panelSection.border#44475a
panelTitle.activeBorder#7c60a3
panelTitle.activeForeground#8be9fd
panelTitle.inactiveForeground#f8f8f2
peekView.border#7c60a3
peekViewEditor.background#282a36
peekViewEditor.matchHighlightBackground#7c60a366
peekViewEditor.matchHighlightBorder#7c60a3
peekViewEditorGutter.background#343746
peekViewResult.background#343746
peekViewResult.fileForeground#f8f8f2
peekViewResult.lineForeground#f8f8f2
peekViewResult.matchHighlightBackground#7c60a366
peekViewResult.selectionBackground#7c60a366
peekViewResult.selectionForeground#f8f8f2
peekViewTitle.background#343746
peekViewTitleDescription.foreground#f8f8f2cc
peekViewTitleLabel.foreground#f8f8f2
pickerGroup.border#00000000
pickerGroup.foreground#f8f8f2
progressBar.background#7c60a3
scrollbar.shadow#282a36
scrollbarSlider.activeBackground#7c60a3
scrollbarSlider.background#7c60a333
scrollbarSlider.hoverBackground#74799733
selection.background#7c60a3
settings.focusedRowBackground#7c60a366
settings.headerForeground#f8f8f2
sideBar.background#282a36
sideBar.border#44475a
sideBar.dropBackground#7c60a366
sideBar.foreground#f8f8f2
sideBarSectionHeader.background#00000000
sideBarSectionHeader.border#00000000
sideBarSectionHeader.foreground#f8f8f2
sideBarTitle.foreground#f8f8f2
statusBar.background#343746
statusBar.border#44475a
statusBar.debuggingBackground#7c60a3
statusBar.debuggingBorder#44475a
statusBar.debuggingForeground#f8f8f2
statusBar.foreground#f8f8f2
statusBar.noFolderBackground#343746
statusBar.noFolderBorder#7c60a3
statusBar.noFolderForeground#f8f8f2
statusBarItem.activeBackground#7c60a3
statusBarItem.hoverBackground#7c60a366
statusBarItem.remoteBackground#7c60a3
statusBarItem.remoteForeground#f8f8f2
tab.activeBackground#282a36
tab.activeBorder#00000000
tab.activeBorderTop#7c60a3
tab.activeForeground#f8f8f2
tab.border#44475a
tab.hoverBackground#343746
tab.hoverBorder#00000000
tab.hoverForeground#f8f8f2
tab.inactiveBackground#343746
tab.inactiveForeground#f8f8f2cc
terminal.ansiBlack#44475a
terminal.ansiBlue#6272a4
terminal.ansiBrightBlack#44475a
terminal.ansiBrightBlue#6272a4
terminal.ansiBrightCyan#8be9fd
terminal.ansiBrightGreen#50fa7b
terminal.ansiBrightMagenta#ff79c6
terminal.ansiBrightRed#ff5555
terminal.ansiBrightWhite#f8f8f2
terminal.ansiBrightYellow#f1fa8c
terminal.ansiCyan#8be9fd
terminal.ansiGreen#50fa7b
terminal.ansiMagenta#ff79c6
terminal.ansiRed#ff5555
terminal.ansiWhite#f8f8f2
terminal.ansiYellow#f1fa8c
terminal.border#44475a
terminal.foreground#f8f8f2
terminal.selectionBackground#7c60a366
terminalCursor.background#7c60a3
terminalCursor.foreground#f8f8f2
textLink.foreground#8be9fd
titleBar.activeBackground#343746
titleBar.activeForeground#f8f8f2
titleBar.border#44475a
titleBar.inactiveBackground#282a36
titleBar.inactiveForeground#f8f8f266
tree.indentGuidesStroke#44475a
walkThrough.embeddedEditorBackground#343746
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	#bd93f9	—
keyword, keyword.operator.new, storage, punctuation.definition.keyword	#ff79c6	—
keyword.operator, punctuation, meta.selector.pseudo-class, entity.other.attribute-name.pseudo-class	#ff79c6	—
constant	#50fa7b	—
string, punctuation.definition.string, string.other.link.title.markdown, meta.at-rule.apply.tailwind	#50fa7b	—
comment, punctuation.definition.comment, markup.fenced_code.block.markdown	#6272a4	—
meta.selector, punctuation.definition.entity	#f1fa8c	—
entity.name.tag	#ffb86c	—
meta.function	#8be9fd	—
markup.italic.markdown	#50fa7b	italic
markup.strikethrough.markdown	#bd93f9	strikethrough
markup.underline.link	#8be9fd	underline
markup.bold.markdown	#ffb86c	bold
markup.heading.markdown, meta.separator.markdown	#ffb86c	bold