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 — Spring 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#6CB13E
activityBar.background#181818
activityBar.border#2E2E2E
activityBar.foreground#D4D4D4
activityBar.inactiveForeground#8A8A8A
activityBarBadge.background#6CB13E
activityBarBadge.foreground#000000
badge.background#6CB13E
badge.foreground#000000
button.background#6CB13E
button.foreground#000000
button.hoverBackground#92CB6C
dropdown.background#181818
dropdown.foreground#D4D4D4
editor.background#1E1E1E
editor.findMatchBackground#6CB13E55
editor.findMatchHighlightBackground#6CB13E22
editor.foreground#D4D4D4
editor.selectionBackground#6CB13E44
editor.selectionHighlightBackground#6CB13E22
editor.wordHighlightBackground#6CB13E22
editorBracketMatch.background#6CB13E22
editorBracketMatch.border#6CB13E
editorCursor.foreground#6CB13E
editorGroup.border#2E2E2E
editorGroupHeader.tabsBackground#181818
editorGroupHeader.tabsBorder#2E2E2E
editorHoverWidget.background#181818
editorHoverWidget.border#2E2E2E
editorIndentGuide.activeBackground1#6CB13E
editorIndentGuide.background1#2E2E2E
editorLineNumber.activeForeground#6CB13E
editorLineNumber.foreground#8A8A8A
editorSuggestWidget.background#181818
editorSuggestWidget.border#2E2E2E
editorSuggestWidget.highlightForeground#6CB13E
editorSuggestWidget.selectedBackground#6CB13E33
editorWhitespace.foreground#2E2E2E
editorWidget.background#181818
editorWidget.border#2E2E2E
extensionButton.prominentBackground#6CB13E
extensionButton.prominentForeground#000000
extensionButton.prominentHoverBackground#92CB6C
focusBorder#6CB13E
gitDecoration.modifiedResourceForeground#6CB13E
input.background#181818
input.foreground#D4D4D4
input.placeholderForeground#8A8A8A
inputOption.activeBorder#6CB13E
list.activeSelectionBackground#6CB13E44
list.activeSelectionForeground#D4D4D4
list.focusOutline#6CB13E
list.highlightForeground#6CB13E
list.hoverBackground#181818
list.inactiveSelectionBackground#6CB13E22
minimap.findMatchHighlight#6CB13E
panel.background#1E1E1E
panel.border#2E2E2E
panelTitle.activeBorder#6CB13E
panelTitle.activeForeground#D4D4D4
panelTitle.inactiveForeground#8A8A8A
peekView.border#6CB13E
progressBar.background#6CB13E
scrollbarSlider.activeBackground#6CB13EAA
scrollbarSlider.background#8A8A8A44
scrollbarSlider.hoverBackground#6CB13E66
sideBar.background#1E1E1E
sideBar.border#2E2E2E
sideBar.foreground#B0B0B0
sideBarSectionHeader.background#181818
sideBarSectionHeader.border#2E2E2E
sideBarSectionHeader.foreground#D4D4D4
sideBarTitle.foreground#B0B0B0
statusBar.background#6CB13E
statusBar.border#2E2E2E
statusBar.debuggingBackground#7EC251
statusBar.debuggingForeground#000000
statusBar.foreground#000000
statusBar.noFolderBackground#7EC251
statusBarItem.hoverBackground#6CB13E33
statusBarItem.remoteBackground#7EC251
statusBarItem.remoteForeground#000000
tab.activeBackground#1E1E1E
tab.activeBorderTop#6CB13E
tab.activeForeground#D4D4D4
tab.border#2E2E2E
tab.inactiveBackground#181818
tab.inactiveForeground#8A8A8A
terminal.background#1E1E1E
terminal.foreground#D4D4D4
terminalCursor.foreground#6CB13E
textLink.activeForeground#7EC251
textLink.foreground#6CB13E
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	#48966C	italic
string, punctuation.definition.string	#AE7896	—
constant.numeric, constant.language, constant.character	#66FC00	—
keyword, keyword.control, storage, storage.type	#6CB13E	—
entity.name.function, support.function	#D8D2A8	—
entity.name.class, entity.name.type, support.class, entity.other.inherited-class	#96F6F0	—
variable, variable.parameter	#6C7EFC	—
entity.name.tag, meta.tag	#6CB13E	—
entity.other.attribute-name	#6C7EFC	—
keyword.operator, punctuation	#4ED2FC	—
meta.decorator, punctuation.decorator, storage.type.annotation, meta.annotation, support.type.attribute	#D8D2A8	—

VS Code preview

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

