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 — Noctis Lux 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...
~/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#0099ad33
activityBar.activeBorder#0099ad
activityBar.background#fef8ec
activityBar.border#ece2c600
activityBar.foreground#0099ad
activityBarBadge.background#0099ad
activityBarBadge.foreground#fef8ec
badge.background#0099ad
badge.foreground#fef8ec
breadcrumb.activeSelectionForeground#005661
breadcrumb.background#fef8ec
breadcrumb.focusForeground#0099ad
breadcrumb.foreground#888477
breadcrumbPicker.background#f2edde
button.background#099
button.foreground#f1f1f1
button.hoverBackground#0cc
debugExceptionWidget.background#f9f1e1
debugExceptionWidget.border#00899e
debugToolBar.background#f9f1e1
descriptionForeground#929ea0
diffEditor.insertedTextBackground#14b83230
diffEditor.removedTextBackground#BB1F0522
dropdown.background#fef8ec
dropdown.border#fef8ec
dropdown.foreground#005661
editor.background#fef8ec
editor.findMatchBackground#8ce99a55
editor.findMatchBorder#8ce99a00
editor.findMatchHighlightBackground#148f9f33
editor.findMatchHighlightBorder#148f9f00
editor.findRangeHighlightBackground#99e62a55
editor.findRangeHighlightBorder#58CC6D00
editor.foreground#005661
editor.hoverHighlightBackground#0099ad3f
editor.inactiveSelectionBackground#bce8f055
editor.lineHighlightBorder#ade2eb77
editor.rangeHighlightBackground#f1e9d5a1
editor.selectionBackground#ade2eb77
editor.selectionHighlightBackground#bce8f055
editor.selectionHighlightBorder#14a5ff00
editor.snippetFinalTabstopHighlightBackground#fdefd3
editor.snippetFinalTabstopHighlightBorder#fdf3dd
editor.snippetTabstopHighlightBackground#fdefd3
editor.snippetTabstopHighlightBorder#fdf3dd
editor.wordHighlightBackground#e9a14922
editor.wordHighlightBorder#e9a14900
editor.wordHighlightStrongBackground#b5890027
editor.wordHighlightStrongBorder#b5890000
editorBracketMatch.background#0099ad20
editorBracketMatch.border#0099ad
editorCodeLens.foreground#77aaca
editorCursor.foreground#0092a8
editorError.border#fef8ec
editorError.foreground#ff4000
editorGroup.border#f0e7d1
editorGroup.dropBackground#b8ae9333
editorGroup.emptyBackground#b8ae9333
editorGroupHeader.noTabsBackground#f0e9d6
editorGroupHeader.tabsBackground#f0e9d6
editorGroupHeader.tabsBorder#f0e9d600
editorGutter.addedBackground#8ce99a
editorGutter.background#fef8ec
editorGutter.deletedBackground#ff4000
editorGutter.modifiedBackground#e9a149
editorHint.border#58cc6d00
editorHint.foreground#58cc6d
editorHoverWidget.background#f2edde
editorHoverWidget.border#ece2c600
editorIndentGuide.activeBackground#88adc3
editorIndentGuide.background#d3cec5aa
editorInfo.border#fef8ec
editorInfo.foreground#00c6e0
editorInlayHint.background#f9f1e1
editorInlayHint.foreground#8ca6a6
editorInlayHint.parameterBackground#f9f1e1
editorInlayHint.parameterForeground#8ca6a6
editorInlayHint.typeBackground#f9f1e1
editorInlayHint.typeForeground#8ca6a6
editorLineNumber.activeForeground#0099ad
editorLineNumber.foreground#a0abac
editorLink.activeForeground#14a5ff
editorMarkerNavigation.background#3a3a5e29
editorMarkerNavigationError.background#ff4000
editorMarkerNavigationWarning.background#e69533
editorOverviewRuler.border#fef8ec
editorOverviewRuler.commonContentForeground#ffc18055
editorOverviewRuler.currentContentForeground#33e7ff55
editorOverviewRuler.incomingContentForeground#9d92f255
editorRuler.foreground#f1e6d0
editorSuggestWidget.background#f2edde
editorSuggestWidget.border#ece2c600
editorSuggestWidget.foreground#6a7a7c
editorSuggestWidget.highlightForeground#0099ad
editorSuggestWidget.selectedBackground#dbfaff
editorWarning.border#fef8ec
editorWarning.foreground#e69533
editorWhitespace.foreground#d3cec5bb
editorWidget.background#f2edde
editorWidget.border#ece2c600
errorForeground#ff4000
extensionButton.prominentBackground#099
extensionButton.prominentForeground#e5f5f5
extensionButton.prominentHoverBackground#0cc
focusBorder#f2edde
foreground#005661
gitDecoration.addedResourceForeground#009456
gitDecoration.conflictingResourceForeground#e9a149
gitDecoration.deletedResourceForeground#ff4000
gitDecoration.ignoredResourceForeground#a8a28faa
gitDecoration.modifiedResourceForeground#14b832
gitDecoration.untrackedResourceForeground#00c6e0
input.background#fef8ec
input.border#f2edde
input.foreground#6a7a7c
input.placeholderForeground#9fabad
inputOption.activeBorder#0099ad
inputValidation.errorBackground#ff400041
inputValidation.errorBorder#ff4000
inputValidation.infoBackground#00c6e0cc
inputValidation.infoBorder#00c6e0
inputValidation.warningBackground#ffa587cc
inputValidation.warningBorder#ffa487
list.activeSelectionBackground#b6e1e7
list.activeSelectionForeground#005661
list.dropBackground#cdcbb2
list.errorForeground#c9481d
list.focusBackground#bee3ea
list.focusForeground#005661
list.highlightForeground#0099ad
list.hoverBackground#d2f3f9
list.hoverForeground#005661
list.inactiveFocusBackground#c9eaed
list.inactiveSelectionBackground#d5eef1
list.inactiveSelectionForeground#949384
list.warningForeground#e07a52
listFilterWidget.background#d5eef1
listFilterWidget.noMatchesOutline#ff4000
listFilterWidget.outline#14b832
menu.background#f2edde
menu.foreground#888477
menu.selectionBackground#d2f3f9
menu.selectionBorder#d2f3f9
menu.selectionForeground#0099ad
menubar.selectionBackground#d2f3f9
menubar.selectionBorder#d2f3f9
menubar.selectionForeground#0099ad
merge.border#fef8ec00
merge.commonContentBackground#ffc18033
merge.commonHeaderBackground#ffc18055
merge.currentContentBackground#33e7ff33
merge.currentHeaderBackground#33e7ff55
merge.incomingContentBackground#9d92f233
merge.incomingHeaderBackground#9d92f255
minimap.background#fef8ec99
minimap.errorHighlight#ff4000ee
minimap.findMatchHighlight#0099adaa
minimap.warningHighlight#e69533ee
minimapGutter.addedBackground#009456
minimapGutter.deletedBackground#ff4000
minimapGutter.modifiedBackground#14b832
notificationCenter.border#f2edde
notificationCenterHeader.background#f2edde
notificationCenterHeader.foreground#005661
notificationLink.foreground#005661
notifications.background#f2edde
notifications.border#f2edde
notifications.foreground#005661
notificationToast.border#f2edde
panel.background#f6edda
panel.border#00c6e0
panelTitle.activeBorder#00c6e0
panelTitle.activeForeground#0099ad
panelTitle.inactiveForeground#888477
peekView.border#0099ad
peekViewEditor.background#fff7e5
peekViewEditor.matchHighlightBackground#148f9f33
peekViewEditor.matchHighlightBorder#148f9f79
peekViewEditorGutter.background#fff7e5
peekViewResult.background#f9f1e1
peekViewResult.fileForeground#e9a149
peekViewResult.lineForeground#87a7ab
peekViewResult.matchHighlightBackground#f2edde
peekViewResult.selectionBackground#f2edde
peekViewResult.selectionForeground#6a7a7c
peekViewTitle.background#f9f1e1
peekViewTitleDescription.foreground#87a7ab
peekViewTitleLabel.foreground#e9a149
pickerGroup.border#00c6e0
pickerGroup.foreground#0099ad
progressBar.background#00c6e0
scrollbar.shadow#00000055
scrollbarSlider.activeBackground#0099adad
scrollbarSlider.background#6a90955b
scrollbarSlider.hoverBackground#0099ad62
selection.background#169fb155
settings.checkboxBackground#f2edde
settings.checkboxBorder#f2edde
settings.checkboxForeground#0bb
settings.dropdownBackground#f2edde
settings.dropdownBorder#f2edde
settings.dropdownForeground#0bb
settings.dropdownListBorder#ade2eb88
settings.headerForeground#004d57
settings.modifiedItemIndicator#00bd23
settings.numberInputBackground#f0e7d1
settings.numberInputBorder#f0e7d1
settings.numberInputForeground#5842ff
settings.textInputBackground#f2edde
settings.textInputBorder#f2edde
settings.textInputForeground#0bb
sideBar.background#f9f1e1
sideBar.border#ece2c600
sideBar.dropBackground#f9f1e1
sideBar.foreground#888477
sideBarSectionHeader.background#f2e7ca
sideBarSectionHeader.foreground#888477
sideBarTitle.foreground#888477
statusBar.background#f0e9d6
statusBar.border#ece2c600
statusBar.debuggingBackground#f9f1e1
statusBar.debuggingBorder#e94981af
statusBar.debuggingForeground#e9498150
statusBar.foreground#0099ad
statusBar.noFolderBackground#f9f1e1
statusBar.noFolderBorder#f9f1e1
statusBar.noFolderForeground#87a7ab
statusBarItem.activeBackground#dfeff1
statusBarItem.hoverBackground#d1e8eb
statusBarItem.prominentBackground#c1d4d7
statusBarItem.prominentHoverBackground#bfdee3
tab.activeBackground#fef8ec
tab.activeBorder#fef8ec
tab.activeBorderTop#00c6e0
tab.activeForeground#0099ad
tab.activeModifiedBorder#00b368
tab.border#e6d7b2
tab.inactiveBackground#f0e9d6
tab.inactiveForeground#888477
tab.unfocusedActiveBackground#f7f2e3
tab.unfocusedActiveBorder#fef8ec00
tab.unfocusedActiveForeground#888477
tab.unfocusedHoverBackground#0099ad21
tab.unfocusedInactiveForeground#888477
terminal.ansiBlack#8ca6a6
terminal.ansiBlue#0095a8
terminal.ansiBrightBlack#8ca6a6
terminal.ansiBrightBlue#0094f0
terminal.ansiBrightCyan#00bdd6
terminal.ansiBrightGreen#00b368
terminal.ansiBrightMagenta#ff5792
terminal.ansiBrightRed#e5164a
terminal.ansiBrightWhite#004d57
terminal.ansiBrightYellow#b3694d
terminal.ansiCyan#00bdd6
terminal.ansiGreen#00b368
terminal.ansiMagenta#ff5792
terminal.ansiRed#e64100
terminal.ansiWhite#005661
terminal.ansiYellow#fa8900
terminal.background#fef8ec
terminal.foreground#005661
terminalCursor.background#f6edda
terminalCursor.foreground#005661
textBlockQuote.background#f9f1e1
textBlockQuote.border#00899e
textCodeBlock.background#f9f1e1
textLink.activeForeground#00c6e0
textLink.foreground#00c6e0
textPreformat.foreground#e9a149
textSeparator.foreground#f9f1e1
titleBar.activeBackground#f9f1e1
titleBar.activeForeground#005661
titleBar.inactiveBackground#f9f1e1
titleBar.inactiveForeground#888477
tree.indentGuidesStroke#d3cec5
walkThrough.embeddedEditorBackground#f9f1e1
widget.shadow#00000055

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle