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 DarkRoomContrast

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
—	#808080	—
invisibles	#ffffffff	—
dont.match	—	—
dont.match	—	—
console.error	#ff0000ff	—
console.input	#5fafb0ff	—
console.prompt	#8384a1ff	—
console.warning	#ffd700ff	—
console.debug	#ffec8bff	—
hyperlink	#548fa0ff	—
dont.match	—	—
markup.deleted	#f8f8f8ff	—
markup.inserted	#f8f8f8ff	—
markup.changed	#f8f8f8ff	—
markup.underline	#c0c0c0ff	underline
markup.bold	#c0c0c0ff	bold
markup.italic	#c0c0c0ff	italic
meta.diff, meta.diff.header	#f8f8f8ff	italic
meta.separator.diff	#ffffffff	italic
meta.separator	#ffffffff	—
property	#879ab5ff	—
dont.match	—	—
comment	#808000ff	italic
constant	#cf6a4cff	—
entity	#cda869ff	—
keyword	#6b764eff	—
storage	#60937eff	—
string	#6b764eff	—
support	#9b7a9dff	—
variable	#7587a6ff	—
invalid.deprecated	#d2a8a1ff	italic,underline
invalid.illegal	#f8f8f8ff	—
text source	#808080ff	—
text.html.ruby source	#c8c8c8ff	—
entity.other.inherited-class	#9b5c2eff	italic
string source	#daefa3ff	—
string constant	#ddf2a4ff	—
string.regexp	#e9c062ff	—
string.regexp constant.character.escape, string.regexp source.ruby.embedded, string.regexp string.regexp.arbitrary-repitition	#cf7d34ff	—
string variable	#8a9a95ff	—
support.function	#dad085ff	—
support.constant	#cf6a4cff	—
meta.preprocessor.c	#8996a8ff	—
meta.preprocessor.c keyword	#afc4dbff	—
meta.tag.sgml.doctype, meta.tag.sgml.doctype entity, meta.tag.sgml.doctype string, meta.tag.preprocessor.xml, meta.tag.preprocessor.xml entity, meta.tag.preprocessor.xml string	#494949ff	—
declaration.tag, declaration.tag entity, meta.tag, meta.tag entity	#ac885bff	—
declaration.tag.inline, declaration.tag.inline entity, source entity.name.tag, source entity.other.attribute-name, meta.tag.inline, meta.tag.inline entity	#e0c589ff	—
meta.selector.css entity.name.tag	#cc7832ff	—
meta.selector.css entity.other.attribute-name.tag.pseudo-class	#9b7a9dff	—
meta.selector.css entity.other.attribute-name.id	#cda869ff	—
meta.selector.css entity.other.attribute-name.class	#9b703fff	—
support.type.property-name.css	#7587a6ff	—
meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css	#6b764eff	—
meta.preprocessor.at-rule keyword.control.at-rule	#cc7832ff	—
meta.property-value support.constant.named-color.css, meta.property-value constant	#6b764eff	—
meta.constructor.argument.css	#8f9d6aff	—
meta.diff, meta.diff.header, meta.separator	#f8f8f8ff	italic
markup.deleted	#f8f8f8ff	—
markup.changed	#f8f8f8ff	—
markup.inserted	#f8f8f8ff	—
meta.string-contents.quoted.double.php variable.other.php	#1cf615ff	—
markup.list	#f9ee98ff	—
markup.heading	#cf6a4cff	—
override.searchResultIndication	—	—
override.xmlTagPairOccurrenceIndication	—	—
override.htmlTagPairOccurrenceIndication	—	—
override.rubyBlockPairOccurrenceIndication	—	—
override.pydevOccurrenceIndication	—	—
markup.deleted.git_gutter	#F92672	—
markup.inserted.git_gutter	#A6E22E	—
markup.changed.git_gutter	#967EFB	—
markup.ignored.git_gutter	#565656	—
markup.untracked.git_gutter	#565656	—

VS Code preview

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