Backend Themes — Spring 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#6CB13E
activityBar.background#000000
activityBar.border#6CB13E
activityBar.foreground#FFFFFF
activityBar.inactiveForeground#A6A6A6
activityBarBadge.background#6CB13E
activityBarBadge.foreground#000000
badge.background#6CB13E
badge.foreground#000000
button.background#000000
button.border#6CB13E
button.foreground#FFFFFF
button.hoverBackground#6CB13E44
contrastActiveBorder#FFFFFF
contrastBorder#6CB13E
dropdown.background#000000
dropdown.border#6CB13E
dropdown.foreground#FFFFFF
editor.background#000000
editor.findMatchBackground#6CB13E55
editor.findMatchBorder#FFFFFF
editor.findMatchHighlightBackground#6CB13E22
editor.foreground#FFFFFF
editor.selectionBackground#6CB13E55
editor.selectionHighlightBackground#6CB13E22
editor.selectionHighlightBorder#6CB13E
editor.wordHighlightBackground#6CB13E22
editor.wordHighlightBorder#6CB13E
editorBracketMatch.background#6CB13E22
editorBracketMatch.border#6CB13E
editorCursor.foreground#6CB13E
editorGroup.border#3A3A3A
editorGroupHeader.tabsBackground#000000
editorGroupHeader.tabsBorder#6CB13E
editorHoverWidget.background#000000
editorHoverWidget.border#6CB13E
editorIndentGuide.activeBackground1#6CB13E
editorIndentGuide.background1#3A3A3A
editorLineNumber.activeForeground#6CB13E
editorLineNumber.foreground#A6A6A6
editorSuggestWidget.background#000000
editorSuggestWidget.border#6CB13E
editorSuggestWidget.highlightForeground#6CB13E
editorSuggestWidget.selectedBackground#6CB13E33
editorWhitespace.foreground#3A3A3A
editorWidget.background#000000
editorWidget.border#6CB13E
extensionButton.prominentBackground#000000
extensionButton.prominentForeground#FFFFFF
extensionButton.prominentHoverBackground#6CB13E44
focusBorder#FFFFFF
gitDecoration.modifiedResourceForeground#6CB13E
input.background#000000
input.border#6CB13E
input.foreground#FFFFFF
input.placeholderForeground#A6A6A6
inputOption.activeBorder#FFFFFF
list.activeSelectionBackground#6CB13E44
list.activeSelectionForeground#FFFFFF
list.focusOutline#FFFFFF
list.highlightForeground#6CB13E
list.hoverBackground#6CB13E22
list.inactiveSelectionBackground#6CB13E22
minimap.findMatchHighlight#6CB13E
panel.background#000000
panel.border#6CB13E
panelTitle.activeBorder#6CB13E
panelTitle.activeForeground#FFFFFF
panelTitle.inactiveForeground#A6A6A6
peekView.border#6CB13E
progressBar.background#6CB13E
scrollbarSlider.activeBackground#6CB13EAA
scrollbarSlider.background#A6A6A644
scrollbarSlider.hoverBackground#6CB13E66
sideBar.background#000000
sideBar.border#6CB13E
sideBar.foreground#D0D0D0
sideBarSectionHeader.background#000000
sideBarSectionHeader.border#6CB13E
sideBarSectionHeader.foreground#FFFFFF
sideBarTitle.foreground#D0D0D0
statusBar.background#000000
statusBar.border#6CB13E
statusBar.debuggingBackground#6CB13E
statusBar.debuggingForeground#000000
statusBar.foreground#FFFFFF
statusBar.noFolderBackground#000000
statusBarItem.hoverBackground#6CB13E33
statusBarItem.remoteBackground#7BC14E
statusBarItem.remoteForeground#000000
tab.activeBackground#000000
tab.activeBorderTop#6CB13E
tab.activeForeground#FFFFFF
tab.border#6CB13E
tab.inactiveBackground#000000
tab.inactiveForeground#A6A6A6
terminal.background#000000
terminal.foreground#FFFFFF
terminalCursor.foreground#6CB13E
textLink.activeForeground#7BC14E
textLink.foreground#6CB13E
titleBar.activeBackground#000000
titleBar.activeForeground#D0D0D0
titleBar.border#6CB13E
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	#4EA87E	italic
string, punctuation.definition.string	#DEC6FC	—
constant.numeric, constant.language, constant.character	#6CFCB4	—
keyword, keyword.control, storage, storage.type	#6CB13E	bold
entity.name.function, support.function	#F0FC12	—
entity.name.class, entity.name.type, support.class, entity.other.inherited-class	#12AEAE	—
variable, variable.parameter	#5496FC	—
entity.name.tag, meta.tag	#6CB13E	bold
entity.other.attribute-name	#5496FC	—
keyword.operator, punctuation	#E4FCFC	—
meta.decorator, punctuation.decorator, storage.type.annotation, meta.annotation, support.type.attribute	#F0FC12	—

