MultiTheme

Name: MultiTheme
Author: Arturo Arevalo

Publisher: Arturo ArevaloThemes in package: 336

A collection of themes ported from TextMate

Open in VS Code

Color themes

VS Code preview

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

MultiTheme — MultiTheme Amy

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+

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
—	#D0D0FF	—
comment.block	#404080	italic
string	#999999	—
constant.language	#707090	—
constant.numeric	#7090B0	—
constant.numeric.integer.int32	—	bold
constant.numeric.integer.int64	—	italic
constant.numeric.integer.nativeint	—	bold italic
constant.numeric.floating-point.ocaml	—	underline
constant.character	#666666
constant.language.boolean	#8080A0	—
constant.language	—	—
constant.other	—	—
variable.language, variable.other	#008080
keyword	#A080FF	—
keyword.operator	#A0A0FF	—
keyword.other.decorator	#D0D0FF	—
keyword.operator.infix.floating-point.ocaml	—	underline
keyword.operator.prefix.floating-point.ocaml	—	underline
keyword.other.directive	#C080C0
keyword.other.directive.line-number	#C080C0	underline
keyword.control	#80A0FF	—
storage	#B0FFF0	—
entity.name.type.variant	#60B0FF	—
storage.type.variant.polymorphic, entity.name.type.variant.polymorphic	#60B0FF	italic
entity.name.type.module	#B000B0	—
entity.name.type.module-type.ocaml	#B000B0	underline
support.other	#A00050	—
entity.name.type.class	#70E080	—
entity.name.type.class-type	#70E0A0
entity.other.inherited-class	—	—
entity.name.function	#50A0A0	—
variable.parameter	#80B0B0	—
entity.name.type.token	#3080A0
entity.name.type.token.reference	#3CB0D0
entity.name.function.non-terminal	#90E0E0	—
entity.name.function.non-terminal.reference	#C0F0F0	—
entity.name.tag	#009090	—
entity.other.attribute-name	—	—
Library function	—	—
support.constant	—	—
support.type, support.class	—	—
support.other.variable	—	—
invalid.illegal	#400080	bold
invalid.deprecated	#200020	—
source.camlp4.embedded	—	—
source.camlp4.embedded.parser.ocaml	—
punctuation	#805080	—

VS Code preview

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

MultiTheme — MultiTheme Anarchist

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+

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
—	#CAD9E3	—
comment	#515E66	italic
string	#3790DE	—
constant.numeric	#2E6FD9	—
constant.language	#2E6FD9	—
constant.character, constant.other	#DE333C	—
variable	—	italic
keyword	#FFFFFF	bold
storage	#2E6FD9
storage.type	#de333c	italic
entity.name.class	#2E6FD9	bold
entity.other.inherited-class	#2E6FD9	italic underline
entity.name.function	#ffffff	bold
variable.parameter	#00A8C6	italic
entity.name.tag	#DE333C
entity.other.attribute-name	#2e6fd9
support.function	#DE333C	italic
support.constant	#2E6FD9
support.type, support.class	#00a8c6	italic bold
support.other.variable	—
invalid	#f8f8f0
invalid.deprecated	#f8f8f0	—
meta.structure.dictionary.json string.quoted.double.json	#3790DE	—
meta.diff, meta.diff.header	#75715E	—
markup.deleted	#00A8C6	—
markup.inserted	#A6E22E	—
markup.changed	#E6DB74	—
constant.numeric.line-number.find-in-files - match	#8FBE00A0	—
entity.name.filename.find-in-files	#E6DB74	—
keyword.other	#798b96	—
meta.property-value, support.constant.property-value, constant.other.color	#3790DE	—
meta.structure.dictionary.json string.quoted.double.json	#2E6FD9	—
meta.structure.dictionary.value.json string.quoted.double.json	#3790DE	—
meta.property-name support.type.property-name	—	normal
meta.property-value punctuation.separator.key-value	#CAD9E3	—
keyword.other.use, keyword.other.function.use, keyword.other.namespace, keyword.other.new, keyword.other.special-method, keyword.other.unit	#DE333C	—
meta.use support.class.builtin, meta.other.inherited-class support.class.builtin	#CAD9E3	normal
variable.other		normal
markup.bold	#00A8C6	bold
markup.italic	—	italic
markup.underline	—	underline
markup.underline.link	#00A8C6	underline italic
markup.heading	#FFFFFF	bold
markup.list	#DE333C	—
markup.raw	#CAD9E3	—
markup.quote	#75715E	italic
meta.separator	—	—

VS Code preview

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

