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 Userscape

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
—	#879BB0	—
comment	#bbbbbb	—
string	#E3BD14	—
constant.numeric	#DE4D3A	—
constant.language	#355B8C	—
constant.character, constant.other	#355B8C	—
variable	—
keyword	#808C9C	—
storage	#355B8C
storage.type	#A8C0E0
entity.name.class	#355B8C	underline
entity.other.inherited-class	#355B8C	italic underline
entity.name.function	#E3BD14
variable.parameter		italic
entity.name.tag	#A8C0E0
entity.other.attribute-name	#355B8C
support.function	#DE4D3A
support.constant	#355B8C
support.type, support.class	#355B8C	italic
support.other.variable	—
invalid	#f8f8f0
invalid.deprecated	#f8f8f0	—
meta.structure.dictionary.json string.quoted.double.json	#E3BD14	—
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	#7d7d7d	—
meta.property-value, support.constant.property-value, constant.other.color	#E3BD14	—
meta.structure.dictionary.json string.quoted.double.json	#355B8C	—
meta.structure.dictionary.value.json string.quoted.double.json	#E3BD14	—
meta.property-name support.type.property-name	—	normal
meta.property-value punctuation.separator.key-value	#879BB0	—
keyword.other.use, keyword.other.function.use, keyword.other.namespace, keyword.other.new, keyword.other.special-method, keyword.other.unit, keyword.other.use-as	#A8C0E0	—
meta.use support.class.builtin, meta.other.inherited-class support.class.builtin	#879BB0	normal
variable.other		normal
variable.parameter.function.coffee	#DE4D3A	italic
entity.name.section.markdown	#355B8C	—
punctuation.definition.heading.markdown	#808C9C	—
markup.raw.inline.markdown	#E3BD14	—
punctuation.definition.bold.markdown, punctuation.definition.italic.markdown	#808C9C	—
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown	#808C9C	—
punctuation.definition.metadata.markdown	#808C9C	—
markup.underline.link.markdown, markup.underline.link.image.markdown, meta.image.inline.markdown	#A8C0E0	italic
markup.bold.markdown, markup.italic.markdown	#A8C0E0	—
markup.italic.markdown	—	italic
markup.bold.markdown	—	bold
markup.raw.block.markdown	#00a8c6	—
markup.deleted.git_gutter	#e61f44	—
markup.inserted.git_gutter	#a7da1e	—
markup.changed.git_gutter	#f7b83d	—
entity.other.attribute-name.class.css	#E3BD14	—

VS Code preview

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

MultiTheme — MultiTheme Vibrant_Ink

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
—	#FFFFFF	—
text	#FFFFFF	—
source.ruby.rails.embedded.html	—	—
text.html.ruby	#FFFFFF	—
invalid, invalid.deprecated	#CCFF33	—
constant.numeric	#99CC99	—
source.ruby	—	—
source	#FFFFFF	—
comment	#9933CC	—
constant	#339999	—
keyword	#FF6600
keyword.preprocessor	#EDF8F9
keyword.preprocessor directive	#FFFFFF
entity.name.function, storage.type.function.js	#FFCC00
variable.parameter	—	italic
source comment.block	#772CB7	—
variable.other	#FFFFFF
support.function	#FFCC00	—
string	#66FF00	—
string constant.character.escape	#AAAAAA	—
string.interpolated	#000000	—
string.regexp	#44B4CC	—
string.literal	#CCCC33	—
string.interpolated constant.character.escape	#555555	—
entity.name.class, support.class.js	—	underline
entity.other.inherited-class	—	italic underline
entity.name.tag	—
meta.tag.inline.any.html, meta.tag.block.any.html	#FF6600
entity.other.attribute-name	#99CC99	italic
keyword.other	#DDE93D	—
meta.selector.css, entity.other.attribute-name.pseudo-class.css, entity.name.tag.wildcard.css, entity.other.attribute-name.id.css, entity.other.attribute-name.class.css	#FF6600	—
support.type.property-name.css	#999966	—
keyword.other.unit.css, constant.other.rgb-value.css, constant.numeric.css	#FFFFFF	—
support.function.event-handler.js	#FFFFFF	—
keyword.operator.js	#FFFFFF	—
keyword.control.js	#CCCC66	—
support.class.prototype.js	#FFFFFF	—
object.property.function.prototype.js	#FF6600	—