VS Code preview

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

Backend Themes — Spring 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#3C6223
activityBar.background#FFFFFF
activityBar.border#3C6223
activityBar.foreground#000000
activityBar.inactiveForeground#595959
activityBarBadge.background#3C6223
activityBarBadge.foreground#FFFFFF
badge.background#3C6223
badge.foreground#FFFFFF
button.background#FFFFFF
button.border#3C6223
button.foreground#000000
button.hoverBackground#3C622344
contrastActiveBorder#000000
contrastBorder#3C6223
dropdown.background#FFFFFF
dropdown.border#3C6223
dropdown.foreground#000000
editor.background#FFFFFF
editor.findMatchBackground#3C622355
editor.findMatchBorder#000000
editor.findMatchHighlightBackground#3C622322
editor.foreground#000000
editor.selectionBackground#3C622355
editor.selectionHighlightBackground#3C622322
editor.selectionHighlightBorder#3C6223
editor.wordHighlightBackground#3C622322
editor.wordHighlightBorder#3C6223
editorBracketMatch.background#3C622322
editorBracketMatch.border#3C6223
editorCursor.foreground#3C6223
editorGroup.border#C8C8C8
editorGroupHeader.tabsBackground#FFFFFF
editorGroupHeader.tabsBorder#3C6223
editorHoverWidget.background#FFFFFF
editorHoverWidget.border#3C6223
editorIndentGuide.activeBackground1#3C6223
editorIndentGuide.background1#C8C8C8
editorLineNumber.activeForeground#3C6223
editorLineNumber.foreground#595959
editorSuggestWidget.background#FFFFFF
editorSuggestWidget.border#3C6223
editorSuggestWidget.highlightForeground#3C6223
editorSuggestWidget.selectedBackground#3C622333
editorWhitespace.foreground#C8C8C8
editorWidget.background#FFFFFF
editorWidget.border#3C6223
extensionButton.prominentBackground#FFFFFF
extensionButton.prominentForeground#000000
extensionButton.prominentHoverBackground#3C622344
focusBorder#000000
gitDecoration.modifiedResourceForeground#3C6223
input.background#FFFFFF
input.border#3C6223
input.foreground#000000
input.placeholderForeground#595959
inputOption.activeBorder#000000
list.activeSelectionBackground#3C622344
list.activeSelectionForeground#000000
list.focusOutline#000000
list.highlightForeground#3C6223
list.hoverBackground#3C622322
list.inactiveSelectionBackground#3C622322
minimap.findMatchHighlight#3C6223
panel.background#FFFFFF
panel.border#3C6223
panelTitle.activeBorder#3C6223
panelTitle.activeForeground#000000
panelTitle.inactiveForeground#595959
peekView.border#3C6223
progressBar.background#3C6223
scrollbarSlider.activeBackground#3C6223AA
scrollbarSlider.background#59595944
scrollbarSlider.hoverBackground#3C622366
sideBar.background#FFFFFF
sideBar.border#3C6223
sideBar.foreground#2B2B2B
sideBarSectionHeader.background#FFFFFF
sideBarSectionHeader.border#3C6223
sideBarSectionHeader.foreground#000000
sideBarTitle.foreground#2B2B2B
statusBar.background#FFFFFF
statusBar.border#3C6223
statusBar.debuggingBackground#3C6223
statusBar.debuggingForeground#FFFFFF
statusBar.foreground#000000
statusBar.noFolderBackground#FFFFFF
statusBarItem.hoverBackground#3C622333
statusBarItem.remoteBackground#2E4B1B
statusBarItem.remoteForeground#FFFFFF
tab.activeBackground#FFFFFF
tab.activeBorderTop#3C6223
tab.activeForeground#000000
tab.border#3C6223
tab.inactiveBackground#FFFFFF
tab.inactiveForeground#595959
terminal.background#FFFFFF
terminal.foreground#000000
terminalCursor.foreground#3C6223
textLink.activeForeground#2E4B1B
textLink.foreground#3C6223
titleBar.activeBackground#FFFFFF
titleBar.activeForeground#2B2B2B
titleBar.border#3C6223
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	#366054	italic
string, punctuation.definition.string	#6606FC	—
constant.numeric, constant.language, constant.character	#0C607E	—
keyword, keyword.control, storage, storage.type	#3C6223	bold
entity.name.function, support.function	#2A3000	—
entity.name.class, entity.name.type, support.class, entity.other.inherited-class	#003048	—
variable, variable.parameter	#1200A8	—
entity.name.tag, meta.tag	#3C6223	bold
entity.other.attribute-name	#1200A8	—
keyword.operator, punctuation	#2A1E1E	—
meta.decorator, punctuation.decorator, storage.type.annotation, meta.annotation, support.type.attribute	#2A3000	—

