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 LightBulb

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	#75715E	—
string	#73D7E6	—
constant.numeric	#AE81FF	—
constant.language	#AE81FF	—
constant.character, constant.other	#AE81FF	—
variable	—
keyword	#FA6023	—
storage	#8B23FA	italic
storage.type	#FFD900	italic
entity.name.class	#A6E22E	bold italic
entity.other.inherited-class	#2DE0E0	italic bold
entity.name.function	#A6E22E
variable.parameter	#FD971F	italic
entity.name.tag	#FF8F0F
entity.other.attribute-name	#A6E22E
support.function	#B02AD1
support.constant	#66D9EF
support.type, support.class	#66D9EF	italic
support.other.variable	—
invalid	#F8F8F0
invalid.deprecated	#F8F8F0	—

VS Code preview

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

MultiTheme — MultiTheme MagicWB_Amiga

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	—
comment	#8D2E75	italic
string	#FFFFFF
constant.numeric	#FFFFFF	—
constant.language	#FFA995	bold
constant.character, constant.other	#FFA995
variable.language, variable.other	#FFA995	—
keyword	—	bold
storage	#3A68A3	bold
entity.name.type	—	underline
entity.other.inherited-class	—	italic
entity.name.function	#FFA995
variable.parameter	—	italic
entity.name	#0000FF	bold
entity.other.attribute-name	#3A68A3	italic
support.function	#E5B3FF	—
support.function.any-method	#000000
support.function.any-method - punctuation	—	italic
support.constant	#FFFFFF	—
support.type, support.class	#FFA995	—
support.variable	#3A68A3	—
invalid	#FFFFFF	—
string.quoted.other.lt-gt.include	#FFA995	italic
string.quoted.double.include	#FFA995	—
markup.list	#4D4E60	—
markup.raw	#FFFFFF	—
markup.quote	#00F0C9	—
markup.quote markup.quote	#4C457E
text.html source	—	—

VS Code preview

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

MultiTheme — MultiTheme MarsPeacock

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
—	#EDE7CB	—
comment	#728083	—
constant	#B4DC35	—
constant.other.placeholder, constant.character.escape	#FD4040	—
entity, support.class, support.type	#FF942C	—
invalid	—	—
keyword	#269FD9	—
markup	#EDE7CB	—
storage	#26B5A3	—
string	#B4DC35	—
variable.language	#FD4040	—
constant.language.source.cs	#FD4040	—
meta.new-object.source.cs storage.modifier, meta.method.body.source.cs storage.modifier	#269FD9	—
meta.new-object.source.cs meta.method	#FF942C	—
meta.keyword.using.source.cs	#FF942C	—
entity.name.function.source.cs	#EDE7CB	—
source.cs storage.type	#FF942C	—
meta.method.return-type.source.cs	#FF942C	—
comment.block.documentation.source.cs entity, comment.block.documentation.source.cs punctuation.definition.tag	#26B5A3	—
meta.class-struct-block.base-classes.c++	#FF942C	—
storage.type.c	#FF942C	—
entity.name.function.c++, entity.name.function.c	#EDE7CB	—
comment.block.documentation.javadoc keyword.other.documentation	#26B5A3	—
meta.function.destructor.c++ entity.name.function.c++, meta.function.constructor.c++ entity.name.function.c++	#FD4040	—
storage.modifier.import.java	#FF942C	—
source.java storage.type	#FF942C	—
entity.name.function.java	#EDE7CB	—
comment.block.documentation.javadoc keyword.other.documentation	#26B5A3	—
storage.type.annotation.java	#26B5A3	—
brackethighlighter.curly	#EDE7CB	—
brackethighlighter.round	#EDE7CB	—
brackethighlighter.square	#EDE7CB	—
brackethighlighter.tag	#FF942C	—
brackethighlighter.angle	#FF942C	—
brackethighlighter.quote	#B4DC35	—
brackethighlighter.unmatched	#FD4040	—
markup.deleted	#FD4040	—
markup.inserted	#B4DC35	—
markup.changed	#269FD9	—
markup.ignored	#728083	—
markup.untracked	#728083	—
support.function.construct.php	#269FD9	—
source.php variable.other.global	#FD4040	—
keyword.other.phpdoc.php	#26B5A3	—
support.other.namespace.use.php	#FF942C	—
support.function.magic.php	#FD4040	—
variable.function.constructor.js, variable.other.class.js	#FF942C	—
punctuation.separator.key-value.js	#EDE7CB	—
source.js support.type.object	#FD4040	—
support.type.property-name.scss	#269FD9	—
support.constant.property-value.scss, support.constant.font-name.scss, support.constant.color.w3c-standard-color-name.scss	#B4DC35	—
support.function.misc.scss	#FF942C	—
punctuation.definition.entity.scss	#FD4040	—
variable.interpolation.scss	#B4DC35	—
variable.parameter.url.scss	#B4DC35	—
support.type.property-name.css	#269FD9	—
support.constant.property-value.css, support.constant.font-name.css, support.constant.color.w3c-standard-color-name.css	#B4DC35	—
support.function.misc.css	#FF942C	—
punctuation.definition.entity.css	#FD4040	—
punctuation.definition.tag	#FD4040	—
punctuation.definition.heading.markdown	#FD4040	—
meta.dummy.line-break	—	—
meta.separator.markdown	#728083	—
markup.italic	#269FD9	—
markup.bold	#FF942C	—
markup.quote	#B4DC35	—
markup.raw	#FD4040	—
markup.underline.link	#26B5A3	—

VS Code preview

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

MultiTheme — MultiTheme Material

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
—	#588787	—
comment	#536D798A	—
string	#C3E88D	—
constant.numeric	#F77669	—
constant.language	#F77669	—
constant.character, constant.other	#F77669	—
variable	#F8516D
keyword	#89DDFF	—
storage	#C792EA
storage.type	#C792EA	italic
entity.name.class	#FFCB6B	underline
entity.other.inherited-class	#C3E88D	italic underline
entity.name.function	#89DDFF
variable.parameter	#FD971F	italic
entity.name.tag	#FF5370
entity.other.attribute-name	#FFCB6B
support.function	#C792EA
support.constant	#F77669
support.type, support.class	#7FCAC3	italic
support.other.variable
invalid	#F8F8F0
invalid.deprecated	#F8F8F0	—