Backend Themes

Name: Backend Themes
Author: StraightRight

Publisher: StraightRightThemes in package: 48

A curated collection of VSCode themes, based on colors of backend frameworks

Open in VS Code GitHub

Color themes

VS Code preview

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

Backend Themes — ASP.NET Core 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.activeBorder#8C73E3
activityBar.background#181818
activityBar.border#2E2E2E
activityBar.foreground#D4D4D4
activityBar.inactiveForeground#8A8A8A
activityBarBadge.background#8C73E3
activityBarBadge.foreground#000000
badge.background#8C73E3
badge.foreground#000000
button.background#8C73E3
button.foreground#000000
button.hoverBackground#A591E9
dropdown.background#181818
dropdown.foreground#D4D4D4
editor.background#1E1E1E
editor.findMatchBackground#8C73E355
editor.findMatchHighlightBackground#8C73E322
editor.foreground#D4D4D4
editor.selectionBackground#8C73E344
editor.selectionHighlightBackground#8C73E322
editor.wordHighlightBackground#8C73E322
editorBracketMatch.background#8C73E322
editorBracketMatch.border#8C73E3
editorCursor.foreground#8C73E3
editorGroup.border#2E2E2E
editorGroupHeader.tabsBackground#181818
editorGroupHeader.tabsBorder#2E2E2E
editorHoverWidget.background#181818
editorHoverWidget.border#2E2E2E
editorIndentGuide.activeBackground1#8C73E3
editorIndentGuide.background1#2E2E2E
editorLineNumber.activeForeground#8C73E3
editorLineNumber.foreground#8A8A8A
editorSuggestWidget.background#181818
editorSuggestWidget.border#2E2E2E
editorSuggestWidget.highlightForeground#8C73E3
editorSuggestWidget.selectedBackground#8C73E333
editorWhitespace.foreground#2E2E2E
editorWidget.background#181818
editorWidget.border#2E2E2E
extensionButton.prominentBackground#8C73E3
extensionButton.prominentForeground#000000
extensionButton.prominentHoverBackground#A591E9
focusBorder#8C73E3
gitDecoration.modifiedResourceForeground#8C73E3
input.background#181818
input.foreground#D4D4D4
input.placeholderForeground#8A8A8A
inputOption.activeBorder#8C73E3
list.activeSelectionBackground#8C73E344
list.activeSelectionForeground#D4D4D4
list.focusOutline#8C73E3
list.highlightForeground#8C73E3
list.hoverBackground#181818
list.inactiveSelectionBackground#8C73E322
minimap.findMatchHighlight#8C73E3
panel.background#1E1E1E
panel.border#2E2E2E
panelTitle.activeBorder#8C73E3
panelTitle.activeForeground#D4D4D4
panelTitle.inactiveForeground#8A8A8A
peekView.border#8C73E3
progressBar.background#8C73E3
scrollbarSlider.activeBackground#8C73E3AA
scrollbarSlider.background#8A8A8A44
scrollbarSlider.hoverBackground#8C73E366
sideBar.background#1E1E1E
sideBar.border#2E2E2E
sideBar.foreground#B0B0B0
sideBarSectionHeader.background#181818
sideBarSectionHeader.border#2E2E2E
sideBarSectionHeader.foreground#D4D4D4
sideBarTitle.foreground#B0B0B0
statusBar.background#8C73E3
statusBar.border#2E2E2E
statusBar.debuggingBackground#A591E9
statusBar.debuggingForeground#000000
statusBar.foreground#000000
statusBar.noFolderBackground#A591E9
statusBarItem.hoverBackground#8C73E333
statusBarItem.remoteBackground#A591E9
statusBarItem.remoteForeground#000000
tab.activeBackground#1E1E1E
tab.activeBorderTop#8C73E3
tab.activeForeground#D4D4D4
tab.border#2E2E2E
tab.inactiveBackground#181818
tab.inactiveForeground#8A8A8A
terminal.background#1E1E1E
terminal.foreground#D4D4D4
terminalCursor.foreground#8C73E3
textLink.activeForeground#A591E9
textLink.foreground#8C73E3
titleBar.activeBackground#181818
titleBar.activeForeground#B0B0B0
titleBar.border#2E2E2E
titleBar.inactiveBackground#181818
titleBar.inactiveForeground#8A8A8A
tree.indentGuidesStroke#2E2E2E

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#6C9672	italic
string, punctuation.definition.string	#CC6C00	—
constant.numeric, constant.language, constant.character	#84FCAE	—
keyword, keyword.control, storage, storage.type	#8C73E3	—
entity.name.function, support.function	#FCBA2A	—
entity.name.class, entity.name.type, support.class, entity.other.inherited-class	#96F0EA	—
variable, variable.parameter	#A8BAFC	—
entity.name.tag, meta.tag	#8C73E3	—
entity.other.attribute-name	#A8BAFC	—
keyword.operator, punctuation	#A27E96	—
meta.decorator, punctuation.decorator, storage.type.annotation, meta.annotation, support.type.attribute	#FCBA2A	—