VS Code preview

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

Backend Themes — Spring 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#4E802D
activityBar.background#F3F3F3
activityBar.border#E0E0E0
activityBar.foreground#1E1E1E
activityBar.inactiveForeground#6B6B6B
activityBarBadge.background#4E802D
activityBarBadge.foreground#FFFFFF
badge.background#4E802D
badge.foreground#FFFFFF
button.background#4E802D
button.foreground#FFFFFF
button.hoverBackground#3E6624
dropdown.background#F3F3F3
dropdown.foreground#1E1E1E
editor.background#FFFFFF
editor.findMatchBackground#4E802D55
editor.findMatchHighlightBackground#4E802D22
editor.foreground#1E1E1E
editor.selectionBackground#4E802D44
editor.selectionHighlightBackground#4E802D22
editor.wordHighlightBackground#4E802D22
editorBracketMatch.background#4E802D22
editorBracketMatch.border#4E802D
editorCursor.foreground#4E802D
editorGroup.border#E0E0E0
editorGroupHeader.tabsBackground#F3F3F3
editorGroupHeader.tabsBorder#E0E0E0
editorHoverWidget.background#F3F3F3
editorHoverWidget.border#E0E0E0
editorIndentGuide.activeBackground1#4E802D
editorIndentGuide.background1#E0E0E0
editorLineNumber.activeForeground#4E802D
editorLineNumber.foreground#6B6B6B
editorSuggestWidget.background#F3F3F3
editorSuggestWidget.border#E0E0E0
editorSuggestWidget.highlightForeground#4E802D
editorSuggestWidget.selectedBackground#4E802D33
editorWhitespace.foreground#E0E0E0
editorWidget.background#F3F3F3
editorWidget.border#E0E0E0
extensionButton.prominentBackground#4E802D
extensionButton.prominentForeground#FFFFFF
extensionButton.prominentHoverBackground#3E6624
focusBorder#4E802D
gitDecoration.modifiedResourceForeground#4E802D
input.background#F3F3F3
input.foreground#1E1E1E
input.placeholderForeground#6B6B6B
inputOption.activeBorder#4E802D
list.activeSelectionBackground#4E802D44
list.activeSelectionForeground#1E1E1E
list.focusOutline#4E802D
list.highlightForeground#4E802D
list.hoverBackground#F3F3F3
list.inactiveSelectionBackground#4E802D22
minimap.findMatchHighlight#4E802D
panel.background#FFFFFF
panel.border#E0E0E0
panelTitle.activeBorder#4E802D
panelTitle.activeForeground#1E1E1E
panelTitle.inactiveForeground#6B6B6B
peekView.border#4E802D
progressBar.background#4E802D
scrollbarSlider.activeBackground#4E802DAA
scrollbarSlider.background#6B6B6B44
scrollbarSlider.hoverBackground#4E802D66
sideBar.background#FFFFFF
sideBar.border#E0E0E0
sideBar.foreground#3A3A3A
sideBarSectionHeader.background#F3F3F3
sideBarSectionHeader.border#E0E0E0
sideBarSectionHeader.foreground#1E1E1E
sideBarTitle.foreground#3A3A3A
statusBar.background#4E802D
statusBar.border#E0E0E0
statusBar.debuggingBackground#436D27
statusBar.debuggingForeground#FFFFFF
statusBar.foreground#FFFFFF
statusBar.noFolderBackground#436D27
statusBarItem.hoverBackground#4E802D33
statusBarItem.remoteBackground#436D27
statusBarItem.remoteForeground#FFFFFF
tab.activeBackground#FFFFFF
tab.activeBorderTop#4E802D
tab.activeForeground#1E1E1E
tab.border#E0E0E0
tab.inactiveBackground#F3F3F3
tab.inactiveForeground#6B6B6B
terminal.background#FFFFFF
terminal.foreground#1E1E1E
terminalCursor.foreground#4E802D
textLink.activeForeground#436D27
textLink.foreground#4E802D
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	#3C8460	italic
string, punctuation.definition.string	#6C2AC0	—
constant.numeric, constant.language, constant.character	#246C66	—
keyword, keyword.control, storage, storage.type	#4E802D	—
entity.name.function, support.function	#5A5430	—
entity.name.class, entity.name.type, support.class, entity.other.inherited-class	#3C7E9C	—
variable, variable.parameter	#7854FC	—
entity.name.tag, meta.tag	#4E802D	—
entity.other.attribute-name	#7854FC	—
keyword.operator, punctuation	#2A485A	—
meta.decorator, punctuation.decorator, storage.type.annotation, meta.annotation, support.type.attribute	#5A5430	—