Sonic Inspired Theme

Name: Sonic Inspired Theme
Author: AndreLuizJPoles

Publisher: AndreLuizJPolesThemes in package: 12

Unofficial fan color themes for VS Code: Sonic, Tails, Knuckles, Shadow, Rouge, and Omega (Dark + Light each). Free and non-profit. Not affiliated with SEGA.

Open in VS Code GitHub

Color themes

VS Code preview

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

Sonic Inspired Theme — Sonic-Inspired Shadow 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#DC0000
activityBar.foreground#FFD200
activityBar.inactiveForeground#555555
activityBarBadge.background#DC0000
activityBarBadge.foreground#FFFFFF
badge.background#DC0000
badge.foreground#FFFFFF
button.background#FFD200
button.foreground#000000
button.hoverBackground#FFE040
descriptionForeground#7A7A7A
dropdown.background#141414
dropdown.border#2A2A2A
dropdown.foreground#E8E0D4
editor.background#000000
editor.findMatchBackground#FFB52855
editor.findMatchHighlightBackground#FFB52833
editor.foreground#E8E0D4
editor.inactiveSelectionBackground#FFD20022
editor.lineHighlightBackground#141414
editor.selectionBackground#FFD20040
editor.wordHighlightBackground#FFD20028
editor.wordHighlightStrongBackground#FFD20044
editorBracketMatch.background#FFD20033
editorBracketMatch.border#FFD200
editorCursor.foreground#FFD200
editorError.foreground#FF6B6B
editorGroupHeader.tabsBackground#0A0A0A
editorGutter.background#000000
editorHint.foreground#7A7A7A
editorIndentGuide.activeBackground#FFD20066
editorIndentGuide.background#2A2A2A
editorInfo.foreground#F6C883
editorLineNumber.activeForeground#FFD200
editorLineNumber.foreground#666666
editorWarning.foreground#FFD200
editorWhitespace.foreground#3A3A3A
focusBorder#FFD200
foreground#E8E0D4
gitDecoration.deletedResourceForeground#FF6B6B
gitDecoration.ignoredResourceForeground#555555
gitDecoration.modifiedResourceForeground#FFD200
gitDecoration.untrackedResourceForeground#F6C883
input.background#141414
input.border#2A2A2A
input.foreground#E8E0D4
input.placeholderForeground#666666
list.activeSelectionBackground#FFD20033
list.activeSelectionForeground#FFFFFF
list.highlightForeground#FFD200
list.hoverBackground#1A1A1A
list.inactiveSelectionBackground#1A1A1A
panel.background#000000
panel.border#2A2A2A
scrollbarSlider.activeBackground#FFD20077
scrollbarSlider.background#FFD20033
scrollbarSlider.hoverBackground#FFD20055
sideBar.background#0A0A0A
sideBar.border#1A1A1A
sideBar.foreground#E8E0D4
sideBarSectionHeader.background#141414
sideBarSectionHeader.foreground#FFB528
sideBarTitle.foreground#FFD200
statusBar.background#000000
statusBar.border#DC0000
statusBar.debuggingBackground#DC0000
statusBar.debuggingForeground#FFFFFF
statusBar.foreground#FFD200
statusBar.noFolderBackground#000000
tab.activeBackground#000000
tab.activeBorderTop#DC0000
tab.activeForeground#FFD200
tab.border#1A1A1A
tab.inactiveBackground#0A0A0A
tab.inactiveForeground#666666
terminal.ansiBlue#F6C883
terminal.ansiBrightYellow#FFD200
terminal.ansiCyan#F6C883
terminal.ansiGreen#FFB528
terminal.ansiMagenta#DC0000
terminal.ansiRed#FF6B6B
terminal.ansiYellow#FFD200
terminal.background#000000
terminal.foreground#E8E0D4
textLink.activeForeground#F6C883
textLink.foreground#FFD200
titleBar.activeBackground#000000
titleBar.activeForeground#E8E0D4
titleBar.border#1A1A1A
titleBar.inactiveBackground#000000
titleBar.inactiveForeground#666666

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#6A6A6A	italic
keyword, storage.type, storage.modifier, keyword.control	#FF4D4D	bold
string, constant.other.symbol	#F6C883	—
constant.numeric, constant.language	#FFB528	—
constant.language.boolean	#E8E0D4	bold
entity.name.function, support.function, meta.function-call	#FFD200	—
entity.name.type, entity.name.class, support.type, support.class	#FFC040	bold
variable, variable.other, variable.parameter	#E8E0D4	—
variable.other.property, support.variable.property	#C8C0B4	—
entity.name.tag	#FF6B6B	bold
entity.other.attribute-name	#F6C883	—
keyword.operator	#8A8A8A	—
punctuation, meta.brace	#6A6A6A	—
entity.name.namespace, support.type.namespace	#FFC040	bold
meta.decorator, entity.name.function.decorator	#F6C883	italic
keyword.control.import, keyword.control.export, keyword.control.from	#FFB528	bold
string.regexp	#FFC040	—
constant.character.escape	#FFD200	—
invalid, invalid.illegal	#FF6B6B	bold underline
markup.heading, entity.name.section.markdown	#FF4D4D	bold
markup.bold	#F6C883	bold
markup.italic	#FFB528	italic
markup.underline.link	#FFD200	—
markup.inline.raw, markup.fenced_code.block	#FFB528	—
support.type.property-name.json	#FF4D4D	bold
entity.other.attribute-name.class.css, entity.other.attribute-name.id.css	#F6C883	—
support.type.property-name.css	#FFD200	—
support.constant.property-value.css	#FFB528	—

