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 — Una's Theme

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.background#161718
activityBar.border#0e2d31
activityBar.foreground#e0c1bf
badge.background#145c62
breadcrumb.foreground#e0c1bf
button.background#729a89
button.foreground#111111
checkbox.background#161718
checkbox.border#e0c1bf
checkbox.foreground#e0c1bf
dropdown.background#161718
dropdown.border#0e2d31
dropdown.foreground#e0c1bf
dropdown.listBackground#161718
editor.background#111111
editor.findMatchBackground#0000
editor.findMatchBorder#d68067
editor.findMatchHighlightBackground#0000
editor.findMatchHighlightBorder#d68067aa
editor.findRangeHighlightBackground#46302a
editor.foreground#e0c1bf
editor.hoverHighlightBackground#0e2d31
editor.lineHighlightBorder#0e2d31
editor.selectionBackground#145c62
editor.selectionHighlightBackground#111
editor.selectionHighlightBorder#729a89
editorBracketHighlight.foreground1#b2adcc
editorBracketHighlight.foreground2#a2c9cb
editorBracketHighlight.foreground3#729a89
editorBracketHighlight.foreground4#dccca1
editorBracketHighlight.foreground5#d68067
editorBracketHighlight.foreground6#e0c1bf
editorBracketHighlight.unexpectedBracket.foreground#bf3041
editorBracketMatch.background#0e2d31
editorBracketMatch.border#729a89
editorCursor.foreground#e0c1bf
editorError.foreground#bf3041
editorGroup.border#0e2d31
editorGroup.dropBackground#729a8977
editorGroupHeader.noTabsBackground#111111
editorGroupHeader.tabsBackground#111111
editorGutter.addedBackground#729a89
editorGutter.modifiedBackground#a2c9cb
editorHint.foreground#dccca1
editorInfo.foreground#a2c9cb
editorLineNumber.activeForeground#729a89
editorLineNumber.foreground#e0c1bf
editorRuler.foreground#0e2d31
editorWarning.foreground#d68067
editorWhitespace.foreground#2e2d1c
focusBorder#729a89
foreground#e0c1bf
icon.foreground#e0c1bf
input.background#161718
input.border#0e2d31
inputValidation.errorBackground#bf3041
inputValidation.errorBorder#bf3041
inputValidation.errorForeground#111111
inputValidation.infoBackground#dccca1
inputValidation.infoBorder#dccca1
inputValidation.infoForeground#111111
inputValidation.warningBackground#d68067
inputValidation.warningBorder#d68067
inputValidation.warningForeground#111111
list.activeSelectionBackground#0e2d31
list.activeSelectionForeground#e0c1bf
list.activeSelectionIconForeground#e0c1bf
list.deemphasizedForeground#ff0000
list.dropBackground#0e2d31
list.errorForeground#bf3041
list.hoverBackground#145c62
list.inactiveSelectionBackground#0e2d31
list.warningForeground#d68067
minimap.background#0000
minimap.errorHighlight#bf3041
minimap.findMatchHighlight#dccca1
minimap.selectionHighlight#729a89
minimap.selectionOccurrenceHighlight#145c62
minimap.warningHighlight#d68067
notificationCenter.border#0e2d31
notificationCenterHeader.background#0e2d31
notificationCenterHeader.foreground#e0c1bf
notifications.background#111111
notifications.border#0e2d31
notifications.foreground#e0c1bf
scrollbarSlider.activeBackground#729a8977
scrollbarSlider.background#0e2d3177
scrollbarSlider.hoverBackground#729a8977
settings.headerForeground#a2c9cb
settings.modifiedItemIndicator#a2c9cb
sideBar.background#161718
sideBar.border#0e2d31
sideBar.foreground#e0c1bf
sideBarSectionHeader.background#111111
sideBarSectionHeader.border#0e2d31
sideBarTitle.foreground#e0c1bf
statusBar.background#0e2d31
statusBar.debuggingBackground#d68067
statusBar.debuggingForeground#111111
statusBar.foreground#e0c1bf
statusBar.noFolderBackground#2a2858
tab.activeBackground#111111
tab.activeForeground#e0c1bf
tab.border#0e2d31
tab.inactiveBackground#161718
textBlockQuote.background#111111
textBlockQuote.border#729a89
textLink.activeForeground#729a89
textLink.foreground#729a89
textSeparator.foreground#729a89
welcomePage.background#111111
welcomePage.progress.background#0e2d31
welcomePage.progress.foreground#729a89
welcomePage.tileBackground#161718
welcomePage.tileHoverBackground#0e2d31

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#555f47	—
punctuation, meta.brace	#555f47	—
variable, support.other.variable, string constant.other.placeholder, entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter	#d68067	—
invalid, invalid.illegal	#bf3041	—
keyword, storage.type, storage.modifier, punctuation.definition.block.tag.jsdoc, keyword.control, meta.tag, keyword.other.template, keyword.other.substitution	#145c62	—
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method	#dccca1	—
constant.numeric, constant.language, constant.character, constant.escape, constant.other.color, keyword.other.unit, keyword.other, string.regexp	#703d41	—
string, support.constant, constant.other.symbol, constant.other.key, markup.inserted.git_gutter	#729a89	—
entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types, variable.other.property, variable.other.object.property	#e0c1bf	—
markup.italic	#729a89	italic
markup.bold, markup.bold string	#729a89	bold