ThemeDatabase All Themes

Name: ThemeDatabase All Themes
Author: enes ozturk

Publisher: enes ozturkThemes in package: 21943

One theme database to rule them all. All 22,037 ThemeDatabase themes in one VSIX package.

Open in VS Code GitHub

Color themes

VS Code preview

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

ThemeDatabase All Themes — Material Community Ansi16

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

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#263238
activityBar.border#26323860
activityBar.foreground#EEFFFF
activityBarBadge.background#80CBC4
activityBarBadge.foreground#000000
badge.background#00000030
badge.foreground#546E7A
breadcrumb.activeSelectionForeground#80CBC4
breadcrumb.background#263238
breadcrumb.focusForeground#EEFFFF
breadcrumb.foreground#607a86
breadcrumbPicker.background#263238
button.background#80CBC420
debugToolBar.background#263238
diffEditor.insertedTextBackground#C3E88D15
diffEditor.removedTextBackground#FF537020
dropdown.background#263238
dropdown.border#FFFFFF10
editor.background#263238
editor.findMatchBackground#000000
editor.findMatchBorder#80CBC4
editor.findMatchHighlightBackground#00000050
editor.findMatchHighlightBorder#ffffff30
editor.foreground#EEFFFF
editor.lineHighlightBackground#00000050
editor.selectionBackground#80CBC420
editor.selectionHighlightBackground#FFCC0020
editorBracketMatch.background#263238
editorBracketMatch.border#FFCC0050
editorCursor.foreground#FFCC00
editorError.foreground#FF537070
editorGroup.border#00000030
editorGroupHeader.tabsBackground#263238
editorGutter.addedBackground#C3E88D60
editorGutter.deletedBackground#FF537060
editorGutter.modifiedBackground#82AAFF60
editorHoverWidget.background#263238
editorHoverWidget.border#FFFFFF10
editorIndentGuide.activeBackground#37474F
editorIndentGuide.background#37474F70
editorInfo.foreground#82AAFF70
editorLineNumber.activeForeground#607a86
editorLineNumber.foreground#37474F
editorLink.activeForeground#EEFFFF
editorMarkerNavigation.background#EEFFFF05
editorOverviewRuler.border#263238
editorOverviewRuler.errorForeground#FF537040
editorOverviewRuler.findMatchForeground#80CBC4
editorOverviewRuler.infoForeground#82AAFF40
editorOverviewRuler.warningForeground#FFCB6B40
editorRuler.foreground#37474F
editorSuggestWidget.background#263238
editorSuggestWidget.border#FFFFFF10
editorSuggestWidget.foreground#EEFFFF
editorSuggestWidget.highlightForeground#80CBC4
editorSuggestWidget.selectedBackground#00000050
editorWarning.foreground#FFCB6B70
editorWhitespace.foreground#EEFFFF40
editorWidget.background#263238
editorWidget.border
editorWidget.resizeBorder#80CBC4
extensionButton.prominentBackground#C3E88D90
extensionButton.prominentHoverBackground#C3E88D
focusBorder#FFFFFF00
gitDecoration.conflictingResourceForeground#FFCB6B90
gitDecoration.deletedResourceForeground#FF537090
gitDecoration.ignoredResourceForeground#607a8690
gitDecoration.modifiedResourceForeground#82AAFF90
gitDecoration.untrackedResourceForeground#C3E88D90
input.background#303C41
input.border#FFFFFF10
input.foreground#EEFFFF
input.placeholderForeground#EEFFFF60
inputOption.activeBackground#EEFFFF30
inputOption.activeBorder#EEFFFF30
inputValidation.errorBorder#FF537050
inputValidation.infoBorder#82AAFF50
inputValidation.warningBorder#FFCB6B50
list.activeSelectionBackground#263238
list.activeSelectionForeground#80CBC4
list.focusBackground#EEFFFF20
list.focusForeground#EEFFFF
list.highlightForeground#80CBC4
list.hoverBackground#263238
list.hoverForeground#FFFFFF
list.inactiveSelectionBackground#00000030
list.inactiveSelectionForeground#80CBC4
listFilterWidget.background#00000030
listFilterWidget.noMatchesOutline#00000030
listFilterWidget.outline#00000030
menu.background#263238
menu.foreground#EEFFFF
menu.selectionBackground#00000050
menu.selectionBorder#00000030
menu.selectionForeground#80CBC4
menu.separatorBackground#EEFFFF
menubar.selectionBackground#00000030
menubar.selectionBorder#00000030
menubar.selectionForeground#80CBC4
notificationLink.foreground#80CBC4
notifications.background#263238
notifications.foreground#EEFFFF
panel.background#263238
panel.border#26323860
panel.dropBackground#EEFFFF
panelTitle.activeBorder#80CBC4
panelTitle.activeForeground#FFFFFF
panelTitle.inactiveForeground#EEFFFF
peekView.border#00000030
peekViewEditor.background#EEFFFF05
peekViewEditor.matchHighlightBackground#80CBC420
peekViewEditorGutter.background#EEFFFF05
peekViewResult.background#EEFFFF05
peekViewResult.matchHighlightBackground#80CBC420
peekViewResult.selectionBackground#607a8670
peekViewTitle.background#EEFFFF05
peekViewTitleDescription.foreground#EEFFFF60
pickerGroup.foreground#80CBC4
progressBar.background#80CBC4
scrollbar.shadow#26323800
scrollbarSlider.activeBackground#80CBC4
scrollbarSlider.background#EEFFFF20
scrollbarSlider.hoverBackground#EEFFFF10
selection.background#80CBC4
settings.checkboxBackground#263238
settings.checkboxForeground#EEFFFF
settings.dropdownBackground#263238
settings.dropdownForeground#EEFFFF
settings.headerForeground#80CBC4
settings.modifiedItemIndicator#80CBC4
settings.numberInputBackground#263238
settings.numberInputForeground#EEFFFF
settings.textInputBackground#263238
settings.textInputForeground#EEFFFF
sideBar.background#263238
sideBar.border#26323860
sideBar.foreground#607a86
sideBarSectionHeader.background#263238
sideBarSectionHeader.border#26323860
sideBarTitle.foreground#EEFFFF
statusBar.background#263238
statusBar.border#26323860
statusBar.debuggingBackground#C792EA
statusBar.debuggingForeground#ffffff
statusBar.foreground#546E7A
statusBar.noFolderBackground#263238
statusBarItem.hoverBackground#546E7A20
statusBarItem.remoteBackground#80CBC4
statusBarItem.remoteForeground#000000
tab.activeBorder#80CBC4
tab.activeForeground#FFFFFF
tab.activeModifiedBorder#607a86
tab.border#263238
tab.inactiveBackground#263238
tab.inactiveForeground#607a86
tab.unfocusedActiveBorder#546E7A
tab.unfocusedActiveForeground#EEFFFF
terminal.ansiBlack#676e95
terminal.ansiBlue#82aaff
terminal.ansiBrightBlack#676e95
terminal.ansiBrightBlue#b2e4e6
terminal.ansiBrightCyan#b2e4e6
terminal.ansiBrightGreen#87de97
terminal.ansiBrightMagenta#c792ea
terminal.ansiBrightRed#ff5370
terminal.ansiBrightWhite#f2f3ec
terminal.ansiBrightYellow#f78c6c
terminal.ansiCyan#89ddff
terminal.ansiGreen#c3e88d
terminal.ansiMagenta#c792ea
terminal.ansiRed#f07178
terminal.ansiWhite#dceaea
terminal.ansiYellow#ffcb6b
terminal.background#263238
terminal.foreground#DDEEEE
terminalCursor.background#000000
terminalCursor.foreground#FFCB6B
textLink.activeForeground#EEFFFF
textLink.foreground#80CBC4
titleBar.activeBackground#263238
titleBar.activeForeground#EEFFFF
titleBar.border#26323860
titleBar.inactiveBackground#263238
titleBar.inactiveForeground#607a86
tree.indentGuidesStroke#37474F
widget.shadow#00000030

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle