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 NeonGlow

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
—	#777777	—
comment	#a1784cee	italic bold
string	#aaafebee	—
constant.numeric	#8fc2bbbb	—
meta.use, support.other.namespace	#ef6aa7dd	—
constant.language	#bDbe82
storage	#8B6ccfff	—
entity.name.function	#12ffa9f7	—
meta.function-call	#cBaf6cff	—
support.function	#ADAeB2	—
entity.name.function.misc	#E3E4A9	—
entity.name.function.predicate	#A5DF93	—
entity.name.function.io	#DFB3AC	—
variable.other.external-symbol	#BBDFDD	—
variable.language, variable.other	#3aafff	—
variable.parameter, variable.assignment	#3aafff	—
keyword.control	#cB5F5Df0
keyword.operator	#bB7Dbf
keyword	#bB7Dbf
entity.name.structure	#22ff99df	—
entity.name.type	#af77a9ee	—
meta.class, entity.name.class, entity.name.type.class	#ff4377	—
support.class	#ef6aa7dd	—
invalid	#DFDFD5	—
string source	#3399ffff	italic
entity.name.tag	#49a6d2	—
entity.other.attribute-name	#4986c2cc
source.php, source.asp, source.ruby, source.python, source.perl, punctuation.whitespace	—	—
text	—	—
source.css	—	—
source.js	—	—
markup.inserted.git_gutter	#6cc644	—
markup.deleted.git_gutter	#ff7Dbf	—
markup.changed.git_gutter	#ff984c	—
markup.inserted	#12ffa9a0	—
markup.deleted	#ff4377a0	—
markup.changed, meta.diff.range	#a1784c	—
meta.diff.header	#a1784c	—
source.git-diff.command	#bB7Dbf	—
sublimelinter.mark.error	#D02000	—
sublimelinter.mark.warning	#DDB700	—
sublimelinter.gutter-mark	#FFFFFF	—

VS Code preview

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

MultiTheme — MultiTheme NetBeans

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	—
entity.name.class	—	bold
comment	#969696	—
entity.name.function	—	bold
keyword	#0000E6	—
string	#D27B00	—
punctuation.definition.tag.begin, punctuation.definition.tag.end	#0000E6	—
entity.name.tag	#0000E6	—
entity.other.attribute-name	#009900	—
entity.name.tag.css	#009900	bold
entity.other.attribute-name.id.css, entity.other.attribute-name.class.css	#009900	bold
entity.other.attribute-name.class.css	#009900	bold
entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css	#000000	italic
support.type.property-name.css	#0000E6	—
support.constant.property-value.css		—
constant.numeric.css	#000000	—
keyword.other.unit.css	#000066	—
support.function.misc.css	#000066	—
variable.parameter.misc.css	#D27B00	—
punctuation.definition.tag.html	#0000E6	—
storage.type.annotation.java	#000000	—
entity.name.type.class.java	—	bold
entity.name.function.java	—	bold
keyword.other.documentation.param.javadoc, keyword.other.documentation.return.javadoc, keyword.other.documentation.throws.javadoc, keyword.other.documentation.exception.javadoc, keyword.other.documentation.author.javadoc, keyword.other.documentation.version.javadoc, keyword.other.documentation.see.javadoc, keyword.other.documentation.since.javadoc, keyword.other.documentation.serial.javadoc, keyword.other.documentation.serialField.javadoc, keyword.other.documentation.serialData.javadoc, keyword.other.documentation.deprecated.javadoc, keyword.other.documentation.custom.javadoc	#969696	bold
constant.language.java, variable.language.java, storage.modifier.extends.java, storage.modifier.implements.java	#0000E6	—
storage.modifier.java	#0000E6	—
keyword.conditional.java, keyword.operator.arithmetic.java, keyword.operator.assignment.java, keyword.operator.comparison.java, keyword.operator.dereference.java, keyword.operator.increment-decrement.java, keyword.operator.logical.java	#000000	—
storage.type.primitive.java, storage.type.primitive.array.java	#0000E6	—
entity.name.function.js	—	bold
storage.type.js, storage.modifier.js, storage.type.function.js, constant.language.js, constant.language.boolean.true.js, constant.language.boolean.false.js, constant.language.null.js, variable.language.js, keyword.reserved.js	#0000E6	—
keyword.operator.js	#000000	—
keyword.other.directive.jsp	—	bold
keyword.operator.assignment.jsp	#000000	—
constant.other.directive.attribute.jsp	#009900	—
entity.name.filename.todo-list	#0000E6	—
constant.numeric.item-number.todo-list, constant.numeric.line-number.todo-list	#990099	—

