Hikari Suite

Name: Hikari Suite
Author: Muhammad Maulana Yusuf

Publisher: Muhammad Maulana YusufThemes in package: 4

Artisan 4-tier theme suite: Charcoal, Midnight OLED, Japanese Washi Paper, and E-Book Sepia with deep semantic highlighting.

Open in VS Code GitHub

Color themes

VS Code preview

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

Hikari Suite — Hikari Charcoal (Dark)

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.

activityBar.background#19181a
activityBar.border#141315
activityBar.foreground#fcfcfa
activityBar.inactiveForeground#727072
activityBarBadge.background#ff6188
activityBarBadge.foreground#19181a
descriptionForeground#939293
editor.background#222125
editor.findMatchBackground#ffd86644
editor.findMatchHighlightBackground#ffd86622
editor.foreground#fcfcfa
editor.lineHighlightBackground#2a282d
editor.selectionBackground#403e41
editor.selectionHighlightBackground#363537
editor.wordHighlightBackground#ffd86626
editor.wordHighlightStrongBackground#ff618826
editorBracketMatch.background#ffd86633
editorBracketMatch.border#ffd86688
editorCursor.foreground#ffd866
editorGroupHeader.tabsBackground#1e1d20
editorGroupHeader.tabsBorder#141315
editorIndentGuide.activeBackground1#727072
editorIndentGuide.background1#363537
editorLineNumber.activeForeground#ffd866
editorLineNumber.foreground#5c5855
editorRuler.foreground#2f2e32
editorSuggestWidget.background#1e1d20
editorSuggestWidget.border#363537
editorSuggestWidget.foreground#fcfcfa
editorSuggestWidget.selectedBackground#363537
editorWidget.background#1e1d20
editorWidget.border#363537
errorForeground#ff6188
focusBorder#ffd86680
foreground#fcfcfa
gitDecoration.addedResourceForeground#a9dc76
gitDecoration.deletedResourceForeground#ff6188
gitDecoration.ignoredResourceForeground#5c5855
gitDecoration.modifiedResourceForeground#fc9867
gitDecoration.untrackedResourceForeground#78dce8
selection.background#5c585580
sideBar.background#1e1d20
sideBar.border#141315
sideBar.foreground#c1c0c0
sideBarSectionHeader.background#222125
sideBarSectionHeader.border#141315
sideBarSectionHeader.foreground#ffd866
sideBarTitle.foreground#fcfcfa
statusBar.background#19181a
statusBar.border#141315
statusBar.debuggingBackground#fc9867
statusBar.debuggingForeground#19181a
statusBar.foreground#c1c0c0
statusBar.noFolderBackground#19181a
statusBarItem.remoteBackground#78dce8
statusBarItem.remoteForeground#19181a
tab.activeBackground#222125
tab.activeBorderBottom#ffd866
tab.activeForeground#fcfcfa
tab.border#141315
tab.inactiveBackground#1e1d20
tab.inactiveForeground#939293
terminal.ansiBlack#222125
terminal.ansiBlue#fc9867
terminal.ansiBrightBlack#727072
terminal.ansiBrightBlue#fc9867
terminal.ansiBrightCyan#78dce8
terminal.ansiBrightGreen#a9dc76
terminal.ansiBrightMagenta#ab9df2
terminal.ansiBrightRed#ff6188
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#ffd866
terminal.ansiCyan#78dce8
terminal.ansiGreen#a9dc76
terminal.ansiMagenta#ab9df2
terminal.ansiRed#ff6188
terminal.ansiWhite#fcfcfa
terminal.ansiYellow#ffd866
terminal.background#1e1d20
terminal.foreground#fcfcfa
titleBar.activeBackground#19181a
titleBar.activeForeground#fcfcfa
titleBar.border#141315
titleBar.inactiveBackground#141315
titleBar.inactiveForeground#727072
widget.shadow#0000004d

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#727072	italic
comment.line.exclamation, comment.block.exclamation	#ff6188	bold italic
comment.line.question, comment.block.question	#fc9867	italic
comment.line.asterisk, comment.block.asterisk	#ffd866	italic
comment.line.todo, comment.block.todo	#78dce8	bold italic
comment.line.note, comment.block.note	#ab9df2	italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical, keyword.operator.delete	#ff6188	italic
storage, storage.type, storage.modifier	#ff6188	italic
entity.name.function, meta.function-call, support.function, keyword.other.special-method	#a9dc76	—
entity.name.type, entity.name.class, entity.other.inherited-class, entity.name.struct, entity.name.interface, support.class, support.type	#78dce8	—
variable.parameter, meta.parameter	#fc9867	italic
variable, meta.property.object, support.variable.property, variable.other.object.property	#fcfcfa	—
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant	#ab9df2	—
string, string.quoted, string.template, punctuation.definition.string	#ffd866	—
entity.name.tag, meta.tag.sgml, punctuation.definition.tag.html, punctuation.definition.tag.begin, punctuation.definition.tag.end	#ff6188	—
entity.other.attribute-name, support.type.property-name.css, meta.property-name.css	#78dce8	italic
entity.other.attribute-name.class.css, entity.other.attribute-name.id.css	#a9dc76	—
punctuation.separator, punctuation.terminator, punctuation.accessor, keyword.operator	#939293	—

VS Code preview

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

Hikari Suite — Hikari E-Book (Warm Sepia Light)

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+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.background#e2d7c5
activityBar.border#d2c5b0
activityBar.foreground#332f2b
activityBar.inactiveForeground#8e8578
activityBarBadge.background#b83547
activityBarBadge.foreground#ffffff
descriptionForeground#7e776e
editor.background#f2ebd9
editor.findMatchBackground#dfb15855
editor.findMatchHighlightBackground#dfb1582a
editor.foreground#332f2b
editor.lineHighlightBackground#e9dfcb
editor.selectionBackground#dfd4bf
editor.selectionHighlightBackground#e7dcce
editor.wordHighlightBackground#a65e0818
editor.wordHighlightStrongBackground#b8354718
editorBracketMatch.background#a65e081c
editorBracketMatch.border#a65e0866
editorCursor.foreground#a65e08
editorGroupHeader.tabsBackground#e2d7c5
editorGroupHeader.tabsBorder#d8ccb8
editorIndentGuide.activeBackground1#9b8f7d
editorIndentGuide.background1#dcd0bb
editorLineNumber.activeForeground#a65e08
editorLineNumber.foreground#a49989
editorRuler.foreground#ddd1be
editorSuggestWidget.background#ebe2d2
editorSuggestWidget.border#d2c5b0
editorSuggestWidget.foreground#332f2b
editorSuggestWidget.selectedBackground#ddd1be
editorWidget.background#ebe2d2
editorWidget.border#d2c5b0
errorForeground#b83547
focusBorder#b36b0080
foreground#332f2b
gitDecoration.addedResourceForeground#467b17
gitDecoration.deletedResourceForeground#b83547
gitDecoration.ignoredResourceForeground#a49989
gitDecoration.modifiedResourceForeground#b8551f
gitDecoration.untrackedResourceForeground#1e727e
selection.background#d8ceba
sideBar.background#ebe2d2
sideBar.border#d8ccb8
sideBar.foreground#47423c
sideBarSectionHeader.background#e2d7c5
sideBarSectionHeader.border#d2c5b0
sideBarSectionHeader.foreground#734e12
sideBarTitle.foreground#332f2b
statusBar.background#e2d7c5
statusBar.border#d2c5b0
statusBar.debuggingBackground#b8551f
statusBar.debuggingForeground#ffffff
statusBar.foreground#47423c
statusBar.noFolderBackground#e2d7c5
statusBarItem.remoteBackground#1e727e
statusBarItem.remoteForeground#ffffff
tab.activeBackground#f2ebd9
tab.activeBorderBottom#a65e08
tab.activeForeground#332f2b
tab.border#d2c5b0
tab.inactiveBackground#e2d7c5
tab.inactiveForeground#7e776e
terminal.ansiBlack#332f2b
terminal.ansiBlue#1e727e
terminal.ansiBrightBlack#7e776e
terminal.ansiBrightBlue#1e727e
terminal.ansiBrightCyan#186f78
terminal.ansiBrightGreen#467b17
terminal.ansiBrightMagenta#644697
terminal.ansiBrightRed#b83547
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#a65e08
terminal.ansiCyan#186f78
terminal.ansiGreen#467b17
terminal.ansiMagenta#644697
terminal.ansiRed#b83547
terminal.ansiWhite#f2ebd9
terminal.ansiYellow#8a5808
terminal.background#f2ebd9
terminal.foreground#332f2b
titleBar.activeBackground#e2d7c5
titleBar.activeForeground#332f2b
titleBar.border#d2c5b0
titleBar.inactiveBackground#ebe2d2
titleBar.inactiveForeground#8e8578
widget.shadow#00000014

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#857c70	italic
comment.line.exclamation, comment.block.exclamation	#b83547	bold italic
comment.line.question, comment.block.question	#aa4916	italic
comment.line.asterisk, comment.block.asterisk	#8a5808	italic
comment.line.todo, comment.block.todo	#1e727e	bold italic
comment.line.note, comment.block.note	#644697	italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical, keyword.operator.delete	#b83547	italic
storage, storage.type, storage.modifier	#b83547	italic
entity.name.function, meta.function-call, support.function, keyword.other.special-method	#467b17	—
entity.name.type, entity.name.class, entity.other.inherited-class, entity.name.struct, entity.name.interface, support.class, support.type	#1e727e	—
variable.parameter, meta.parameter	#aa4916	italic
variable, meta.property.object, support.variable.property, variable.other.object.property	#332f2b	—
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant	#644697	—
string, string.quoted, string.template, punctuation.definition.string	#7c5506	—
entity.name.tag, meta.tag.sgml, punctuation.definition.tag.html, punctuation.definition.tag.begin, punctuation.definition.tag.end	#b83547	—
entity.other.attribute-name, support.type.property-name.css, meta.property-name.css	#1e727e	italic
entity.other.attribute-name.class.css, entity.other.attribute-name.id.css	#467b17	—
punctuation.separator, punctuation.terminator, punctuation.accessor, keyword.operator	#7e776e	—