MultiTheme — MultiTheme AnarchistEighties

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+

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
—	#cccccc	—
comment	#333333	italic
string	#3790DE	—
constant.numeric	#1678c6	—
constant.language	#1678c6	—
constant.character, constant.other	#1e7145	—
variable.language	—	bold italic
keyword	#ffffff	bold
storage	#2E6FD9
storage.type	#1e7145	italic bold
entity.name.class	#00aba9	bold
entity.other.inherited-class	#2b5797	italic
entity.name.function	#ffffff	bold
variable.parameter.function	#00a8c6	italic
entity.name.tag	#7e3878
entity.other.attribute-name	#2e6fd9
support.function	#eff4ff	italic
support.constant	#2E6FD9
support.type, support.class	#00a8c6	italic bold
support.other.variable	—
invalid	#f8f8f0
invalid.deprecated	#f8f8f0	—
meta.structure.dictionary.json string.quoted.double.json	#3790DE	—
meta.diff, meta.diff.header	#eff4ff	—
markup.deleted	#b91d47	—
markup.inserted	#A6E22E	—
markup.changed	#E6DB74	—
constant.numeric.line-number.find-in-files - match	#8FBE00A0	—
entity.name.filename.find-in-files	#E6DB74	—
keyword.other	#798b96	—
meta.property-value, support.constant.property-value, constant.other.color	#3790DE	—
meta.structure.dictionary.json string.quoted.double.json	#2E6FD9	—
meta.structure.dictionary.value.json string.quoted.double.json	#3790DE	—
meta.property-name support.type.property-name	—	normal
meta.property-value punctuation.separator.key-value	#CAD9E3	—
keyword.other.use, keyword.other.function.use, keyword.other.namespace, keyword.other.new, keyword.other.special-method, keyword.other.unit	#ffffff	—
meta.use support.class.builtin, meta.other.inherited-class support.class.builtin	#CAD9E3	normal
variable.other		normal

VS Code preview

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

MultiTheme — MultiTheme Angular-io-Code

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+

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
—	#5C707A	—
comment	#969896	italic
string	#647F11	—
regexp-operator	#D43669	—
string.regexp.characterclass punctuation.definition.string.begin, string.regexp.characterclass punctuation.definition.string.end	#D43669	—
constant.numeric	#647F11	—
constant.language	#D43669	—
constant.character, constant.other, variable.other.constant	#D43669	—
variable	#D43669	—
keyword	#D43669	—
bitwise-operator	#D43669	—
storage	#D43669	—
storage.type	#D43669	—
entity.name.class	#D43669	—
entity.other.inherited-class	#D43669	—
entity.name.function	#D43669	—
variable.parameter	#5C707A	—
entity.name.tag	#D43669	—
entity.other.attribute-name	#647F11	—
support.function	#D43669	—
support.constant	#D43669	—
support.type, support.class	#D43669	—
support.other.variable	#D43669	—
invalid, invalid.illegal, invalid.deprecated	#D43669	—
entity.name.filename.find-in-files	#5C707A	—
constant.numeric.line-number.find-in-files, constant.numeric.line-number.match.find-in-files	#969896	—
meta.diff.header	#969896	italic
meta.diff.header punctuation.definition.from-file.diff	#D43669	italic
meta.diff.header punctuation.definition.to-file.diff	#647F11	italic
meta.diff.range	#969896	italic
markup.deleted	—	—
markup.deleted punctuation.definition.inserted	#D43669	—
markup.inserted	—	—
markup.inserted punctuation.definition.inserted	#647F11	—
markup.deleted.git_gutter	#D43669	—
markup.inserted.git_gutter	#647F11	—
markup.changed.git_gutter	#969896	—
markup.ignored.git_gutter	#b3b3b3	—
markup.untracked.git_gutter	#b3b3b3	—
source.css punctuation.definition.entity	#5C707A	—
source.css entity.other.attribute-name.pseudo-class, source.css entity.other.attribute-name.pseudo-element	#D43669	—
source.css meta.value, source.css support.constant, source.css support.function	#647F11	—
source.css constant.other.color	#647F11	—
source.scss punctuation.definition.entity	#5C707A	—
source.scss entity.other.attribute-name.pseudo-class, source.scss entity.other.attribute-name.pseudo-element	#D43669	—
source.scss support.constant.property-value, source.scss support.function	#647F11	—
source.scss variable	#D43669	—
variable.language.this.js	#D43669	—
source.js entity.name.function	#D43669	regular
source.js meta.function entity.name.function, source.js entity.name.function meta.function	#D43669	—
entity.name.type.new.js	#D43669	—
variable.language.prototype.js	#D43669	—
source.js support.function	#647F11	—
support.type.object.console.js	#D43669	—
meta.structure.dictionary.json string.quoted.double.json	#5C707A	—
meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json	#647F11	regular
source.python keyword	#D43669	—
source.python storage	#D43669	—
source.python storage.type	#D43669	—
source.python entity.name.function	#D43669	—
source.php entity.name.type.class	#D43669	—
variable.language.ruby	#D43669	—
entity.name.type.module.ruby	#D43669	—
entity.name.type.class.ruby	#D43669	—
entity.other.inherited-class.ruby	#D43669	—
punctuation.definition.heading.markdown, punctuation.definition.italic.markdown, punctuation.definition.bold.markdown, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown, punctuation.definition.link.markdown, punctuation.definition.blockquote.markdown, punctuation.definition.raw.markdown	#D43669	—
text.html.markdown meta.separator	#5C707A	—
text.html.markdown markup.heading	—	—
text.html.markdown markup.raw.block	#5C707A	—
text.html.markdown markup.raw.inline	#5C707A	—
text.html.markdown meta.link, text.html.markdown meta.image	#647F11	—
text.html.markdown markup.underline.link, text.html.markdown constant.other.reference	#647F11	italic
text.html.markdown markup.list	#D43669	—
text.html.markdown markup.bold	—	bold
text.html.markdown markup.italic	—	italic
text.html.markdown markup.bold markup.italic	—	italic bold
text.html.markdown markup.italic markup.bold	—	italic bold
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js, tag.decorator.ts entity.name.tag.ts, tag.decorator.ts punctuation.definition.tag.ts	#647F11	—
meta.return.type, meta.return-type, meta.cast, meta.type.annotation, support.type, entity.name.class, entity.name.type, storage.type.cs, storage.type.java	#D43669	—