VS Code preview

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

Backend Themes — ASP.NET Core High Contrast 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.activeBorder#9E88E7
activityBar.background#000000
activityBar.border#9E88E7
activityBar.foreground#FFFFFF
activityBar.inactiveForeground#A6A6A6
activityBarBadge.background#9E88E7
activityBarBadge.foreground#000000
badge.background#9E88E7
badge.foreground#000000
button.background#000000
button.border#9E88E7
button.foreground#FFFFFF
button.hoverBackground#9E88E744
contrastActiveBorder#FFFFFF
contrastBorder#9E88E7
dropdown.background#000000
dropdown.border#9E88E7
dropdown.foreground#FFFFFF
editor.background#000000
editor.findMatchBackground#9E88E755
editor.findMatchBorder#FFFFFF
editor.findMatchHighlightBackground#9E88E722
editor.foreground#FFFFFF
editor.selectionBackground#9E88E755
editor.selectionHighlightBackground#9E88E722
editor.selectionHighlightBorder#9E88E7
editor.wordHighlightBackground#9E88E722
editor.wordHighlightBorder#9E88E7
editorBracketMatch.background#9E88E722
editorBracketMatch.border#9E88E7
editorCursor.foreground#9E88E7
editorGroup.border#3A3A3A
editorGroupHeader.tabsBackground#000000
editorGroupHeader.tabsBorder#9E88E7
editorHoverWidget.background#000000
editorHoverWidget.border#9E88E7
editorIndentGuide.activeBackground1#9E88E7
editorIndentGuide.background1#3A3A3A
editorLineNumber.activeForeground#9E88E7
editorLineNumber.foreground#A6A6A6
editorSuggestWidget.background#000000
editorSuggestWidget.border#9E88E7
editorSuggestWidget.highlightForeground#9E88E7
editorSuggestWidget.selectedBackground#9E88E733
editorWhitespace.foreground#3A3A3A
editorWidget.background#000000
editorWidget.border#9E88E7
extensionButton.prominentBackground#000000
extensionButton.prominentForeground#FFFFFF
extensionButton.prominentHoverBackground#9E88E744
focusBorder#FFFFFF
gitDecoration.modifiedResourceForeground#9E88E7
input.background#000000
input.border#9E88E7
input.foreground#FFFFFF
input.placeholderForeground#A6A6A6
inputOption.activeBorder#FFFFFF
list.activeSelectionBackground#9E88E744
list.activeSelectionForeground#FFFFFF
list.focusOutline#FFFFFF
list.highlightForeground#9E88E7
list.hoverBackground#9E88E722
list.inactiveSelectionBackground#9E88E722
minimap.findMatchHighlight#9E88E7
panel.background#000000
panel.border#9E88E7
panelTitle.activeBorder#9E88E7
panelTitle.activeForeground#FFFFFF
panelTitle.inactiveForeground#A6A6A6
peekView.border#9E88E7
progressBar.background#9E88E7
scrollbarSlider.activeBackground#9E88E7AA
scrollbarSlider.background#A6A6A644
scrollbarSlider.hoverBackground#9E88E766
sideBar.background#000000
sideBar.border#9E88E7
sideBar.foreground#D0D0D0
sideBarSectionHeader.background#000000
sideBarSectionHeader.border#9E88E7
sideBarSectionHeader.foreground#FFFFFF
sideBarTitle.foreground#D0D0D0
statusBar.background#000000
statusBar.border#9E88E7
statusBar.debuggingBackground#9E88E7
statusBar.debuggingForeground#000000
statusBar.foreground#FFFFFF
statusBar.noFolderBackground#000000
statusBarItem.hoverBackground#9E88E733
statusBarItem.remoteBackground#B6A6ED
statusBarItem.remoteForeground#000000
tab.activeBackground#000000
tab.activeBorderTop#9E88E7
tab.activeForeground#FFFFFF
tab.border#9E88E7
tab.inactiveBackground#000000
tab.inactiveForeground#A6A6A6
terminal.background#000000
terminal.foreground#FFFFFF
terminalCursor.foreground#9E88E7
textLink.activeForeground#B6A6ED
textLink.foreground#9E88E7
titleBar.activeBackground#000000
titleBar.activeForeground#D0D0D0
titleBar.border#9E88E7
titleBar.inactiveBackground#000000
titleBar.inactiveForeground#A6A6A6
tree.indentGuidesStroke#3A3A3A

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#72A27E	italic
string, punctuation.definition.string	#BA90A8	—
constant.numeric, constant.language, constant.character	#AEFC1E	—
keyword, keyword.control, storage, storage.type	#9E88E7	bold
entity.name.function, support.function	#96A212	—
entity.name.class, entity.name.type, support.class, entity.other.inherited-class	#2AEAA2	—
variable, variable.parameter	#C0CCFC	—
entity.name.tag, meta.tag	#9E88E7	bold
entity.other.attribute-name	#C0CCFC	—
keyword.operator, punctuation	#EAF0F6	—
meta.decorator, punctuation.decorator, storage.type.annotation, meta.annotation, support.type.attribute	#96A212	—