VS Code preview

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

Sonic Inspired Theme — Sonic-Inspired Shadow 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#1A1A1A
activityBar.border#DC0000
activityBar.foreground#FFD200
activityBar.inactiveForeground#888888
activityBarBadge.background#DC0000
activityBarBadge.foreground#FFFFFF
badge.background#DC0000
badge.foreground#FFFFFF
button.background#B89000
button.foreground#FFFFFF
button.hoverBackground#D0A820
descriptionForeground#6A6050
dropdown.background#FFFFFF
dropdown.border#D0B888
dropdown.foreground#1A1A1A
editor.background#FFF8EC
editor.findMatchBackground#FFB52866
editor.findMatchHighlightBackground#FFB52844
editor.foreground#1A1A1A
editor.inactiveSelectionBackground#FFD20033
editor.lineHighlightBackground#F5E8D0
editor.selectionBackground#FFD20055
editor.wordHighlightBackground#FFD20033
editor.wordHighlightStrongBackground#FFD20055
editorBracketMatch.background#FFD20044
editorBracketMatch.border#B89000
editorCursor.foreground#B00000
editorError.foreground#B00000
editorGroupHeader.tabsBackground#F3E6D0
editorGutter.background#FFF8EC
editorHint.foreground#6A6050
editorIndentGuide.activeBackground#B8900055
editorIndentGuide.background#E8DCC0
editorInfo.foreground#6A5000
editorLineNumber.activeForeground#B00000
editorLineNumber.foreground#8A7858
editorWarning.foreground#8A6800
editorWhitespace.foreground#C8B898
focusBorder#B89000
foreground#1A1A1A
gitDecoration.deletedResourceForeground#B00000
gitDecoration.ignoredResourceForeground#8A7858
gitDecoration.modifiedResourceForeground#8A6800
gitDecoration.untrackedResourceForeground#6A5000
input.background#FFFFFF
input.border#D0B888
input.foreground#1A1A1A
input.placeholderForeground#8A7858
list.activeSelectionBackground#FFD20055
list.activeSelectionForeground#000000
list.highlightForeground#B00000
list.hoverBackground#FFD20033
list.inactiveSelectionBackground#E8D8B8
panel.background#FFF8EC
panel.border#E8D8B8
scrollbarSlider.activeBackground#C8985088
scrollbarSlider.background#C8985044
scrollbarSlider.hoverBackground#C8985066
sideBar.background#F3E6D0
sideBar.border#E0D0B0
sideBar.foreground#1A1A1A
sideBarSectionHeader.background#E8D8B8
sideBarSectionHeader.foreground#6A5000
sideBarTitle.foreground#B00000
statusBar.background#1A1A1A
statusBar.border#DC0000
statusBar.debuggingBackground#DC0000
statusBar.debuggingForeground#FFFFFF
statusBar.foreground#FFD200
statusBar.noFolderBackground#1A1A1A
tab.activeBackground#FFF8EC
tab.activeBorderTop#DC0000
tab.activeForeground#B00000
tab.border#E8D8B8
tab.inactiveBackground#F3E6D0
tab.inactiveForeground#6A6050
terminal.ansiBlue#6A5000
terminal.ansiCyan#6A5000
terminal.ansiGreen#8A6800
terminal.ansiMagenta#DC0000
terminal.ansiRed#B00000
terminal.ansiYellow#8A6800
terminal.background#FFF8EC
terminal.foreground#1A1A1A
textLink.activeForeground#B00000
textLink.foreground#8A6800
titleBar.activeBackground#000000
titleBar.activeForeground#FFFFFF
titleBar.inactiveBackground#1A1A1A
titleBar.inactiveForeground#A0A0A0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#7A7060	italic
keyword, storage.type, storage.modifier, keyword.control	#B00000	bold
string, constant.other.symbol	#6A3800	—
constant.numeric, constant.language	#8A5000	bold
constant.language.boolean	#2A2020	bold
entity.name.function, support.function, meta.function-call	#6A5000	—
entity.name.type, entity.name.class, support.type, support.class	#8A1000	bold
variable, variable.other, variable.parameter	#1A1A1A	—
variable.other.property, support.variable.property	#3A2A20	—
entity.name.tag	#B00000	bold
entity.other.attribute-name	#6A3800	—
keyword.operator	#6A6050	—
punctuation, meta.brace	#7A7060	—
entity.name.namespace, support.type.namespace	#8A1000	bold
meta.decorator, entity.name.function.decorator	#B00000	italic
keyword.control.import, keyword.control.export, keyword.control.from	#6A5000	bold
string.regexp	#8A1000	—
constant.character.escape	#8A6800	—
invalid, invalid.illegal	#B00000	bold underline
markup.heading, entity.name.section.markdown	#B00000	bold
markup.bold	#6A3800	bold
markup.italic	#8A6800	italic
markup.underline.link	#6A5000	—
markup.inline.raw, markup.fenced_code.block	#8A5000	—
support.type.property-name.json	#B00000	bold
entity.other.attribute-name.class.css, entity.other.attribute-name.id.css	#B00000	bold
support.type.property-name.css	#6A5000	—
support.constant.property-value.css	#8A5000	—