VS Code preview

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

MultiTheme — MultiTheme VivoSub

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
—	#FFFDF8	—
comment	#8CCAA5
comment.block	#8CCAA5
constant	#FFFDF8
entity	#EFC987
keyword.operator	#FFFDF8
keyword	#BE7B1E	bold
constant.numeric	#FFFDF8
storage	#D98E0B
storage.modifier	#D98E0B	bold
storage.modifier.import	#FFFDF8
storage.type.annotation	#B7B7B7
storage.type	#FFFDF8
storage.type.js	#D98E23	—
storage.modifier.package	#FFFDF8
meta.throwables	#FFFDF8
string	#5E82D6
support	#FFFDF8
variable	#FFFCF8
variable.other.makefile	#B1C1E4
invalid	#F45E43	—
text source	#F0F0F0
text.html.ruby source	#F0F0F0
entity.other.inherited-class	#B7B7B7
string source, string support	#B1C1E4
string constant	#5A7FD5	bold
string.regexp	#6487D8	italic
string variable	#B1C1E4
support.function	#FFFDF8
support.constant	#FFFDF8
meta.preprocessor	#B1C1E4
punctuation.definition.range.diff, meta.diff.range.context	#8CCAA5	—
punctuation.definition.separator.diff	#8CCAA5	—
meta.preprocessor entity	#B1C1E4
keyword.control.import	#B1C1E4	bold
string.quoted.double.include, string.quoted.other.lt-gt.include	#B1C1E4	—
declaration.sgml.html declaration.doctype, declaration.sgml.html declaration.doctype entity, declaration.sgml.html declaration.doctype string, declaration.xml-processing, declaration.xml-processing entity, declaration.xml-processing string	#6D6D6D
declaration.tag, declaration.tag entity, meta.tag, meta.tag entity	#B1C1E4
meta.diff, meta.diff.header	#A05957
meta.diff.only	#E44E51	bold
markup.deleted	#F45E43	—
markup.changed	#D98E23	bold
markup.inserted	#6A8FE0	—
markup.heading	#6D93D4	bold
markup.quote	#afb5a2	italic
markup.list	#FDE6B9
markup.raw.block.markdown	#b1c1db	—
markup.raw.inline.markdown	#b1c1db	—
markup.output, markup.raw	#dc6d54	—
markup.prompt	#dc6d54	—
markup entity	#6D93D4	bold
markup.raw	#DCF3E6
string.other.link.description.markdown, string.other.link.title.markdown, constant.other.reference.link.markdown	#D98E0B	—
sublimelinter.gutter-mark	#FFFFFF	—
sublimelinter.mark.warning	#DDB700	—
sublimelinter.mark.error	#D02000	—

VS Code preview

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

MultiTheme — MultiTheme WarmNeon

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
—	#9bc28e	—
comment	#ff6666	—
string	#7ecd00	—
string.quoted source	#d2c200	—
constant.numeric	#e54242	bold
constant.language	#00cccc	—
constant.character, constant.other	#b281ff	—
variable	—
keyword	#cca000	—
storage	#f9266b
storage.type	#cca000	bold
entity.name.class, entity.name.type.class, support.class	#ffffff	bold
entity.other.inherited-class	#99c28e	—
entity.name.function	#ffffff	—
variable.parameter	#cca000	—
entity.name.tag	#c69957
entity.other.attribute-name	#dedb72
support.function	#00c5cc
support.constant	#66d4ef
support.type, support.class	#00c5cc	—
support.other.variable	—
string.quoted.double.block.python	#d2c200	—
invalid	#000000
invalid.deprecated	#f8f8f0	—
string constant	#00ff00	—