VS Code preview

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

Backend Themes — ASP.NET Core High Contrast 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.activeBorder#512BD4
activityBar.background#FFFFFF
activityBar.border#512BD4
activityBar.foreground#000000
activityBar.inactiveForeground#595959
activityBarBadge.background#512BD4
activityBarBadge.foreground#FFFFFF
badge.background#512BD4
badge.foreground#FFFFFF
button.background#FFFFFF
button.border#512BD4
button.foreground#000000
button.hoverBackground#512BD444
contrastActiveBorder#000000
contrastBorder#512BD4
dropdown.background#FFFFFF
dropdown.border#512BD4
dropdown.foreground#000000
editor.background#FFFFFF
editor.findMatchBackground#512BD455
editor.findMatchBorder#000000
editor.findMatchHighlightBackground#512BD422
editor.foreground#000000
editor.selectionBackground#512BD455
editor.selectionHighlightBackground#512BD422
editor.selectionHighlightBorder#512BD4
editor.wordHighlightBackground#512BD422
editor.wordHighlightBorder#512BD4
editorBracketMatch.background#512BD422
editorBracketMatch.border#512BD4
editorCursor.foreground#512BD4
editorGroup.border#C8C8C8
editorGroupHeader.tabsBackground#FFFFFF
editorGroupHeader.tabsBorder#512BD4
editorHoverWidget.background#FFFFFF
editorHoverWidget.border#512BD4
editorIndentGuide.activeBackground1#512BD4
editorIndentGuide.background1#C8C8C8
editorLineNumber.activeForeground#512BD4
editorLineNumber.foreground#595959
editorSuggestWidget.background#FFFFFF
editorSuggestWidget.border#512BD4
editorSuggestWidget.highlightForeground#512BD4
editorSuggestWidget.selectedBackground#512BD433
editorWhitespace.foreground#C8C8C8
editorWidget.background#FFFFFF
editorWidget.border#512BD4
extensionButton.prominentBackground#FFFFFF
extensionButton.prominentForeground#000000
extensionButton.prominentHoverBackground#512BD444
focusBorder#000000
gitDecoration.modifiedResourceForeground#512BD4
input.background#FFFFFF
input.border#512BD4
input.foreground#000000
input.placeholderForeground#595959
inputOption.activeBorder#000000
list.activeSelectionBackground#512BD444
list.activeSelectionForeground#000000
list.focusOutline#000000
list.highlightForeground#512BD4
list.hoverBackground#512BD422
list.inactiveSelectionBackground#512BD422
minimap.findMatchHighlight#512BD4
panel.background#FFFFFF
panel.border#512BD4
panelTitle.activeBorder#512BD4
panelTitle.activeForeground#000000
panelTitle.inactiveForeground#595959
peekView.border#512BD4
progressBar.background#512BD4
scrollbarSlider.activeBackground#512BD4AA
scrollbarSlider.background#59595944
scrollbarSlider.hoverBackground#512BD466
sideBar.background#FFFFFF
sideBar.border#512BD4
sideBar.foreground#2B2B2B
sideBarSectionHeader.background#FFFFFF
sideBarSectionHeader.border#512BD4
sideBarSectionHeader.foreground#000000
sideBarTitle.foreground#2B2B2B
statusBar.background#FFFFFF
statusBar.border#512BD4
statusBar.debuggingBackground#512BD4
statusBar.debuggingForeground#FFFFFF
statusBar.foreground#000000
statusBar.noFolderBackground#FFFFFF
statusBarItem.hoverBackground#512BD433
statusBarItem.remoteBackground#4625B6
statusBarItem.remoteForeground#FFFFFF
tab.activeBackground#FFFFFF
tab.activeBorderTop#512BD4
tab.activeForeground#000000
tab.border#512BD4
tab.inactiveBackground#FFFFFF
tab.inactiveForeground#595959
terminal.background#FFFFFF
terminal.foreground#000000
terminalCursor.foreground#512BD4
textLink.activeForeground#4625B6
textLink.foreground#512BD4
titleBar.activeBackground#FFFFFF
titleBar.activeForeground#2B2B2B
titleBar.border#512BD4
titleBar.inactiveBackground#FFFFFF
titleBar.inactiveForeground#595959
tree.indentGuidesStroke#C8C8C8

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#426048	italic
string, punctuation.definition.string	#84480C	—
constant.numeric, constant.language, constant.character	#2A5A66	—
keyword, keyword.control, storage, storage.type	#512BD4	bold
entity.name.function, support.function	#482A00	—
entity.name.class, entity.name.type, support.class, entity.other.inherited-class	#183048	—
variable, variable.parameter	#121290	—
entity.name.tag, meta.tag	#512BD4	bold
entity.other.attribute-name	#121290	—
keyword.operator, punctuation	#242424	—
meta.decorator, punctuation.decorator, storage.type.annotation, meta.annotation, support.type.attribute	#482A00	—