VS Code preview

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

Sonic Inspired Theme — Sonic-Inspired Tails 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#F1AF00
activityBar.foreground#1A1500
activityBar.inactiveForeground#5C4E00
activityBarBadge.background#FF0000
activityBarBadge.foreground#FFFFFF
badge.background#FF0000
badge.foreground#FFFFFF
button.background#1C98D1
button.foreground#FFFFFF
button.hoverBackground#3AABDB
descriptionForeground#A89860
dropdown.background#3D3300
dropdown.border#4A4000
dropdown.foreground#F5F5F5
editor.background#2A2400
editor.findMatchBackground#F1AF0044
editor.findMatchHighlightBackground#F1AF0022
editor.foreground#F5F5F5
editor.inactiveSelectionBackground#1C98D122
editor.lineHighlightBackground#3D3300
editor.selectionBackground#1C98D144
editor.wordHighlightBackground#1C98D133
editor.wordHighlightStrongBackground#1C98D155
editorBracketMatch.background#1C98D133
editorBracketMatch.border#1C98D1
editorCursor.foreground#F1AF00
editorError.foreground#FF0000
editorGroupHeader.tabsBackground#1F1A00
editorGutter.background#2A2400
editorHint.foreground#A89860
editorIndentGuide.activeBackground#1C98D166
editorIndentGuide.background#4A4000
editorInfo.foreground#1C98D1
editorLineNumber.activeForeground#F1AF00
editorLineNumber.foreground#8A7A30
editorWarning.foreground#F1AF00
editorWhitespace.foreground#5C4E00
focusBorder#1C98D1
foreground#F5F5F5
gitDecoration.deletedResourceForeground#FF0000
gitDecoration.ignoredResourceForeground#8A7A30
gitDecoration.modifiedResourceForeground#F1AF00
gitDecoration.untrackedResourceForeground#1C98D1
input.background#3D3300
input.border#4A4000
input.foreground#F5F5F5
input.placeholderForeground#8A7A30
list.activeSelectionBackground#1C98D144
list.activeSelectionForeground#FFFFFF
list.highlightForeground#F1AF00
list.hoverBackground#1C98D122
list.inactiveSelectionBackground#3D3300
panel.background#2A2400
panel.border#4A4000
scrollbarSlider.activeBackground#1C98D188
scrollbarSlider.background#1C98D144
scrollbarSlider.hoverBackground#1C98D166
sideBar.background#1F1A00
sideBar.foreground#F5F5F5
sideBarSectionHeader.background#3D3300
sideBarSectionHeader.foreground#1C98D1
sideBarTitle.foreground#F1AF00
statusBar.background#F1AF00
statusBar.debuggingBackground#FF0000
statusBar.debuggingForeground#FFFFFF
statusBar.foreground#1A1500
statusBar.noFolderBackground#F1AF00
tab.activeBackground#2A2400
tab.activeForeground#F1AF00
tab.border#3D3300
tab.inactiveBackground#1F1A00
tab.inactiveForeground#8A7A30
terminal.ansiBlue#1C98D1
terminal.ansiCyan#1C98D1
terminal.ansiGreen#1C98D1
terminal.ansiMagenta#FFB08A
terminal.ansiRed#FF0000
terminal.ansiYellow#F1AF00
terminal.background#2A2400
terminal.foreground#F5F5F5
textLink.activeForeground#F1AF00
textLink.foreground#1C98D1
titleBar.activeBackground#1A1500
titleBar.activeForeground#FFFFFF
titleBar.inactiveBackground#1A1500
titleBar.inactiveForeground#8A7A30

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#A89860	italic
keyword, storage.type, storage.modifier, keyword.control	#F1AF00	bold
string, constant.other.symbol	#FFD060	—
constant.numeric, constant.language	#FFE08A	—
constant.language.boolean	#FFB08A	—
entity.name.function, support.function, meta.function-call	#1C98D1	—
entity.name.type, entity.name.class, support.type, support.class	#FFB08A	bold
variable, variable.other, variable.parameter	#F5F5F5	—
variable.other.property, support.variable.property	#E8E0C8	—
entity.name.tag	#FF0000	—
entity.other.attribute-name	#F1AF00	—
keyword.operator	#A89860	—
punctuation, meta.brace	#A89860	—
entity.name.namespace, support.type.namespace	#FFB08A	bold
meta.decorator, entity.name.function.decorator	#F1AF00	italic
keyword.control.import, keyword.control.export, keyword.control.from	#1C98D1	—
string.regexp	#FFB08A	—
constant.character.escape	#1C98D1	—
invalid, invalid.illegal	#FF0000	bold underline
markup.heading, entity.name.section.markdown	#F1AF00	bold
markup.bold	#FFD060	bold
markup.italic	#1C98D1	italic
markup.underline.link	#1C98D1	—
markup.inline.raw, markup.fenced_code.block	#FFE08A	—
support.type.property-name.json	#F1AF00	—
entity.other.attribute-name.class.css, entity.other.attribute-name.id.css	#F1AF00	—
support.type.property-name.css	#1C98D1	—
support.constant.property-value.css	#FFE08A	—

