Tomorrow and Tomorrow Night Operator Mono Theme Tweaked

Name: Tomorrow and Tomorrow Night Operator Mono Theme Tweaked
Author: Di Wang

Publisher: Di WangThemes in package: 8

Copies of the Tomorrow and Tomorrow Night themes with settings to mark certain items as italics and bold

Open in VS Code GitHub

Color themes

VS Code preview

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

Tomorrow and Tomorrow Night Operator Mono Theme Tweaked — Tomorrow Chinoiserie Operator Mono

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

Light+

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
—	#4A4035	—
emphasis, storage, comment, entity.other.attribute-name, entity.other.attribute-name.html, entity.other.attribute-name.tag.jade, entity.other.attribute-name.tag.pug, markup.italic, keyword.control, variable.language	—	italic
strong, markup.bold, markup.heading	—	bold
markup.underline	—	underline
comment	#80766E	—
keyword.operator.class, constant.other, source.php.embedded.line	#4A4035
variable, support.other.variable, string.other.link, string.regexp, entity.name.tag, entity.other.attribute-name, meta.tag, declaration.tag	#C04851	—
constant.numeric, constant.language, support.constant, constant.character, variable.parameter, punctuation.section.embedded, keyword.other.unit	#FB8B05
entity.name.class, entity.name.type.class, support.type, support.class	#D6A01D
string, constant.other.symbol, entity.other.inherited-class, markup.heading	#428675
keyword.operator, constant.other.color	#2B73AF	—
entity.name.function, meta.function-call, support.function, keyword.other.special-method, meta.block-level	#815C94
keyword, storage, storage.type, entity.name.tag.css	#C08EAF
invalid	#2F2F35
meta.separator	#2F2F35	—
invalid.deprecated	#2F2F35

VS Code preview

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

Tomorrow and Tomorrow Night Operator Mono Theme Tweaked — Tomorrow Midnight Chinoiserie Operator Mono

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+

colors

Workbench UI color keys from the theme JSON colors map.

editor.background#1d1d1d
editor.foreground#c4cbcf

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
emphasis, keyword.control	—	italic
strong	—	bold
comment, punctuation.definition.comment	#918072	italic
variable, string constant.other.placeholder, entity.name.variable.parameter, entity.name.variable.local, variable.parameter	#ed5a56	—
variable.other.object.property	#81a2a2	—
constant.other.color	#aeb831	—
invalid, invalid.illegal	#ed5a56	—
invalid.deprecated	#cd6227	—
keyword, storage.modifier	#cf8997	—
keyword.control, keyword.control.flow, keyword.control.from, keyword.control.import, keyword.control.as	#cf8997	—
keyword.other.using, keyword.other.namespace, keyword.other.class, keyword.other.new, keyword.other.event, keyword.other.this, keyword.other.await, keyword.other.var, keyword.other.package, keyword.other.import, variable.language.this, storage.type.ts	#cf8997	—
keyword.type, storage.type.primitive	#88b68d	—
storage.type.function	#81a2a2	—
constant.other.color, punctuation, punctuation.section.class.end, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, keyword.other.template, keyword.other.substitution	#c4cbcf	—
punctuation.section.embedded, variable.interpolation	#cd6227	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter	#ed5a56	—
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method	#81a2a2	—
meta.block variable.other	#ed5a56	—
support.other.variable, string.other.link	#ed5a56	—
constant.numeric, constant.language, support.constant, constant.character, constant.escape, keyword.other.unit, keyword.other	#fc8c23	—
string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js	#aeb831
entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types	#fbb957	—
storage.type, storage.modifier.package, storage.modifier.import	#cf8997	—
entity.name.variable.field	#81a2a2	—
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name	#88b68d	—
entity.name.module.js, variable.import.parameter.js, variable.other.class.js	#ed5a56	—
variable.language	#ed5a56	italic
entity.name.method.js	#81a2a2	italic
meta.class-method.js entity.name.function.js, variable.function.constructor	#81a2a2	—
entity.other.attribute-name	#fbb957	—
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name	#fbb957	italic
entity.other.attribute-name.class	#fbb957	—
source.sass keyword.control	#81a2a2	—
markup.inserted	#aeb831	—
markup.deleted	#ed5a56	—
markup.changed	#cf8997	—
string.regexp	#ed5a56	—
constant.character.escape	#88b68d	—
url, link, uri	—	underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js	#81a2a2	italic
source.js constant.other.object.key.js string.unquoted.label.js	#cf8997	italic
source.json meta.structure.dictionary.json support.type.property-name.json	#81a2a2	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#81a2a2	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#81a2a2	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#81a2a2	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#81a2a2	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#81a2a2	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#81a2a2	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#81a2a2	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#81a2a2	—
text.html.markdown, punctuation.definition.list_item.markdown	#c4cbcf	—
text.html.markdown markup.inline.raw.markdown	#cf8997	—
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown	#88b68d	—
text.html.markdown meta.dummy.line-break	#918072	—
markdown.heading, markup.heading \| markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown	#81a2a2	—
markup.italic	#ed5a56	italic
markup.bold, markup.bold string	#ed5a56	bold
markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string	#ed5a56	bold
markup.underline	—	underline
markup.quote punctuation.definition.blockquote.markdown	#88b68d	—
markup.quote	—	italic
string.other.link.title.markdown	#81a2a2	—
string.other.link.description.title.markdown	#cf8997	—
constant.other.reference.link.markdown	#fbb957	—
markup.raw.block	#cf8997	—
markup.raw.block.fenced.markdown	#00000050	—
punctuation.definition.fenced.markdown	#00000050	—
markup.raw.block.fenced.markdown, variable.language.fenced.markdown	#cf8997	—
variable.language.fenced.markdown	#ed5a56	—
markup.table	#cf8997	—
token.info-token	#81a2a2	—
token.warn-token	#fbb957	—
token.error-token	#ed5a56	—
token.debug-token	#cf8997	—

