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 Omega 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#B14341
activityBar.foreground#C3BEB3
activityBar.inactiveForeground#6A3836
activityBarBadge.background#EEE453
activityBarBadge.foreground#0A0A0A
badge.background#E06060
badge.foreground#FFFFFF
button.background#EEE453
button.foreground#0A0A0A
button.hoverBackground#F0F070
descriptionForeground#6F6E68
dropdown.background#181818
dropdown.border#2A2A28
dropdown.foreground#C3BEB3
editor.background#0A0A0A
editor.findMatchBackground#B1434144
editor.findMatchHighlightBackground#B1434122
editor.foreground#C3BEB3
editor.inactiveSelectionBackground#EEE45322
editor.lineHighlightBackground#181818
editor.selectionBackground#EEE45344
editor.wordHighlightBackground#EEE45333
editor.wordHighlightStrongBackground#EEE45355
editorBracketMatch.background#EEE45333
editorBracketMatch.border#EEE453
editorCursor.foreground#EEE453
editorError.foreground#E06060
editorGroupHeader.tabsBackground#000000
editorGutter.background#0A0A0A
editorHint.foreground#6F6E68
editorIndentGuide.activeBackground#EEE45366
editorIndentGuide.background#2A2A28
editorInfo.foreground#A0A098
editorLineNumber.activeForeground#EEE453
editorLineNumber.foreground#6F6E68
editorWarning.foreground#EEE453
editorWhitespace.foreground#3A3A38
focusBorder#EEE453
foreground#C3BEB3
gitDecoration.deletedResourceForeground#E06060
gitDecoration.ignoredResourceForeground#6F6E68
gitDecoration.modifiedResourceForeground#EEE453
gitDecoration.untrackedResourceForeground#A0A098
input.background#181818
input.border#2A2A28
input.foreground#C3BEB3
input.placeholderForeground#6F6E68
list.activeSelectionBackground#EEE45344
list.activeSelectionForeground#FFFFFF
list.highlightForeground#EEE453
list.hoverBackground#EEE45322
list.inactiveSelectionBackground#181818
panel.background#0A0A0A
panel.border#2A2A28
scrollbarSlider.activeBackground#6F6E6888
scrollbarSlider.background#6F6E6844
scrollbarSlider.hoverBackground#6F6E6866
sideBar.background#000000
sideBar.foreground#C3BEB3
sideBarSectionHeader.background#181818
sideBarSectionHeader.foreground#EEE453
sideBarTitle.foreground#B14341
statusBar.background#B14341
statusBar.debuggingBackground#E06060
statusBar.debuggingForeground#FFFFFF
statusBar.foreground#C3BEB3
statusBar.noFolderBackground#B14341
tab.activeBackground#0A0A0A
tab.activeForeground#EEE453
tab.border#181818
tab.inactiveBackground#000000
tab.inactiveForeground#6F6E68
terminal.ansiBlue#A0A098
terminal.ansiCyan#A0A098
terminal.ansiGreen#A0A098
terminal.ansiMagenta#B14341
terminal.ansiRed#E06060
terminal.ansiYellow#EEE453
terminal.background#0A0A0A
terminal.foreground#C3BEB3
textLink.activeForeground#C3BEB3
textLink.foreground#EEE453
titleBar.activeBackground#000000
titleBar.activeForeground#C3BEB3
titleBar.inactiveBackground#000000
titleBar.inactiveForeground#6F6E68

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#6F6E68	italic
keyword, storage.type, storage.modifier, keyword.control	#B14341	bold
string, constant.other.symbol	#D8D4C8	—
constant.numeric, constant.language	#F0E880	—
constant.language.boolean	#C3BEB3	—
entity.name.function, support.function, meta.function-call	#EEE453	—
entity.name.type, entity.name.class, support.type, support.class	#D87070	bold
variable, variable.other, variable.parameter	#C3BEB3	—
variable.other.property, support.variable.property	#A8A49C	—
entity.name.tag	#E06060	—
entity.other.attribute-name	#D8D4C8	—
keyword.operator	#6F6E68	—
punctuation, meta.brace	#6F6E68	—
entity.name.namespace, support.type.namespace	#D87070	bold
meta.decorator, entity.name.function.decorator	#EEE453	italic
keyword.control.import, keyword.control.export, keyword.control.from	#EEE453	—
string.regexp	#D87070	—
constant.character.escape	#EEE453	—
invalid, invalid.illegal	#E06060	bold underline
markup.heading, entity.name.section.markdown	#B14341	bold
markup.bold	#D8D4C8	bold
markup.italic	#EEE453	italic
markup.underline.link	#EEE453	—
markup.inline.raw, markup.fenced_code.block	#F0E880	—
support.type.property-name.json	#B14341	—
entity.other.attribute-name.class.css, entity.other.attribute-name.id.css	#EEE453	—
support.type.property-name.css	#EEE453	—
support.constant.property-value.css	#F0E880	—

VS Code preview

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

Sonic Inspired Theme — Sonic-Inspired Omega 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#7F1918
activityBar.foreground#E8E6E0
activityBar.inactiveForeground#C08080
activityBarBadge.background#6F6E68
activityBarBadge.foreground#FFFFFF
badge.background#7F1918
badge.foreground#FFFFFF
button.background#B14341
button.foreground#FFFFFF
button.hoverBackground#C85856
descriptionForeground#5A5850
dropdown.background#FFFFFF
dropdown.border#B8B4AC
dropdown.foreground#000000
editor.background#E8E6E0
editor.findMatchBackground#B1434155
editor.findMatchHighlightBackground#B1434133
editor.foreground#000000
editor.inactiveSelectionBackground#B1434122
editor.lineHighlightBackground#DCDAD4
editor.selectionBackground#B1434144
editor.wordHighlightBackground#B1434133
editor.wordHighlightStrongBackground#B1434144
editorBracketMatch.background#B1434133
editorBracketMatch.border#7F1918
editorCursor.foreground#7F1918
editorError.foreground#7F1918
editorGroupHeader.tabsBackground#C3BEB3
editorGutter.background#E8E6E0
editorHint.foreground#6F6E68
editorIndentGuide.activeBackground#6F6E6855
editorIndentGuide.background#D0CCC4
editorInfo.foreground#5A5850
editorLineNumber.activeForeground#7F1918
editorLineNumber.foreground#6F6E68
editorWarning.foreground#8A7020
editorWhitespace.foreground#B8B4AC
focusBorder#6F6E68
foreground#000000
gitDecoration.deletedResourceForeground#7F1918
gitDecoration.ignoredResourceForeground#6F6E68
gitDecoration.modifiedResourceForeground#8A7020
gitDecoration.untrackedResourceForeground#5A5850
input.background#FFFFFF
input.border#B8B4AC
input.foreground#000000
input.placeholderForeground#6F6E68
list.activeSelectionBackground#B1434144
list.activeSelectionForeground#000000
list.highlightForeground#7F1918
list.hoverBackground#B1434122
list.inactiveSelectionBackground#B8B4A8
panel.background#E8E6E0
panel.border#B8B4A8
scrollbarSlider.activeBackground#6F6E6888
scrollbarSlider.background#6F6E6844
scrollbarSlider.hoverBackground#6F6E6866
sideBar.background#C3BEB3
sideBar.foreground#000000
sideBarSectionHeader.background#B8B4A8
sideBarSectionHeader.foreground#000000
sideBarTitle.foreground#7F1918
statusBar.background#7F1918
statusBar.debuggingBackground#B14341
statusBar.debuggingForeground#FFFFFF
statusBar.foreground#E8E6E0
statusBar.noFolderBackground#7F1918
tab.activeBackground#E8E6E0
tab.activeForeground#7F1918
tab.border#B8B4A8
tab.inactiveBackground#C3BEB3
tab.inactiveForeground#5A5850
terminal.ansiBlue#5A5850
terminal.ansiCyan#5A5850
terminal.ansiGreen#5A5850
terminal.ansiMagenta#B14341
terminal.ansiRed#7F1918
terminal.ansiYellow#8A7020
terminal.background#E8E6E0
terminal.foreground#000000
textLink.activeForeground#B14341
textLink.foreground#7F1918
titleBar.activeBackground#1A1A18
titleBar.activeForeground#FFFFFF
titleBar.inactiveBackground#2A2A28
titleBar.inactiveForeground#A0A098

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#6F6E68	italic
keyword, storage.type, storage.modifier, keyword.control	#7F1918	bold
string, constant.other.symbol	#6A2018	—
constant.numeric, constant.language	#5A1800	—
constant.language.boolean	#3A3830	—
entity.name.function, support.function, meta.function-call	#B14341	—
entity.name.type, entity.name.class, support.type, support.class	#5A1000	bold
variable, variable.other, variable.parameter	#000000	—
variable.other.property, support.variable.property	#1A1810	—
entity.name.tag	#7F1918	—
entity.other.attribute-name	#6A2018	—
keyword.operator	#6F6E68	—
punctuation, meta.brace	#6F6E68	—
entity.name.namespace, support.type.namespace	#5A1000	bold
meta.decorator, entity.name.function.decorator	#7F1918	italic
keyword.control.import, keyword.control.export, keyword.control.from	#B14341	—
string.regexp	#5A1000	—
constant.character.escape	#B14341	—
invalid, invalid.illegal	#7F1918	bold underline
markup.heading, entity.name.section.markdown	#7F1918	bold
markup.bold	#6A2018	bold
markup.italic	#B14341	italic
markup.underline.link	#7F1918	—
markup.inline.raw, markup.fenced_code.block	#5A1800	—
support.type.property-name.json	#7F1918	—
entity.other.attribute-name.class.css, entity.other.attribute-name.id.css	#7F1918	—
support.type.property-name.css	#B14341	—
support.constant.property-value.css	#5A1800	—