VS Code preview

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

Sonic Inspired Theme — Sonic-Inspired Tails 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#F1AF00
activityBar.foreground#1A1500
activityBar.inactiveForeground#5C4E00
activityBarBadge.background#FF0000
activityBarBadge.foreground#FFFFFF
badge.background#FF0000
badge.foreground#FFFFFF
button.background#1C98D1
button.foreground#FFFFFF
button.hoverBackground#3AABDB
descriptionForeground#7A7A7A
dropdown.background#FFFFFF
dropdown.border#D0D0D0
dropdown.foreground#1A1500
editor.background#FFFFFF
editor.findMatchBackground#F1AF0055
editor.findMatchHighlightBackground#F1AF0033
editor.foreground#1A1500
editor.inactiveSelectionBackground#1C98D118
editor.lineHighlightBackground#FFF3D0
editor.selectionBackground#1C98D133
editor.wordHighlightBackground#1C98D122
editor.wordHighlightStrongBackground#1C98D133
editorBracketMatch.background#1C98D122
editorBracketMatch.border#1C98D1
editorCursor.foreground#1C98D1
editorError.foreground#FF0000
editorGroupHeader.tabsBackground#F5F5F5
editorGutter.background#FFFFFF
editorHint.foreground#7A7A7A
editorIndentGuide.activeBackground#1C98D155
editorIndentGuide.background#E0E0E0
editorInfo.foreground#1C98D1
editorLineNumber.activeForeground#B07E00
editorLineNumber.foreground#9A9A9A
editorWarning.foreground#B07E00
editorWhitespace.foreground#D0D0D0
focusBorder#1C98D1
foreground#1A1500
gitDecoration.deletedResourceForeground#FF0000
gitDecoration.ignoredResourceForeground#9A9A9A
gitDecoration.modifiedResourceForeground#B07E00
gitDecoration.untrackedResourceForeground#1C98D1
input.background#FFFFFF
input.border#D0D0D0
input.foreground#1A1500
input.placeholderForeground#9A9A9A
list.activeSelectionBackground#1C98D133
list.activeSelectionForeground#1A1500
list.highlightForeground#B07E00
list.hoverBackground#1C98D118
list.inactiveSelectionBackground#EBEBEB
panel.background#FFFFFF
panel.border#E0E0E0
scrollbarSlider.activeBackground#1C98D177
scrollbarSlider.background#1C98D133
scrollbarSlider.hoverBackground#1C98D155
sideBar.background#F5F5F5
sideBar.foreground#1A1500
sideBarSectionHeader.background#EBEBEB
sideBarSectionHeader.foreground#1A1500
sideBarTitle.foreground#B07E00
statusBar.background#F1AF00
statusBar.debuggingBackground#FF0000
statusBar.debuggingForeground#FFFFFF
statusBar.foreground#1A1500
statusBar.noFolderBackground#F1AF00
tab.activeBackground#FFFFFF
tab.activeForeground#B07E00
tab.border#E0E0E0
tab.inactiveBackground#F5F5F5
tab.inactiveForeground#7A7A7A
terminal.ansiBlue#1C98D1
terminal.ansiCyan#1C98D1
terminal.ansiGreen#1C98D1
terminal.ansiMagenta#C45A3A
terminal.ansiRed#FF0000
terminal.ansiYellow#B07E00
terminal.background#FFFFFF
terminal.foreground#1A1500
textLink.activeForeground#B07E00
textLink.foreground#1C98D1
titleBar.activeBackground#1A1500
titleBar.activeForeground#FFFFFF
titleBar.inactiveBackground#2A2400
titleBar.inactiveForeground#C0C0C0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#7A7A7A	italic
keyword, storage.type, storage.modifier, keyword.control	#B07E00	bold
string, constant.other.symbol	#9A6E00	—
constant.numeric, constant.language	#8A6200	—
constant.language.boolean	#C45A3A	—
entity.name.function, support.function, meta.function-call	#1C98D1	—
entity.name.type, entity.name.class, support.type, support.class	#C45A3A	bold
variable, variable.other, variable.parameter	#1A1500	—
variable.other.property, support.variable.property	#2A2400	—
entity.name.tag	#FF0000	—
entity.other.attribute-name	#B07E00	—
keyword.operator	#7A7A7A	—
punctuation, meta.brace	#7A7A7A	—
entity.name.namespace, support.type.namespace	#C45A3A	bold
meta.decorator, entity.name.function.decorator	#B07E00	italic
keyword.control.import, keyword.control.export, keyword.control.from	#1C98D1	—
string.regexp	#C45A3A	—
constant.character.escape	#1C98D1	—
invalid, invalid.illegal	#FF0000	bold underline
markup.heading, entity.name.section.markdown	#B07E00	bold
markup.bold	#9A6E00	bold
markup.italic	#1C98D1	italic
markup.underline.link	#1C98D1	—
markup.inline.raw, markup.fenced_code.block	#8A6200	—
support.type.property-name.json	#B07E00	—
entity.other.attribute-name.class.css, entity.other.attribute-name.id.css	#B07E00	—
support.type.property-name.css	#1C98D1	—
support.constant.property-value.css	#8A6200	—