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 — srcery

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.background#1C1B19
activityBar.foreground#FCE8C3
editor.background#1C1B19
editor.foreground#FCE8C3
editor.lineHighlightBackground#2D2B28
editor.selectionBackground#519F5066
editorLineNumber.activeForeground#98BC37
sideBar.background#2D2B28
sideBar.foreground#FCE8C3
sideBarTitle.foreground#FCE8C3
statusBar.background#2D2B28
statusBar.noFolderBackground#2D2B28

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#918175	italic
variable, entity.name.variable.local.cs, string constant.other.placeholder	#5573A3
constant.other.color	#FCE8C3	—
storage.modifier.import.java, keyword.operator.module.js, entity.name.type.namespace.cs	#E02C6D
invalid, invalid.illegal	#FF3128	—
keyword, storage.modifier, storage.type.js, storage.type.class.js, storage.type.extends.js, keyword.other.new.cs, keyword.operator.logical.python, keyword.other.substitution	#FF3128
storage.type	#FBB829	—
constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template	#918175	—
keyword.operator	#FCE8C3	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter	#FBB829
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method	#FBB829
meta.block variable.other	#5573A3	—
support.other.variable, string.other.link	#0AAEB3	—
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other	#E02C6D	—
variable.parameter, entity.name.variable.parameter.cs	#FCE8C3
string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter	#0AAEB3
meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js	#519F50
support.type	#FBB829
entity.name, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types	#FBB829	bold underline
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name	#FBB829
entity.name.module.js, variable.import.parameter.js, variable.other.class.js	#FBB829
variable.language	#FBB829	italic
entity.name.method.js	#FBB829	italic
meta.class-method.js entity.name.function.js, variable.function.constructor	#FBB829	—
entity.other.attribute-name	#519F50	—
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name	#519F50	italic
entity.other.attribute-name.class	#FBB829	bold
source.sass keyword.control	#FED06E	bold
markup.inserted	#98BC37	—
markup.deleted	#F75341	—
markup.changed	#FBB829	—
string.regexp	#53FDE9	—
constant.character.escape	#53FDE9	—
url, link, uri	—	underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js	#FCE8C3	italic
source.js constant.other.object.key.js string.unquoted.label.js	#FCE8C3	—
source.json meta.structure.dictionary.json support.type.property-name.json	#519F50	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#519F50	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#519F50	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#519F50	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#519F50	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#519F50	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#519F50	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#519F50	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#519F50	—
text.html.markdown, punctuation.definition.list_item.markdown	#FCE8C3	—
text.html.markdown markup.inline.raw.markdown	#FCE8C3	—
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown	#FCE8C3	—
text.html.markdown meta.dummy.line-break	#FCE8C3	—
markdown.heading, markup.heading \| markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown	#0AAEB3	—
markup.italic	#8EB2F7	italic
markup.bold, markup.bold string	#98BC37	bold
markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string	#53FDE9	italic bold
markup.underline	#8EB2F7	underline
markup.strike	#E35682	italic underline
markup.quote punctuation.definition.blockquote.markdown	#918175	—
markup.quote	#918175	italic
string.other.link.title.markdown	#0AAEB3	underline
string.other.link.description.title.markdown	#53FDE9	—
constant.other.reference.link.markdown	#8EB2F7	—
markup.raw.block	#FCE8C3	—
markup.raw.block.fenced.markdown	#918175	—
punctuation.definition.fenced.markdown	#918175	—
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end	#918175	—
variable.language.fenced.markdown	#E35682	—
meta.separator	#2D2B28	bold
markup.table	#FCE8C3	—
token.info-token	#8EB2F7	—
token.warn-token	#FED06E	—
token.error-token	#F75341	—
token.debug-token	#E02C6D	—