VS Code preview

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

Hikari Suite — Hikari Midnight (OLED Dark)

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.

activityBar.background#000000
activityBar.border#161616
activityBar.foreground#ffffff
activityBar.inactiveForeground#616061
activityBarBadge.background#ff5c86
activityBarBadge.foreground#000000
descriptionForeground#8e8d8e
editor.background#09090b
editor.findMatchBackground#ffd86655
editor.findMatchHighlightBackground#ffd8662a
editor.foreground#ffffff
editor.lineHighlightBackground#141416
editor.selectionBackground#2e2d2f
editor.selectionHighlightBackground#1e1d1f
editor.wordHighlightBackground#ffd86630
editor.wordHighlightStrongBackground#ff5c8630
editorBracketMatch.background#ffd86633
editorBracketMatch.border#ffd866aa
editorCursor.foreground#ffd866
editorGroupHeader.tabsBackground#000000
editorGroupHeader.tabsBorder#161616
editorIndentGuide.activeBackground1#5c5a5c
editorIndentGuide.background1#1c1c1e
editorLineNumber.activeForeground#ffd866
editorLineNumber.foreground#424142
editorRuler.foreground#1c1c1e
editorSuggestWidget.background#000000
editorSuggestWidget.border#28282a
editorSuggestWidget.foreground#ffffff
editorSuggestWidget.selectedBackground#1e1e20
editorWidget.background#000000
editorWidget.border#28282a
errorForeground#ff5c86
focusBorder#ffd866aa
foreground#ffffff
gitDecoration.addedResourceForeground#a9dc76
gitDecoration.deletedResourceForeground#ff5c86
gitDecoration.ignoredResourceForeground#424142
gitDecoration.modifiedResourceForeground#fc9867
gitDecoration.untrackedResourceForeground#78dce8
selection.background#4a4744aa
sideBar.background#09090b
sideBar.border#161616
sideBar.foreground#b5b4b4
sideBarSectionHeader.background#000000
sideBarSectionHeader.border#161616
sideBarSectionHeader.foreground#ffd866
sideBarTitle.foreground#ffffff
statusBar.background#000000
statusBar.border#161616
statusBar.debuggingBackground#fc9867
statusBar.debuggingForeground#000000
statusBar.foreground#b5b4b4
statusBar.noFolderBackground#000000
statusBarItem.remoteBackground#78dce8
statusBarItem.remoteForeground#000000
tab.activeBackground#09090b
tab.activeBorderBottom#ffd866
tab.activeForeground#ffffff
tab.border#161616
tab.inactiveBackground#000000
tab.inactiveForeground#807f80
terminal.ansiBlack#09090b
terminal.ansiBlue#fc9867
terminal.ansiBrightBlack#616061
terminal.ansiBrightBlue#fc9867
terminal.ansiBrightCyan#78dce8
terminal.ansiBrightGreen#a9dc76
terminal.ansiBrightMagenta#ab9df2
terminal.ansiBrightRed#ff5c86
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#ffd866
terminal.ansiCyan#78dce8
terminal.ansiGreen#a9dc76
terminal.ansiMagenta#ab9df2
terminal.ansiRed#ff5c86
terminal.ansiWhite#ffffff
terminal.ansiYellow#ffd866
terminal.background#000000
terminal.foreground#ffffff
titleBar.activeBackground#000000
titleBar.activeForeground#ffffff
titleBar.border#161616
titleBar.inactiveBackground#000000
titleBar.inactiveForeground#616061
widget.shadow#00000088

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#686668	italic
comment.line.exclamation, comment.block.exclamation	#ff5c86	bold italic
comment.line.question, comment.block.question	#fc9867	italic
comment.line.asterisk, comment.block.asterisk	#ffd866	italic
comment.line.todo, comment.block.todo	#78dce8	bold italic
comment.line.note, comment.block.note	#ab9df2	italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical, keyword.operator.delete	#ff5c86	italic
storage, storage.type, storage.modifier	#ff5c86	italic
entity.name.function, meta.function-call, support.function, keyword.other.special-method	#a9dc76	—
entity.name.type, entity.name.class, entity.other.inherited-class, entity.name.struct, entity.name.interface, support.class, support.type	#78dce8	—
variable.parameter, meta.parameter	#fc9867	italic
variable, meta.property.object, support.variable.property, variable.other.object.property	#ffffff	—
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant	#ab9df2	—
string, string.quoted, string.template, punctuation.definition.string	#ffd866	—
entity.name.tag, meta.tag.sgml, punctuation.definition.tag.html, punctuation.definition.tag.begin, punctuation.definition.tag.end	#ff5c86	—
entity.other.attribute-name, support.type.property-name.css, meta.property-name.css	#78dce8	italic
entity.other.attribute-name.class.css, entity.other.attribute-name.id.css	#a9dc76	—
punctuation.separator, punctuation.terminator, punctuation.accessor, keyword.operator	#8e8d8e	—

