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 — Space Dark

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
export interface User {
  id: string;
  name: string;
  role: "admin" | "member";
  tags: string[];
}

/**
 * Fetch user data by ID
 * @param id
 * @returns User object or null if ID is invalid
 */
export async function fetchUser(id: string): Promise<User | null> {
  if (!id) {
    return null;
  }

  const response = await fetch(`/api/users/${id}`, {
    method: "GET",
    headers: { Accept: "application/json" },
  });

  if (!response.ok) {
    throw new Error(`HTTP ${response.status}`);
  }

  return (await response.json()) as User;
}

function greet(user: User): string {
  // Simple greeting function that uses the user's name
  return `Hello, ${user.name}!`;
}

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.activeBorder#7895ffff
activityBar.background#1f1f1fff
activityBar.border#3e3e3eff
activityBar.foreground#e1dfdfff
activityBar.inactiveForeground#828282ff
activityBarBadge.background#7895ffff
activityBarBadge.foreground#000000ff
badge.background#3252b8ff
badge.foreground#bbceffff
breadcrumb.activeSelectionForeground#b0afafff
breadcrumb.focusForeground#e1dfdfff
breadcrumb.foreground#999999ff
breadcrumbPicker.background#1f1f1fff
button.background#7895ffff
button.foreground#000000ff
button.hoverBackground#88a3ffff
button.secondaryBackground#535353ff
button.secondaryForeground#ffffffff
button.secondaryHoverBackground#6a6a6aff
checkbox.background#292929ff
checkbox.border#494949ff
checkbox.foreground#e1dfdfff
commandCenter.activeBackground#292929ff
commandCenter.activeBorder#494949ff
commandCenter.activeForeground#e1dfdfff
commandCenter.background#1f1f1fff
commandCenter.border#3e3e3eff
commandCenter.foreground#999999ff
commandCenter.inactiveBorder#3e3e3eff
commandCenter.inactiveForeground#828282ff
debugToolBar.background#292929ff
descriptionForeground#999999ff
diffEditor.border#3e3e3eff
diffEditor.insertedLineBackground#17975f33
diffEditor.insertedTextBackground#17975f33
diffEditor.move.border#828282ff
diffEditor.moveActive.border#7895ffff
diffEditor.removedLineBackground#df404733
diffEditor.removedTextBackground#df404733
diffEditorGutter.insertedLineBackground#17975f1a
diffEditorGutter.removedLineBackground#df40471a
diffEditorOverview.insertedForeground#17975f66
diffEditorOverview.removedForeground#df404766
dropdown.background#292929ff
dropdown.border#494949ff
dropdown.foreground#e1dfdfff
dropdown.listBackground#151515ff
editor.background#1f1f1fff
editor.findMatchBackground#83431466
editor.findMatchBorder#ffa23eff
editor.findMatchHighlightBackground#83431499
editor.findMatchHighlightBorder#834314ff
editor.focusedStackFrameHighlightBackground#2b6a3033
editor.foldBackground#252525ff
editor.foreground#e1dfdfff
editor.inactiveSelectionBackground#3252b84d
editor.lineHighlightBackground#292929ff
editor.linkedEditingBackground#4d21bb99
editor.selectionBackground#3252b880
editor.selectionHighlightBackground#3e3e3e99
editor.selectionHighlightBorder#3e3e3eff
editor.stackFrameHighlightBackground#C6902625
editor.wordHighlightBackground#882d0066
editor.wordHighlightBorder#882d00ff
editor.wordHighlightStrongBackground#882d0099
editor.wordHighlightStrongBorder#882d00ff
editorBracketHighlight.foreground1#85cdf1ff
editorBracketHighlight.foreground2#ffd395ff
editorBracketHighlight.foreground3#bd9cfeff
editorBracketHighlight.foreground4#85cdf1ff
editorBracketHighlight.foreground5#ffd395ff
editorBracketHighlight.foreground6#bd9cfeff
editorBracketMatch.background#004b5e99
editorBracketMatch.border#004b5eff
editorCodeLens.foreground#999999ff
editorCursor.foreground#bbceffff
editorError.foreground#fc8f8eff
editorGhostText.foreground#6a6a6aff
editorGroup.border#3e3e3eff
editorGroupHeader.tabsBackground#151515ff
editorGroupHeader.tabsBorder#3e3e3eff
editorGutter.addedBackground#17975f80
editorGutter.deletedBackground#df4047ff
editorGutter.foldingControlForeground#999999ff
editorGutter.modifiedBackground#4563caff
editorHint.foreground#66ce98ff
editorIndentGuide.activeBackground#535353ff
editorIndentGuide.background#3e3e3eff
editorInfo.foreground#98b1ffff
editorInlayHint.background#82828233
editorInlayHint.foreground#999999ff
editorInlayHint.typeBackground#82828233
editorInlayHint.typeForeground#999999ff
editorLightBulb.foreground#ffc26eff
editorLineNumber.activeForeground#e1dfdfff
editorLineNumber.foreground#535353ff
editorLink.activeForeground#7895ffff
editorOverviewRuler.border#000000ff
editorWarning.foreground#ffc26eff
editorWhitespace.foreground#535353ff
editorWidget.background#292929ff
editorWidget.border#6a6a6aff
errorForeground#f76769ff
focusBorder#5876deff
foreground#e1dfdfff
gitDecoration.addedResourceForeground#17b877ff
gitDecoration.conflictingResourceForeground#ffc26eff
gitDecoration.deletedResourceForeground#f76769ff
gitDecoration.ignoredResourceForeground#828282ff
gitDecoration.modifiedResourceForeground#7895ffff
gitDecoration.submoduleResourceForeground#828282ff
gitDecoration.untrackedResourceForeground#17b877ff
icon.foreground#e1dfdfff
input.background#292929ff
input.border#494949ff
input.foreground#e1dfdfff
input.placeholderForeground#999999ff
inputOption.activeBackground#4563ca80
inputOption.activeBorder#5876deff
inputOption.activeForeground#faf8f8ff
inputValidation.errorBorder#f76769ff
keybindingLabel.background#1f1f1fff
keybindingLabel.border#3e3e3eff
keybindingLabel.bottomBorder#3e3e3eff
keybindingLabel.foreground#e1dfdfff
list.activeSelectionBackground#343434ff
list.activeSelectionForeground#e1dfdfff
list.errorForeground#fa7b7cff
list.focusBackground#002583ff
list.hoverBackground#292929ff
list.hoverForeground#e1dfdfff
list.inactiveFocusBackground#00258399
list.inactiveSelectionBackground#292929ff
list.inactiveSelectionForeground#e1dfdfff
list.warningForeground#ffb256ff
menu.background#151515ff
menu.border#494949ff
menu.foreground#e1dfdfff
menu.selectionBackground#292929ff
menu.selectionForeground#e1dfdfff
menu.separatorBackground#3e3e3eff
notificationCenterHeader.background#292929ff
notificationCenterHeader.foreground#828282ff
notifications.background#2e2e2eff
notifications.border#494949ff
notifications.foreground#e1dfdfff
notificationsErrorIcon.foreground#f76769ff
notificationsInfoIcon.foreground#999999ff
notificationsWarningIcon.foreground#ffa23eff
notificationToast.border#494949ff
panel.background#151515ff
panel.border#3e3e3eff
panelInput.border#3e3e3eff
panelSection.border#3e3e3eff
panelSectionHeader.background#0000
panelSectionHeader.foreground#e1dfdfff
panelTitle.activeBorder#7895ffff
panelTitle.activeForeground#e1dfdfff
panelTitle.inactiveForeground#b0afafff
peekView.border#7895ffff
peekViewEditor.background#151515ff
peekViewEditor.matchHighlightBackground#83431466
peekViewEditor.matchHighlightBorder#ffa23e4d
peekViewResult.background#0a0a0aff
peekViewResult.matchHighlightBackground#83431466
peekViewResult.selectionBackground#3e3e3eff
pickerGroup.border#535353ff
pickerGroup.foreground#e1dfdfff
problemsErrorIcon.foreground#f76769ff
problemsInfoIcon.foreground#999999ff
problemsWarningIcon.foreground#ffa23eff
progressBar.background#5876deff
quickInput.background#151515ff
quickInput.foreground#e1dfdfff
quickInputTitle.background#151515ff
sash.hoverBorder#7895ffff
scrollbar.shadow#0008
scrollbarSlider.activeBackground#6a737d88
scrollbarSlider.background#6a737d33
scrollbarSlider.hoverBackground#6a737d44
settings.headerForeground#e1dfdfff
settings.modifiedItemIndicator#5876deff
sideBar.background#151515ff
sideBar.border#3e3e3eff
sideBar.foreground#e1dfdfff
sideBarSectionHeader.background#151515ff
sideBarSectionHeader.border#3e3e3eff
sideBarSectionHeader.foreground#e1dfdfff
sideBarTitle.foreground#e1dfdfff
statusBar.background#292929ff
statusBar.border#3e3e3eff
statusBar.debuggingBackground#891524ff
statusBar.debuggingForeground#ffffffff
statusBar.foreground#b0afafff
statusBar.noFolderBackground#292929ff
statusBarItem.prominentBackground#282e34
tab.activeBackground#1f1f1fff
tab.activeBorder#1f1f1fff
tab.activeBorderTop#7895ffff
tab.activeForeground#e1dfdfff
tab.border#3e3e3eff
tab.hoverBackground#1f1f1fff
tab.inactiveBackground#151515ff
tab.inactiveForeground#b0afafff
tab.unfocusedActiveBorder#1f1f1fff
tab.unfocusedActiveBorderTop#3e3e3eff
tab.unfocusedActiveForeground#828282ff
tab.unfocusedHoverBackground#292929ff
tab.unfocusedHoverForeground#b0afafff
tab.unfocusedInactiveForeground#828282ff
terminal.ansiBlack#828282ff
terminal.ansiBlue#7895ffff
terminal.ansiBrightBlack#999999ff
terminal.ansiBrightBlue#98b1ffff
terminal.ansiBrightCyan#71c2eeff
terminal.ansiBrightGreen#66ce98ff
terminal.ansiBrightMagenta#c8aaffff
terminal.ansiBrightRed#fc8f8eff
terminal.ansiBrightWhite#fdfcfcff
terminal.ansiBrightYellow#ffc26eff
terminal.ansiCyan#25a6e9ff
terminal.ansiGreen#17b877ff
terminal.ansiMagenta#a87ffbff
terminal.ansiRed#f76769ff
terminal.ansiWhite#b0afafff
terminal.ansiYellow#ffa23eff
terminal.foreground#b0afafff
terminal.tab.activeBorder#7895ffff
terminalCursor.background#6a6a6aff
terminalCursor.foreground#98b1ffff
textBlockQuote.background#292929ff
textBlockQuote.border#535353ff
textCodeBlock.background#3e3e3eff
textLink.activeForeground#98b1ffff
textLink.foreground#88a3ffff
textPreformat.foreground#b0afafff
textSeparator.foreground#6a6a6aff
titleBar.activeBackground#1f1f1fff
titleBar.activeForeground#e1dfdfff
titleBar.border#3e3e3eff
titleBar.inactiveBackground#151515ff
titleBar.inactiveForeground#828282ff
toolbar.activeBackground#e1dfdf3d
toolbar.hoverBackground#e1dfdf1f
tree.indentGuidesStroke#3e3e3eff
welcomePage.buttonBackground#3e3e3eff
welcomePage.buttonHoverBackground#535353ff
widget.border#494949ff
widget.shadow#0a0a0a4d

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment, string.comment	#8e8e8eff	—
constant, entity.name.constant, variable.other.constant, variable.language	#8da8ffff	—
entity, entity.name	#bd9cfeff	—
variable.parameter.function	#e1dfdfff	—
entity.name.tag	#77d5a3ff	—
keyword	#fd8da3ff	—
storage, storage.type	#fd8da3ff	—
annotation	#fd8da3ff	—
storage.modifier.package, storage.modifier.import, storage.type.java	#e1dfdfff	—
string, punctuation.definition.string, string punctuation.section.embedded source	#77d5a3ff	—
string.quoted.double.html, string.quoted.single.html, string.unquoted.html, punctuation.definition.string.begin.html, punctuation.definition.string.end.html, string.quoted.double.xml, string.quoted.single.xml, string.unquoted.xml, punctuation.definition.string.begin.xml, punctuation.definition.string.end.xml, string punctuation.section.embedded source	#85cdf1ff	—
support	#8da8ffff	—
support.type.property-name, entity.name.tag.yaml	#85cdf1ff	—
meta.property-name	#8da8ffff	—
variable	#ffd395ff	—
variable.other	#e1dfdfff	—
invalid.broken	#ffc6d0ff	italic
invalid.deprecated	#ffc6d0ff	italic
invalid.illegal	#ffc6d0ff	italic
invalid.unimplemented	#ffc6d0ff	italic
carriage-return	#292929ff	italic underline
message.error	#ffc6d0ff	—
string source	#e1dfdfff	—
string variable	#8da8ffff	—
source.regexp, string.regexp	#77d5a3ff	—
string.regexp.character-class, string.regexp constant.character.escape, string.regexp source.ruby.embedded, string.regexp string.regexp.arbitrary-repitition	#77d5a3ff	—
string.regexp constant.character.escape	#77d5a3ff	bold
support.constant	#8da8ffff	—
support.variable	#8da8ffff	—
meta.module-reference	#8da8ffff	—
punctuation.definition.list.begin.markdown	#ffd395ff	—
markup.heading, markup.heading entity.name	#8da8ffff	bold
markup.quote	#77d5a3ff	—
markup.italic	#e1dfdfff	italic
markup.bold	#e1dfdfff	bold
markup.raw	#8da8ffff	—
markup.deleted, meta.diff.header.from-file, punctuation.definition.deleted	#ffc6d0ff	—
markup.inserted, meta.diff.header.to-file, punctuation.definition.inserted	#77d5a3ff	—
markup.changed, punctuation.definition.changed	#ffd395ff	—
markup.ignored, markup.untracked	#3e3e3eff	—
meta.diff.range	#bd9cfeff	bold
meta.diff.header	#8da8ffff	—
meta.separator	#8da8ffff	bold
meta.output	#8da8ffff	—
brackethighlighter.tag, brackethighlighter.curly, brackethighlighter.round, brackethighlighter.square, brackethighlighter.angle, brackethighlighter.quote	#a8a8a8ff	—
brackethighlighter.unmatched	#ffc6d0ff	—
constant.other.reference.link, string.other.link	#77d5a3ff	underline

ThemeDatabase All Themes

Color themes

VS Code preview

colors

tokenColors

Flux Theme (Legacy)

Aliens Themes

Lotus Flat Circadian

Flux Theme

Color themes

VS Code preview

colors

tokenColors

Related themes

Flux Theme (Legacy)

Aliens Themes

Lotus Flat Circadian

Flux Theme