VS Code preview

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

MultiTheme — MultiTheme Nette

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	—
keyword	#E03C3C	bold
keyword.operator	#000000	normal
constant.language	#E03C3C	bold
keyword.control.import	#E03C3C	bold
storage	#E03C3C	bold
variable	#d59401	bold
variable.other.property	#000000	normal
constant	#d59401	bold
string, constant.other.symbol	#008000	—
constant.numeric	#cd0673	normal
support.class	#d59401	bold
meta.function-call.static	#E03C3C	bold
support.function.builtin_functions	#E03C3C	bold
support.class	#000000	normal
comment	#929292	—
comment.block.documentation	#929292	bold
entity.name.tag	#559D00	bold
punctuation.definition.tag	#559D00	bold
entity.other.attribute-name	#89a315	normal
string.quoted.double.html, string.quoted.single.html	#448CCB	bold
keyword.doctype.xml	#559D00	bold

VS Code preview

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

MultiTheme — MultiTheme New-Day

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	—
keyword	#E03C3C	bold
keyword.operator	#000000	normal
constant.language	#E03C3C	bold
keyword.control.import	#E03C3C	bold
storage	#E03C3C	bold
variable	#d59401	bold
variable.other.property	#000000	normal
constant	#d59401	bold
string, constant.other.symbol	#008000	—
constant.numeric	#cd0673	normal
support.class	#d59401	bold
meta.function-call.static	#E03C3C	bold
support.function.builtin_functions	#E03C3C	bold
support.class	#000000	normal
comment	#929292	—
comment.block.documentation	#929292	bold
entity.name.tag	#038500	bold
punctuation.definition.tag	#038500	bold
entity.other.attribute-name	#89a315	normal
string.quoted.double.html, string.quoted.single.html	#2b7dc5	bold
keyword.doctype.xml	#666969	bold
text.html.basic meta.tag.sgml.html meta.tag.sgml.doctype.html	#666969	bold
text.html.basic meta.tag.sgml.html punctuation.definition.tag.html	#666969	bold
support.constant.property-value.scss	#0064c2	—
source.scss meta.property-list.scss meta.at-rule.include.scss support.function.misc.scss	#d59401	—
meta.property-value.scss	#0064c2	—
punctuation.separator.key-value.scss	#000000	—
punctuation.terminator.rule.scss	#000000	—
source.js entity.name.function.js	#9d5900	—
source.js support.function.js	#0057a7	—
source.js support.constant.js	#8d4f93	—
source.js meta.function.js variable.parameter.function.js	#cf5fb1	—
source.js variable.language.js	#c48801	—
source.js keyword.operator	#8246a8	—
source.js keyword.operator	#0057a7	—
source.js support.class.js	#0057a7	—
source.js comment.block.documentation.js keyword.other.documentation.custom.js	#929292	—
text.jade meta.tag.other string.quoted.jade	#2b7dc5	—
text.jade string.comment.buffered.block.jade	#929292	—
text.jade string.interpolated.jade	#000000	—
text.jade string.interpolated.jade string.quoted.single.js	#008000	—
text.html.basic source.php.embedded.block.html punctuation.section.embedded.begin.php	#cf5fb1	—
punctuation.section.embedded.end.php	#cf5fb1	—
punctuation.section.embedded.begin.php	#cf5fb1	—
text.html.basic source.php.embedded.line.empty.html punctuation.section.embedded.end.php	#cf5fb1	—
text.html.basic source.php.embedded.block.html meta.function.php entity.name.function.php	#9d5900	—
text.html.basic source.php.embedded.block.html meta.function.php support.function.magic.php	#9d5900	—
text.html.basic source.php.embedded.block.html meta.function.php meta.function.arguments.php meta.function.argument.default.php variable.other.php	#cf5fb1	—
text.html.basic source.php.embedded.block.html meta.function.php meta.function.arguments.php meta.function.argument.no-default.php variable.other.php	#cf5fb1	—
text.html.basic source.php.embedded.block.html variable.other.php	#c48801	—
text.html.basic source.php.embedded.block.html support.class.php	#0057a7	—
text.html.basic source.php.embedded.block.html meta.class.php entity.name.type.class.php	#0057a7	—
text.html.basic source.php.embedded.block.html meta.class.php meta.other.inherited-class.php entity.other.inherited-class.php	#0057a7	—
text.html.basic source.php.embedded.block.html comment.block.documentation.phpdoc.php keyword.other.phpdoc.php	#929292	—
source.php.embedded.line.html	#000	—