VS Code preview

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

Sonic Inspired Theme — Sonic-Inspired Rouge 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#FA82BA
activityBar.foreground#1A0F20
activityBar.inactiveForeground#8A4870
activityBarBadge.background#0EA096
activityBarBadge.foreground#FFFFFF
badge.background#F08C14
badge.foreground#1A0F20
button.background#0EA096
button.foreground#FFFFFF
button.hoverBackground#12B8AA
descriptionForeground#8A7888
dropdown.background#281828
dropdown.border#3A2838
dropdown.foreground#F3F6F4
editor.background#1A0F20
editor.findMatchBackground#F08C1444
editor.findMatchHighlightBackground#F08C1422
editor.foreground#F3F6F4
editor.inactiveSelectionBackground#0EA09622
editor.lineHighlightBackground#281828
editor.selectionBackground#0EA09644
editor.wordHighlightBackground#0EA09633
editor.wordHighlightStrongBackground#0EA09655
editorBracketMatch.background#0EA09633
editorBracketMatch.border#0EA096
editorCursor.foreground#FA82BA
editorError.foreground#FF5555
editorGroupHeader.tabsBackground#120A16
editorGutter.background#1A0F20
editorHint.foreground#8A7888
editorIndentGuide.activeBackground#0EA09666
editorIndentGuide.background#3A2838
editorInfo.foreground#0EA096
editorLineNumber.activeForeground#FA82BA
editorLineNumber.foreground#7A6878
editorWarning.foreground#F08C14
editorWhitespace.foreground#4A3848
focusBorder#0EA096
foreground#F3F6F4
gitDecoration.deletedResourceForeground#FF5555
gitDecoration.ignoredResourceForeground#7A6878
gitDecoration.modifiedResourceForeground#F08C14
gitDecoration.untrackedResourceForeground#0EA096
input.background#281828
input.border#3A2838
input.foreground#F3F6F4
input.placeholderForeground#7A6878
list.activeSelectionBackground#0EA09644
list.activeSelectionForeground#FFFFFF
list.highlightForeground#FA82BA
list.hoverBackground#0EA09622
list.inactiveSelectionBackground#281828
panel.background#1A0F20
panel.border#3A2838
scrollbarSlider.activeBackground#0EA09688
scrollbarSlider.background#0EA09644
scrollbarSlider.hoverBackground#0EA09666
sideBar.background#120A16
sideBar.foreground#F3F6F4
sideBarSectionHeader.background#281828
sideBarSectionHeader.foreground#0EA096
sideBarTitle.foreground#FA82BA
statusBar.background#FA82BA
statusBar.debuggingBackground#F08C14
statusBar.debuggingForeground#1A0F20
statusBar.foreground#1A0F20
statusBar.noFolderBackground#FA82BA
tab.activeBackground#1A0F20
tab.activeForeground#FA82BA
tab.border#281828
tab.inactiveBackground#120A16
tab.inactiveForeground#7A6878
terminal.ansiBlue#0EA096
terminal.ansiCyan#0EA096
terminal.ansiGreen#0EA096
terminal.ansiMagenta#FA82BA
terminal.ansiRed#FF5555
terminal.ansiYellow#F08C14
terminal.background#1A0F20
terminal.foreground#F3F6F4
textLink.activeForeground#FA82BA
textLink.foreground#0EA096
titleBar.activeBackground#0E0812
titleBar.activeForeground#F3F6F4
titleBar.inactiveBackground#0E0812
titleBar.inactiveForeground#7A6878

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#8A7888	italic
keyword, storage.type, storage.modifier, keyword.control	#FA82BA	bold
string, constant.other.symbol	#F0B070	—
constant.numeric, constant.language	#F08C14	—
constant.language.boolean	#F3F6F4	—
entity.name.function, support.function, meta.function-call	#0EA096	—
entity.name.type, entity.name.class, support.type, support.class	#FFA0D0	bold
variable, variable.other, variable.parameter	#F3F6F4	—
variable.other.property, support.variable.property	#D0D8D4	—
entity.name.tag	#FF5555	—
entity.other.attribute-name	#F0B070	—
keyword.operator	#8A7888	—
punctuation, meta.brace	#8A7888	—
entity.name.namespace, support.type.namespace	#FFA0D0	bold
meta.decorator, entity.name.function.decorator	#F08C14	italic
keyword.control.import, keyword.control.export, keyword.control.from	#0EA096	—
string.regexp	#FFA0D0	—
constant.character.escape	#0EA096	—
invalid, invalid.illegal	#FF5555	bold underline
markup.heading, entity.name.section.markdown	#FA82BA	bold
markup.bold	#F0B070	bold
markup.italic	#0EA096	italic
markup.underline.link	#0EA096	—
markup.inline.raw, markup.fenced_code.block	#F08C14	—
support.type.property-name.json	#FA82BA	—
entity.other.attribute-name.class.css, entity.other.attribute-name.id.css	#FA82BA	—
support.type.property-name.css	#0EA096	—
support.constant.property-value.css	#F08C14	—