MultiTheme — MultiTheme DarkRoomNormal

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
—	#808080	—
invisibles	#ffffffff	—
dont.match	—	—
dont.match	—	—
console.error	#ff0000ff	—
console.input	#5fafb0ff	—
console.prompt	#8384a1ff	—
console.warning	#ffd700ff	—
console.debug	#ffec8bff	—
hyperlink	#548fa0ff	—
dont.match	—	—
markup.deleted	#f8f8f8ff	—
markup.inserted	#f8f8f8ff	—
markup.changed	#f8f8f8ff	—
markup.underline	#c0c0c0ff	underline
markup.bold	#c0c0c0ff	bold
markup.italic	#c0c0c0ff	italic
meta.diff, meta.diff.header	#f8f8f8ff	italic
meta.separator.diff	#ffffffff	italic
meta.separator	#ffffffff	—
property	#879ab5ff	—
dont.match	—	—
comment	#808000ff	italic
constant	#cf6a4cff	—
entity	#cda869ff	—
keyword	#6b764eff	—
storage	#60937eff	—
string	#6b764eff	—
support	#9b7a9dff	—
variable	#7587a6ff	—
invalid.deprecated	#d2a8a1ff	italic,underline
invalid.illegal	#f8f8f8ff	—
text source	#808080ff	—
text.html.ruby source	#c8c8c8ff	—
entity.other.inherited-class	#9b5c2eff	italic
string source	#daefa3ff	—
string constant	#ddf2a4ff	—
string.regexp	#e9c062ff	—
string.regexp constant.character.escape, string.regexp source.ruby.embedded, string.regexp string.regexp.arbitrary-repitition	#cf7d34ff	—
string variable	#8a9a95ff	—
support.function	#dad085ff	—
support.constant	#cf6a4cff	—
meta.preprocessor.c	#8996a8ff	—
meta.preprocessor.c keyword	#afc4dbff	—
meta.tag.sgml.doctype, meta.tag.sgml.doctype entity, meta.tag.sgml.doctype string, meta.tag.preprocessor.xml, meta.tag.preprocessor.xml entity, meta.tag.preprocessor.xml string	#494949ff	—
declaration.tag, declaration.tag entity, meta.tag, meta.tag entity	#ac885bff	—
declaration.tag.inline, declaration.tag.inline entity, source entity.name.tag, source entity.other.attribute-name, meta.tag.inline, meta.tag.inline entity	#e0c589ff	—
meta.selector.css entity.name.tag	#cc7832ff	—
meta.selector.css entity.other.attribute-name.tag.pseudo-class	#9b7a9dff	—
meta.selector.css entity.other.attribute-name.id	#cda869ff	—
meta.selector.css entity.other.attribute-name.class	#9b703fff	—
support.type.property-name.css	#7587a6ff	—
meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css	#6b764eff	—
meta.preprocessor.at-rule keyword.control.at-rule	#cc7832ff	—
meta.property-value support.constant.named-color.css, meta.property-value constant	#6b764eff	—
meta.constructor.argument.css	#8f9d6aff	—
meta.diff, meta.diff.header, meta.separator	#f8f8f8ff	italic
markup.deleted	#f8f8f8ff	—
markup.changed	#f8f8f8ff	—
markup.inserted	#f8f8f8ff	—
meta.string-contents.quoted.double.php variable.other.php	#1cf615ff	—
markup.list	#f9ee98ff	—
markup.heading	#cf6a4cff	—
override.searchResultIndication	—	—
override.xmlTagPairOccurrenceIndication	—	—
override.htmlTagPairOccurrenceIndication	—	—
override.rubyBlockPairOccurrenceIndication	—	—
override.pydevOccurrenceIndication	—	—
markup.deleted.git_gutter	#F92672	—
markup.inserted.git_gutter	#A6E22E	—
markup.changed.git_gutter	#967EFB	—
markup.ignored.git_gutter	#565656	—
markup.untracked.git_gutter	#565656	—

VS Code preview

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

MultiTheme — MultiTheme Darkside

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
—	#BABABA	—
comment	#494B4D	—
string	#F2D42C	—
constant.numeric	#8E69C9	—
constant.language	#E8341C	—
constant.character, constant.other	#E8341C	—
variable	—
keyword	#F08D24	—
storage	#E8341C
storage.type	#1CC3E8
entity.name.class	#E8341C	underline
entity.other.inherited-class	#E8341C	italic underline
entity.name.function	#68C244
variable.parameter		italic
entity.name.tag	#1CC3E8
entity.other.attribute-name	#E8341C
support.function	#8E69C9
support.constant	#E8341C
support.type, support.class	#E8341C	italic
support.other.variable	—
invalid	#f8f8f0
invalid.deprecated	#f8f8f0	—
meta.structure.dictionary.json string.quoted.double.json	#F2D42C	—
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	#696b6e	—
meta.property-value, support.constant.property-value, constant.other.color	#F2D42C	—
meta.structure.dictionary.json string.quoted.double.json	#E8341C	—
meta.structure.dictionary.value.json string.quoted.double.json	#F2D42C	—
meta.property-name support.type.property-name	—	normal
meta.property-value punctuation.separator.key-value	#BABABA	—
keyword.other.use, keyword.other.function.use, keyword.other.namespace, keyword.other.new, keyword.other.special-method, keyword.other.unit, keyword.other.use-as	#1CC3E8	—
meta.use support.class.builtin, meta.other.inherited-class support.class.builtin	#BABABA	normal
variable.other		normal
variable.parameter.function.coffee	#8E69C9	italic
entity.name.section.markdown	#E8341C	—
punctuation.definition.heading.markdown	#F08D24	—
markup.raw.inline.markdown	#F2D42C	—
punctuation.definition.bold.markdown, punctuation.definition.italic.markdown	#F08D24	—
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown	#F08D24	—
punctuation.definition.metadata.markdown	#F08D24	—
markup.underline.link.markdown, markup.underline.link.image.markdown, meta.image.inline.markdown	#1CC3E8	italic
markup.bold.markdown, markup.italic.markdown	#1CC3E8	—
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	#68C244	—