VS Code preview

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

Hikari Suite — Hikari Paper (Light)

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+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.background#ece5d8
activityBar.border#dfd7c2
activityBar.foreground#2f3136
activityBar.inactiveForeground#96928b
activityBarBadge.background#d03050
activityBarBadge.foreground#ffffff
descriptionForeground#7e7d77
editor.background#faf7f0
editor.findMatchBackground#ffd86666
editor.findMatchHighlightBackground#ffd86633
editor.foreground#2f3136
editor.lineHighlightBackground#f3eee2
editor.selectionBackground#e7dfcd
editor.selectionHighlightBackground#efe8d8
editor.wordHighlightBackground#c0770020
editor.wordHighlightStrongBackground#d0305020
editorBracketMatch.background#c0770022
editorBracketMatch.border#c0770088
editorCursor.foreground#c07700
editorGroupHeader.tabsBackground#ece5d8
editorGroupHeader.tabsBorder#e5ded1
editorIndentGuide.activeBackground1#a8a295
editorIndentGuide.background1#e5dfd2
editorLineNumber.activeForeground#c07700
editorLineNumber.foreground#aba59a
editorRuler.foreground#e7dfce
editorSuggestWidget.background#f4efe6
editorSuggestWidget.border#dfd7c2
editorSuggestWidget.foreground#2f3136
editorSuggestWidget.selectedBackground#e5ded1
editorWidget.background#f4efe6
editorWidget.border#dfd7c2
errorForeground#d03050
focusBorder#d48b0080
foreground#2f3136
gitDecoration.addedResourceForeground#4f8a10
gitDecoration.deletedResourceForeground#d03050
gitDecoration.ignoredResourceForeground#aba59a
gitDecoration.modifiedResourceForeground#d96b27
gitDecoration.untrackedResourceForeground#008899
selection.background#dfd7c2
sideBar.background#f4efe6
sideBar.border#e5ded1
sideBar.foreground#4b4946
sideBarSectionHeader.background#ece5d8
sideBarSectionHeader.border#dfd7c2
sideBarSectionHeader.foreground#7d5000
sideBarTitle.foreground#2f3136
statusBar.background#ece5d8
statusBar.border#dfd7c2
statusBar.debuggingBackground#d96b27
statusBar.debuggingForeground#ffffff
statusBar.foreground#4b4946
statusBar.noFolderBackground#ece5d8
statusBarItem.remoteBackground#008899
statusBarItem.remoteForeground#ffffff
tab.activeBackground#faf7f0
tab.activeBorderBottom#c07700
tab.activeForeground#2f3136
tab.border#dfd7c2
tab.inactiveBackground#ece5d8
tab.inactiveForeground#7e7d77
terminal.ansiBlack#2f3136
terminal.ansiBlue#008899
terminal.ansiBrightBlack#7e7d77
terminal.ansiBrightBlue#008899
terminal.ansiBrightCyan#00828a
terminal.ansiBrightGreen#4f8a10
terminal.ansiBrightMagenta#6e4bb0
terminal.ansiBrightRed#d03050
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#c07700
terminal.ansiCyan#00828a
terminal.ansiGreen#4f8a10
terminal.ansiMagenta#6e4bb0
terminal.ansiRed#d03050
terminal.ansiWhite#faf7f0
terminal.ansiYellow#9e6500
terminal.background#faf7f0
terminal.foreground#2f3136
titleBar.activeBackground#ece5d8
titleBar.activeForeground#2f3136
titleBar.border#dfd7c2
titleBar.inactiveBackground#f4efe6
titleBar.inactiveForeground#96928b
widget.shadow#0000001a

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#8c877d	italic
comment.line.exclamation, comment.block.exclamation	#d03050	bold italic
comment.line.question, comment.block.question	#c2541a	italic
comment.line.asterisk, comment.block.asterisk	#9e6500	italic
comment.line.todo, comment.block.todo	#007a8a	bold italic
comment.line.note, comment.block.note	#6e4bb0	italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical, keyword.operator.delete	#d03050	italic
storage, storage.type, storage.modifier	#d03050	italic
entity.name.function, meta.function-call, support.function, keyword.other.special-method	#4f8a10	—
entity.name.type, entity.name.class, entity.other.inherited-class, entity.name.struct, entity.name.interface, support.class, support.type	#007a8a	—
variable.parameter, meta.parameter	#c2541a	italic
variable, meta.property.object, support.variable.property, variable.other.object.property	#2f3136	—
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant	#6e4bb0	—
string, string.quoted, string.template, punctuation.definition.string	#8b5f00	—
entity.name.tag, meta.tag.sgml, punctuation.definition.tag.html, punctuation.definition.tag.begin, punctuation.definition.tag.end	#d03050	—
entity.other.attribute-name, support.type.property-name.css, meta.property-name.css	#007a8a	italic
entity.other.attribute-name.class.css, entity.other.attribute-name.id.css	#4f8a10	—
punctuation.separator, punctuation.terminator, punctuation.accessor, keyword.operator	#7e7d77	—