VS Code preview

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

Sonic Inspired Theme — Sonic-Inspired Rouge 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#0EA096
activityBar.foreground#F3F6F4
activityBar.inactiveForeground#80C0B8
activityBarBadge.background#FA82BA
activityBarBadge.foreground#321D3C
badge.background#C03050
badge.foreground#FFFFFF
button.background#D060A0
button.foreground#FFFFFF
button.hoverBackground#E078B0
descriptionForeground#7A7080
dropdown.background#FFFFFF
dropdown.border#C0C8C2
dropdown.foreground#321D3C
editor.background#F3F6F4
editor.findMatchBackground#F08C1455
editor.findMatchHighlightBackground#F08C1433
editor.foreground#321D3C
editor.inactiveSelectionBackground#FA82BA22
editor.lineHighlightBackground#E4EAE6
editor.selectionBackground#FA82BA44
editor.wordHighlightBackground#FA82BA33
editor.wordHighlightStrongBackground#FA82BA44
editorBracketMatch.background#FA82BA33
editorBracketMatch.border#0EA096
editorCursor.foreground#0EA096
editorError.foreground#C03050
editorGroupHeader.tabsBackground#E8ECEA
editorGutter.background#F3F6F4
editorHint.foreground#7A7080
editorIndentGuide.activeBackground#0EA09655
editorIndentGuide.background#D8E0DA
editorInfo.foreground#0A8080
editorLineNumber.activeForeground#0EA096
editorLineNumber.foreground#8A8088
editorWarning.foreground#C07010
editorWhitespace.foreground#C0C8C2
focusBorder#0EA096
foreground#321D3C
gitDecoration.deletedResourceForeground#C03050
gitDecoration.ignoredResourceForeground#8A8088
gitDecoration.modifiedResourceForeground#C07010
gitDecoration.untrackedResourceForeground#0A8080
input.background#FFFFFF
input.border#C0C8C2
input.foreground#321D3C
input.placeholderForeground#8A8088
list.activeSelectionBackground#FA82BA44
list.activeSelectionForeground#321D3C
list.highlightForeground#0A8080
list.hoverBackground#FA82BA22
list.inactiveSelectionBackground#DCE2DE
panel.background#F3F6F4
panel.border#DCE2DE
scrollbarSlider.activeBackground#0EA09688
scrollbarSlider.background#0EA09644
scrollbarSlider.hoverBackground#0EA09666
sideBar.background#E8ECEA
sideBar.foreground#321D3C
sideBarSectionHeader.background#DCE2DE
sideBarSectionHeader.foreground#321D3C
sideBarTitle.foreground#0A8080
statusBar.background#0EA096
statusBar.debuggingBackground#C07010
statusBar.debuggingForeground#FFFFFF
statusBar.foreground#F3F6F4
statusBar.noFolderBackground#0EA096
tab.activeBackground#F3F6F4
tab.activeForeground#0A8080
tab.border#DCE2DE
tab.inactiveBackground#E8ECEA
tab.inactiveForeground#7A7080
terminal.ansiBlue#0A8080
terminal.ansiCyan#0A8080
terminal.ansiGreen#0A8080
terminal.ansiMagenta#D060A0
terminal.ansiRed#C03050
terminal.ansiYellow#C07010
terminal.background#F3F6F4
terminal.foreground#321D3C
textLink.activeForeground#D060A0
textLink.foreground#0A8080
titleBar.activeBackground#321D3C
titleBar.activeForeground#FFFFFF
titleBar.inactiveBackground#402850
titleBar.inactiveForeground#B0A8B0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#7A7080	italic
keyword, storage.type, storage.modifier, keyword.control	#0A8080	bold
string, constant.other.symbol	#C06020	—
constant.numeric, constant.language	#A05810	—
constant.language.boolean	#504058	—
entity.name.function, support.function, meta.function-call	#D060A0	—
entity.name.type, entity.name.class, support.type, support.class	#903068	bold
variable, variable.other, variable.parameter	#321D3C	—
variable.other.property, support.variable.property	#2A1830	—
entity.name.tag	#C03050	—
entity.other.attribute-name	#C06020	—
keyword.operator	#7A7080	—
punctuation, meta.brace	#7A7080	—
entity.name.namespace, support.type.namespace	#903068	bold
meta.decorator, entity.name.function.decorator	#0A8080	italic
keyword.control.import, keyword.control.export, keyword.control.from	#D060A0	—
string.regexp	#903068	—
constant.character.escape	#D060A0	—
invalid, invalid.illegal	#C03050	bold underline
markup.heading, entity.name.section.markdown	#0A8080	bold
markup.bold	#C06020	bold
markup.italic	#D060A0	italic
markup.underline.link	#0A8080	—
markup.inline.raw, markup.fenced_code.block	#A05810	—
support.type.property-name.json	#0A8080	—
entity.other.attribute-name.class.css, entity.other.attribute-name.id.css	#0A8080	—
support.type.property-name.css	#D060A0	—
support.constant.property-value.css	#A05810	—