VS Code preview

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

MultiTheme — MultiTheme Darkside_light_selection

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
mcol_E4E4E5FF	#000000FF	—
mcol_004666FF	#FFFFFFFF	—
mcol_FFFFFFFF	#000000FF	—
mcol_EBCED7FF	#000000FF	—
mcol_A21E4DFF	#FFFFFFFF	—
mcol_98A6ACFF	#000000FF	—
mcol_4C53567F	#FFFFFFFF	—
mcol_D3D6D9FF	#000000FF	—
mcol_67899DFF	#000000FF	—
mcol_67879DFF	#000000FF	—
mcol_D0D0D0FF	#000000FF	—
mcol_4F4F4FFF	#FFFFFFFF	—
mcol_E5E6E9FF	#000000FF	—
mcol_C0C0C0FF	#000000FF	—
mcol_FF0000FF	#FFFFFFFF	—
mcol_90949900	#FFFFFFFF	—
mcol_90949926	#FFFFFFFF	—
mcol_90949919	#FFFFFFFF	—
mcol_9094990C	#FFFFFFFF	—
mcol_D8AA00FF	#000000FF	—
mcol_FF8629FF	#000000FF	—
mcol_000000FF	#FFFFFFFF	—
mcol_222324FF	#FFFFFFFF	—
mcol_F8F8F0FF	#000000FF	—
mcol_BABABAFF	#000000FF	—
mcol_3B3A32FF	#FFFFFFFF	—
mcol_303333FF	#FFFFFFFF	—
mcol_FFE792FF	#000000FF	—
mcol_222218FF	#FFFFFFFF	—
mcol_9D550FB0	#FFFFFFFF	—
mcol_F8F8F2A5	#000000FF	—
mcol_494B4DFF	#FFFFFFFF	—
mcol_F2D42CFF	#000000FF	—
mcol_8E69C9FF	#FFFFFFFF	—
mcol_F08D24FF	#000000FF	—
mcol_E8341CFF	#FFFFFFFF	—
mcol_1CC3E8FF	#000000FF	—
mcol_68C244FF	#000000FF	—
mcol_00A8C6FF	#FFFFFFFF	—
mcol_8FBE00FF	#000000FF	—
mcol_CFCFC2FF	#000000FF	—
mcol_75715EFF	#FFFFFFFF	—
mcol_A6E22EFF	#000000FF	—
mcol_E6DB74FF	#000000FF	—
mcol_8FBE00A0	#FFFFFFFF	—
mcol_D02000FF	#FFFFFFFF	—
mcol_DDB700FF	#000000FF	—
mcol_303343FF	#FFFFFFFF	—
mcol_6B6F72FF	#FFFFFFFF	—
mcol_75787BFF	#FFFFFFFF	—
mcol_75786BFF	#FFFFFFFF	—
mcol_75781BFF	#FFFFFFFF	—
mcol_75780BFF	#FFFFFFFF	—
mcol_7578FBFF	#000000FF	—
—	#BABABA	—
comment	#494B4D	—
string	#F2D42C	—
constant.numeric	#8E69C9	—
constant.language	#8E69C9	—
constant.character, constant.other	#8E69C9	—
variable	—
keyword	#F08D24	—
storage	#E8341C
storage.type	#1CC3E8	italic
entity.name.class	#8E69C9	underline
entity.other.inherited-class	#8E69C9	italic underline
entity.name.function	#68C244
variable.parameter	#8E69C9	italic
entity.name.tag	#E8341C
entity.other.attribute-name	#68C244
support.function	#8E69C9
support.constant	#8E69C9
support.type, support.class	#8E69C9	italic
support.other.variable	—
invalid	#F8F8F0
invalid.deprecated	#F8F8F0	—
meta.structure.dictionary.json string.quoted.double.json	#CFCFC2	—
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	—
sublimelinter.mark.error	#D02000	—
sublimelinter.mark.warning	#DDB700	—
sublimelinter.gutter-mark	#FFFFFF	—