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 dop

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
—	#DDDDDD	—
comment	#686868	—
string	#8ccff8	—
constant.numeric	#1fa1f1	bold
constant.language	#1fa1f1	bold
constant.character, constant.other	#1fa1f1	bold
variable	—
keyword	#E12977	—
storage	#E12977	—
storage.type	#E12977	bold italic
entity.name.class	#CFE36D	—
entity.other.inherited-class	#CFE36D	bold
entity.name.function	#CFE36D	bold
variable.parameter	#FFFFFF	bold italic
entity.name.tag	#E12977
entity.other.attribute-name	#CFE36D	bold
support.function	#FFA000	bold
support.constant	#EEEEEE
support.type, support.class	#FFA000
support.other.variable	—
invalid	#000
invalid.deprecated	#ffff05	—

VS Code preview

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

MultiTheme — MultiTheme Dracula

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
—	#F8F8F2	—
comment	#6272a4
string	#f1fa8c	—
constant.numeric	#bd93f9	—
constant.language	#bd93f9	—
constant.character, constant.other	#bd93f9	—
variable	—
keyword	#ff79c6	—
meta.tag, declaration.tag	#ff79c6
storage	#ff79c6
storage.type	#8be9fd	italic
entity.name.class	#50fa7b	underline
entity.other.inherited-class	#50fa7b	italic underline
entity.name.function	#50fa7b
variable.parameter	#ffb86c	italic
entity.name.tag	#ff79c6
entity.other.attribute-name	#50fa7b
support.function	#8be9fd
support.constant	#6be5fd
support.type, support.class	#66d9ef	italic
support.other.variable	—
invalid	#F8F8F0
invalid.deprecated	#F8F8F0	—
meta.structure.dictionary.json string.quoted.double.json	#CFCFC2	—
meta.diff, meta.diff.header	#6272a4	—
markup.deleted	#ff79c6	—
markup.inserted	#50fa7b	—
markup.changed	#E6DB74	—
constant.numeric.line-number.find-in-files - match	#bd93f9	—
entity.name.filename	#E6DB74	—
message.error	#F83333	—

VS Code preview

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

MultiTheme — MultiTheme Dreamweaver

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
—	#000000	—
text	#000000	—
constant.numeric - source.css	#EE000B
comment	#9A9A9A
text.html meta.tag	#00359E
text.html.basic meta.tag string.quoted - source	#001EFF	—
text.html.basic constant.character.entity.html	#000000	bold
text.html meta.tag.a - string	#106800
text.html meta.tag.img - string	#6D232E	—
text.html meta.tag.form - string	#FF9700	—
text.html meta.tag.table - string	#009079	—
source.js.embedded.html punctuation.definition.tag - source.php, source.js.embedded.html entity.name.tag.script, source.js.embedded entity.other.attribute-name - source.js string	#842B44
source.js comment - source.php	#9A9A9A	—
source.js meta.function - source.php	#000000
source.js meta.class - source.php, source.js support.function - source.php	#24C696	—
source.js string - source.php, source.js keyword.operator	#0035FF
source.js support.class	#7E00B7	—
source.js storage	#000000	bold
source.js storage - storage.type.function - source.php, source.js constant - source.php, source.js keyword - source.php, source.js variable.language, source.js meta.brace, source.js punctuation.definition.parameters.begin, source.js punctuation.definition.parameters.end	#05208C	bold
source.js string.regexp, source.js string.regexp constant	#106800	—
source.css.embedded.html punctuation.definition.tag, source.css.embedded.html entity.name.tag.style, source.css.embedded entity.other.attribute-name - meta.selector	#8D00B7	—
source.css meta.at-rule.import.css	#009C7F	bold
source.css keyword.other.important	#EE000B	bold
source.css meta.at-rule.media	#430303	bold
source.css string	#106800	—
source.css meta.selector, source.css meta.property-list, source.css meta.at-rule	#DA29FF	—
source.css punctuation.separator - source.php, source.css punctuation.terminator - source.php	#DA29FF	bold
source.css meta.property-name	#05208C	—
source.css meta.property-value	#0035FF	—
source.php punctuation.section.embedded.begin, source.php punctuation.section.embedded.end	#EE000B	bold
source.php - punctuation.section	#000000
source.php variable, source.php meta.function.arguments	#000000	—
source.php punctuation - string - variable - meta.function	#05208C	—
source.php storage.type	#24BF96	—
source.php keyword - comment, source.php storage.type.class, source.php storage.type.interface, source.php storage.modifier, source.php constant.language	#009714	—
source.php support, source.php storage, source.php keyword.operator, source.php storage.type.function	#0035FF	—
source.php variable.other.global	#0092F2	—
source.php support.constant, source.php constant.language.php	#551D02	—
source.php string, source.php string keyword.operator	#E20000
source.php string.quoted.double variable	#FF6200	—
source.php comment	#FF9404	—
invalid	#EE000B	bold

VS Code preview

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

MultiTheme — MultiTheme dropin

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
—	#395063	—
comment	#919d9f	italic
string	#05ad97	—
constant.numeric	#d35400	—
constant.language	#ed912c	—
constant.character, constant.other	#ed912c	—
variable	#3193c6
keyword	#d35400	—
storage	#cd4e38
storage.type	#c0392b	—
entity.name.class	#05ad97	—
entity.other.inherited-class	#05ad97	—
entity.name.function	#a15ebb	—
variable.parameter	#f7ab13	—
entity.name.tag	#3193c6	—
entity.other.attribute-name	#a15ebb	—
support.function	#3092c6
support.constant	#3193c6
support.type, support.class	#3193c6	—
support.other.variable	#395063	bold
invalid	#cd4e38	bold
invalid.deprecated	#a15ebb	bold