VS Code preview

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

Backend Themes — ASP.NET Core 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.activeBorder#512BD4
activityBar.background#F3F3F3
activityBar.border#E0E0E0
activityBar.foreground#1E1E1E
activityBar.inactiveForeground#6B6B6B
activityBarBadge.background#512BD4
activityBarBadge.foreground#FFFFFF
badge.background#512BD4
badge.foreground#FFFFFF
button.background#512BD4
button.foreground#FFFFFF
button.hoverBackground#3C209D
dropdown.background#F3F3F3
dropdown.foreground#1E1E1E
editor.background#FFFFFF
editor.findMatchBackground#512BD455
editor.findMatchHighlightBackground#512BD422
editor.foreground#1E1E1E
editor.selectionBackground#512BD444
editor.selectionHighlightBackground#512BD422
editor.wordHighlightBackground#512BD422
editorBracketMatch.background#512BD422
editorBracketMatch.border#512BD4
editorCursor.foreground#512BD4
editorGroup.border#E0E0E0
editorGroupHeader.tabsBackground#F3F3F3
editorGroupHeader.tabsBorder#E0E0E0
editorHoverWidget.background#F3F3F3
editorHoverWidget.border#E0E0E0
editorIndentGuide.activeBackground1#512BD4
editorIndentGuide.background1#E0E0E0
editorLineNumber.activeForeground#512BD4
editorLineNumber.foreground#6B6B6B
editorSuggestWidget.background#F3F3F3
editorSuggestWidget.border#E0E0E0
editorSuggestWidget.highlightForeground#512BD4
editorSuggestWidget.selectedBackground#512BD433
editorWhitespace.foreground#E0E0E0
editorWidget.background#F3F3F3
editorWidget.border#E0E0E0
extensionButton.prominentBackground#512BD4
extensionButton.prominentForeground#FFFFFF
extensionButton.prominentHoverBackground#3C209D
focusBorder#512BD4
gitDecoration.modifiedResourceForeground#512BD4
input.background#F3F3F3
input.foreground#1E1E1E
input.placeholderForeground#6B6B6B
inputOption.activeBorder#512BD4
list.activeSelectionBackground#512BD444
list.activeSelectionForeground#1E1E1E
list.focusOutline#512BD4
list.highlightForeground#512BD4
list.hoverBackground#F3F3F3
list.inactiveSelectionBackground#512BD422
minimap.findMatchHighlight#512BD4
panel.background#FFFFFF
panel.border#E0E0E0
panelTitle.activeBorder#512BD4
panelTitle.activeForeground#1E1E1E
panelTitle.inactiveForeground#6B6B6B
peekView.border#512BD4
progressBar.background#512BD4
scrollbarSlider.activeBackground#512BD4AA
scrollbarSlider.background#6B6B6B44
scrollbarSlider.hoverBackground#512BD466
sideBar.background#FFFFFF
sideBar.border#E0E0E0
sideBar.foreground#3A3A3A
sideBarSectionHeader.background#F3F3F3
sideBarSectionHeader.border#E0E0E0
sideBarSectionHeader.foreground#1E1E1E
sideBarTitle.foreground#3A3A3A
statusBar.background#512BD4
statusBar.border#E0E0E0
statusBar.debuggingBackground#512BD4
statusBar.debuggingForeground#FFFFFF
statusBar.foreground#FFFFFF
statusBar.noFolderBackground#512BD4
statusBarItem.hoverBackground#512BD433
statusBarItem.remoteBackground#512BD4
statusBarItem.remoteForeground#FFFFFF
tab.activeBackground#FFFFFF
tab.activeBorderTop#512BD4
tab.activeForeground#1E1E1E
tab.border#E0E0E0
tab.inactiveBackground#F3F3F3
tab.inactiveForeground#6B6B6B
terminal.background#FFFFFF
terminal.foreground#1E1E1E
terminalCursor.foreground#512BD4
textLink.activeForeground#512BD4
textLink.foreground#512BD4
titleBar.activeBackground#F3F3F3
titleBar.activeForeground#3A3A3A
titleBar.border#E0E0E0
titleBar.inactiveBackground#F3F3F3
titleBar.inactiveForeground#6B6B6B
tree.indentGuidesStroke#E0E0E0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#3C845A	italic
string, punctuation.definition.string	#7E6C9C	—
constant.numeric, constant.language, constant.character	#425A18	—
keyword, keyword.control, storage, storage.type	#512BD4	—
entity.name.function, support.function	#6C7E0C	—
entity.name.class, entity.name.type, support.class, entity.other.inherited-class	#126C60	—
variable, variable.parameter	#725AFC	—
entity.name.tag, meta.tag	#512BD4	—
entity.other.attribute-name	#725AFC	—
keyword.operator, punctuation	#423C72	—
meta.decorator, punctuation.decorator, storage.type.annotation, meta.annotation, support.type.attribute	#6C7E0C	—