VS Code preview

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

Tomorrow and Tomorrow Night Operator Mono Theme Tweaked — Tomorrow Morandi Chinoiserie Operator Mono

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+

colors

Workbench UI color keys from the theme JSON colors map.

editor.background#1d1d1d
editor.foreground#c4cbcf

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
emphasis, keyword.control	—	italic
strong	—	bold
comment, punctuation.definition.comment	#918072	italic
variable, string constant.other.placeholder, entity.name.variable.parameter, entity.name.variable.local, variable.parameter	#c06061	—
variable.other.object.property	#839ec9	—
constant.other.color	#8ca07b	—
invalid, invalid.illegal	#c06061	—
invalid.deprecated	#d9cdb4	—
keyword, storage.modifier	#98a1d8	—
keyword.control, keyword.control.flow, keyword.control.from, keyword.control.import, keyword.control.as	#98a1d8	—
keyword.other.using, keyword.other.namespace, keyword.other.class, keyword.other.new, keyword.other.event, keyword.other.this, keyword.other.await, keyword.other.var, keyword.other.package, keyword.other.import, variable.language.this, storage.type.ts	#98a1d8	—
keyword.type, storage.type.primitive	#5e8c9b	—
storage.type.function	#839ec9	—
constant.other.color, punctuation, punctuation.section.class.end, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, keyword.other.template, keyword.other.substitution	#c4cbcf	—
punctuation.section.embedded, variable.interpolation	#d9cdb4	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter	#c06061	—
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method	#839ec9	—
meta.block variable.other	#c06061	—
support.other.variable, string.other.link	#c06061	—
constant.numeric, constant.language, support.constant, constant.character, constant.escape, keyword.other.unit, keyword.other	#ff937f	—
string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js	#8ca07b
entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types	#e5bc84	—
storage.type, storage.modifier.package, storage.modifier.import	#98a1d8	—
entity.name.variable.field	#839ec9	—
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name	#5e8c9b	—
entity.name.module.js, variable.import.parameter.js, variable.other.class.js	#c06061	—
variable.language	#c06061	italic
entity.name.method.js	#839ec9	italic
meta.class-method.js entity.name.function.js, variable.function.constructor	#839ec9	—
entity.other.attribute-name	#e5bc84	—
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name	#e5bc84	italic
entity.other.attribute-name.class	#e5bc84	—
source.sass keyword.control	#839ec9	—
markup.inserted	#8ca07b	—
markup.deleted	#c06061	—
markup.changed	#98a1d8	—
string.regexp	#c06061	—
constant.character.escape	#5e8c9b	—
url, link, uri	—	underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js	#839ec9	italic
source.js constant.other.object.key.js string.unquoted.label.js	#98a1d8	italic
source.json meta.structure.dictionary.json support.type.property-name.json	#839ec9	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#839ec9	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#839ec9	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#839ec9	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#839ec9	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#839ec9	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#839ec9	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#839ec9	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#839ec9	—
text.html.markdown, punctuation.definition.list_item.markdown	#c4cbcf	—
text.html.markdown markup.inline.raw.markdown	#98a1d8	—
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown	#5e8c9b	—
text.html.markdown meta.dummy.line-break	#918072	—
markdown.heading, markup.heading \| markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown	#839ec9	—
markup.italic	#c06061	italic
markup.bold, markup.bold string	#c06061	bold
markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string	#c06061	bold
markup.underline	—	underline
markup.quote punctuation.definition.blockquote.markdown	#5e8c9b	—
markup.quote	—	italic
string.other.link.title.markdown	#839ec9	—
string.other.link.description.title.markdown	#98a1d8	—
constant.other.reference.link.markdown	#e5bc84	—
markup.raw.block	#98a1d8	—
markup.raw.block.fenced.markdown	#00000050	—
punctuation.definition.fenced.markdown	#00000050	—
markup.raw.block.fenced.markdown, variable.language.fenced.markdown	#98a1d8	—
variable.language.fenced.markdown	#c06061	—
markup.table	#98a1d8	—
token.info-token	#839ec9	—
token.warn-token	#e5bc84	—
token.error-token	#c06061	—
token.debug-token	#98a1d8	—

VS Code preview

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

Tomorrow and Tomorrow Night Operator Mono Theme Tweaked — Tomorrow Night Bright Operator Mono

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
—	#DEDEDE	—
emphasis, storage, comment, entity.other.attribute-name, entity.other.attribute-name.html, entity.other.attribute-name.tag.jade, entity.other.attribute-name.tag.pug, markup.italic, keyword.control, variable.language	—	italic
strong, markup.bold, markup.heading	—	bold
markup.underline	—	underline
comment	#969896	—
keyword.operator.class, constant.other, source.php.embedded.line	#EEEEEE
variable, support.other.variable, string.other.link, string.regexp, entity.name.tag, entity.other.attribute-name, meta.tag, declaration.tag	#D54E53	—
constant.numeric, constant.language, support.constant, constant.character, variable.parameter, punctuation.section.embedded, keyword.other.unit	#E78C45
entity.name.class, entity.name.type.class, support.type, support.class	#E7C547
string, constant.other.symbol, entity.other.inherited-class, markup.heading	#B9CA4A
keyword.operator, constant.other.color	#70C0B1	—
entity.name.function, meta.function-call, support.function, keyword.other.special-method, meta.block-level	#7AA6DA
keyword, storage, storage.type, entity.name.tag.css	#C397D8
invalid	#CED2CF
meta.separator	#CED2CF	—
invalid.deprecated	#CED2CF