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 — NestJS Pastel 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#D36981
activityBar.background#171C1E
activityBar.border#2A3134
activityBar.foreground#D5D0DB
activityBar.inactiveForeground#8A9095
activityBarBadge.background#D36981
activityBarBadge.foreground#000000
badge.background#D36981
badge.foreground#000000
button.background#D36981
button.foreground#000000
button.hoverBackground#DD889C
dropdown.background#171C1E
dropdown.foreground#D5D0DB
editor.background#1D2325
editor.findMatchBackground#D3698155
editor.findMatchHighlightBackground#D3698122
editor.foreground#D5D0DB
editor.selectionBackground#D3698144
editor.selectionHighlightBackground#D3698122
editor.wordHighlightBackground#D3698122
editorBracketMatch.background#D3698122
editorBracketMatch.border#D36981
editorCursor.foreground#D36981
editorGroup.border#2A3134
editorGroupHeader.tabsBackground#171C1E
editorGroupHeader.tabsBorder#2A3134
editorHoverWidget.background#171C1E
editorHoverWidget.border#2A3134
editorIndentGuide.activeBackground1#D36981
editorIndentGuide.background1#2A3134
editorLineNumber.activeForeground#D36981
editorLineNumber.foreground#8A9095
editorSuggestWidget.background#171C1E
editorSuggestWidget.border#2A3134
editorSuggestWidget.highlightForeground#D36981
editorSuggestWidget.selectedBackground#D3698133
editorWhitespace.foreground#2A3134
editorWidget.background#171C1E
editorWidget.border#2A3134
extensionButton.prominentBackground#D36981
extensionButton.prominentForeground#000000
extensionButton.prominentHoverBackground#DD889C
focusBorder#D36981
gitDecoration.modifiedResourceForeground#D36981
input.background#171C1E
input.foreground#D5D0DB
input.placeholderForeground#8A9095
inputOption.activeBorder#D36981
list.activeSelectionBackground#D3698144
list.activeSelectionForeground#D5D0DB
list.focusOutline#D36981
list.highlightForeground#D36981
list.hoverBackground#171C1E
list.inactiveSelectionBackground#D3698122
minimap.findMatchHighlight#D36981
panel.background#1D2325
panel.border#2A3134
panelTitle.activeBorder#D36981
panelTitle.activeForeground#D5D0DB
panelTitle.inactiveForeground#8A9095
peekView.border#D36981
progressBar.background#D36981
scrollbarSlider.activeBackground#D36981AA
scrollbarSlider.background#8A909544
scrollbarSlider.hoverBackground#D3698166
sideBar.background#1D2325
sideBar.border#2A3134
sideBar.foreground#B4B8BE
sideBarSectionHeader.background#171C1E
sideBarSectionHeader.border#2A3134
sideBarSectionHeader.foreground#D5D0DB
sideBarTitle.foreground#B4B8BE
statusBar.background#D36981
statusBar.border#2A3134
statusBar.debuggingBackground#DD889C
statusBar.debuggingForeground#000000
statusBar.foreground#000000
statusBar.noFolderBackground#DD889C
statusBarItem.hoverBackground#D3698133
statusBarItem.remoteBackground#DD889C
statusBarItem.remoteForeground#000000
tab.activeBackground#1D2325
tab.activeBorderTop#D36981
tab.activeForeground#D5D0DB
tab.border#2A3134
tab.inactiveBackground#171C1E
tab.inactiveForeground#8A9095
terminal.background#1D2325
terminal.foreground#D5D0DB
terminalCursor.foreground#D36981
textLink.activeForeground#DD889C
textLink.foreground#D36981
titleBar.activeBackground#171C1E
titleBar.activeForeground#B4B8BE
titleBar.border#2A3134
titleBar.inactiveBackground#171C1E
titleBar.inactiveForeground#8A9095
tree.indentGuidesStroke#2A3134

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#BACCA2	italic
string, punctuation.definition.string	#BA903C	—
constant.numeric, constant.language, constant.character	#72DEFC	—
keyword, keyword.control, storage, storage.type	#D36981	—
entity.name.function, support.function	#DEEA84	—
entity.name.class, entity.name.type, support.class, entity.other.inherited-class	#9CF0E4	—
variable, variable.parameter	#5A9CF6	—
entity.name.tag, meta.tag	#D36981	—
entity.other.attribute-name	#5A9CF6	—
keyword.operator, punctuation	#72A8B4	—
meta.decorator, punctuation.decorator, storage.type.annotation, meta.annotation, support.type.attribute	#DEEA84	—

VS Code preview

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

Backend Themes — NestJS Pastel 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#C73D5D
activityBar.background#EFF4F6
activityBar.border#DCE3E6
activityBar.foreground#3A3543
activityBar.inactiveForeground#6E7378
activityBarBadge.background#C73D5D
activityBarBadge.foreground#FFFFFF
badge.background#C73D5D
badge.foreground#FFFFFF
button.background#C73D5D
button.foreground#FFFFFF
button.hoverBackground#A22F4A
dropdown.background#EFF4F6
dropdown.foreground#3A3543
editor.background#F9FCFD
editor.findMatchBackground#C73D5D55
editor.findMatchHighlightBackground#C73D5D22
editor.foreground#3A3543
editor.selectionBackground#C73D5D44
editor.selectionHighlightBackground#C73D5D22
editor.wordHighlightBackground#C73D5D22
editorBracketMatch.background#C73D5D22
editorBracketMatch.border#C73D5D
editorCursor.foreground#C73D5D
editorGroup.border#DCE3E6
editorGroupHeader.tabsBackground#EFF4F6
editorGroupHeader.tabsBorder#DCE3E6
editorHoverWidget.background#EFF4F6
editorHoverWidget.border#DCE3E6
editorIndentGuide.activeBackground1#C73D5D
editorIndentGuide.background1#DCE3E6
editorLineNumber.activeForeground#C73D5D
editorLineNumber.foreground#6E7378
editorSuggestWidget.background#EFF4F6
editorSuggestWidget.border#DCE3E6
editorSuggestWidget.highlightForeground#C73D5D
editorSuggestWidget.selectedBackground#C73D5D33
editorWhitespace.foreground#DCE3E6
editorWidget.background#EFF4F6
editorWidget.border#DCE3E6
extensionButton.prominentBackground#C73D5D
extensionButton.prominentForeground#FFFFFF
extensionButton.prominentHoverBackground#A22F4A
focusBorder#C73D5D
gitDecoration.modifiedResourceForeground#C73D5D
input.background#EFF4F6
input.foreground#3A3543
input.placeholderForeground#6E7378
inputOption.activeBorder#C73D5D
list.activeSelectionBackground#C73D5D44
list.activeSelectionForeground#3A3543
list.focusOutline#C73D5D
list.highlightForeground#C73D5D
list.hoverBackground#EFF4F6
list.inactiveSelectionBackground#C73D5D22
minimap.findMatchHighlight#C73D5D
panel.background#F9FCFD
panel.border#DCE3E6
panelTitle.activeBorder#C73D5D
panelTitle.activeForeground#3A3543
panelTitle.inactiveForeground#6E7378
peekView.border#C73D5D
progressBar.background#C73D5D
scrollbarSlider.activeBackground#C73D5DAA
scrollbarSlider.background#6E737844
scrollbarSlider.hoverBackground#C73D5D66
sideBar.background#F9FCFD
sideBar.border#DCE3E6
sideBar.foreground#4A4F54
sideBarSectionHeader.background#EFF4F6
sideBarSectionHeader.border#DCE3E6
sideBarSectionHeader.foreground#3A3543
sideBarTitle.foreground#4A4F54
statusBar.background#C73D5D
statusBar.border#DCE3E6
statusBar.debuggingBackground#AA314D
statusBar.debuggingForeground#FFFFFF
statusBar.foreground#FFFFFF
statusBar.noFolderBackground#AA314D
statusBarItem.hoverBackground#C73D5D33
statusBarItem.remoteBackground#AA314D
statusBarItem.remoteForeground#FFFFFF
tab.activeBackground#F9FCFD
tab.activeBorderTop#C73D5D
tab.activeForeground#3A3543
tab.border#DCE3E6
tab.inactiveBackground#EFF4F6
tab.inactiveForeground#6E7378
terminal.background#F9FCFD
terminal.foreground#3A3543
terminalCursor.foreground#C73D5D
textLink.activeForeground#AA314D
textLink.foreground#C73D5D
titleBar.activeBackground#EFF4F6
titleBar.activeForeground#4A4F54
titleBar.border#DCE3E6
titleBar.inactiveBackground#EFF4F6
titleBar.inactiveForeground#6E7378
tree.indentGuidesStroke#DCE3E6

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#307E66	italic
string, punctuation.definition.string	#7E4E30	—
constant.numeric, constant.language, constant.character	#06608A	—
keyword, keyword.control, storage, storage.type	#C73D5D	—
entity.name.function, support.function	#8A6C0C	—
entity.name.class, entity.name.type, support.class, entity.other.inherited-class	#3C7E84	—
variable, variable.parameter	#4872C0	—
entity.name.tag, meta.tag	#C73D5D	—
entity.other.attribute-name	#4872C0	—
keyword.operator, punctuation	#4E425A	—
meta.decorator, punctuation.decorator, storage.type.annotation, meta.annotation, support.type.attribute	#8A6C0C	—

VS Code preview

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

Backend Themes — Rails 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#FF2E2E
activityBar.background#181818
activityBar.border#2E2E2E
activityBar.foreground#D4D4D4
activityBar.inactiveForeground#8A8A8A
activityBarBadge.background#FF2E2E
activityBarBadge.foreground#000000
badge.background#FF2E2E
badge.foreground#000000
button.background#FF2E2E
button.foreground#000000
button.hoverBackground#FF7070
dropdown.background#181818
dropdown.foreground#D4D4D4
editor.background#1E1E1E
editor.findMatchBackground#FF2E2E55
editor.findMatchHighlightBackground#FF2E2E22
editor.foreground#D4D4D4
editor.selectionBackground#FF2E2E44
editor.selectionHighlightBackground#FF2E2E22
editor.wordHighlightBackground#FF2E2E22
editorBracketMatch.background#FF2E2E22
editorBracketMatch.border#FF2E2E
editorCursor.foreground#FF2E2E
editorGroup.border#2E2E2E
editorGroupHeader.tabsBackground#181818
editorGroupHeader.tabsBorder#2E2E2E
editorHoverWidget.background#181818
editorHoverWidget.border#2E2E2E
editorIndentGuide.activeBackground1#FF2E2E
editorIndentGuide.background1#2E2E2E
editorLineNumber.activeForeground#FF2E2E
editorLineNumber.foreground#8A8A8A
editorSuggestWidget.background#181818
editorSuggestWidget.border#2E2E2E
editorSuggestWidget.highlightForeground#FF2E2E
editorSuggestWidget.selectedBackground#FF2E2E33
editorWhitespace.foreground#2E2E2E
editorWidget.background#181818
editorWidget.border#2E2E2E
extensionButton.prominentBackground#FF2E2E
extensionButton.prominentForeground#000000
extensionButton.prominentHoverBackground#FF7070
focusBorder#FF2E2E
gitDecoration.modifiedResourceForeground#FF2E2E
input.background#181818
input.foreground#D4D4D4
input.placeholderForeground#8A8A8A
inputOption.activeBorder#FF2E2E
list.activeSelectionBackground#FF2E2E44
list.activeSelectionForeground#D4D4D4
list.focusOutline#FF2E2E
list.highlightForeground#FF2E2E
list.hoverBackground#181818
list.inactiveSelectionBackground#FF2E2E22
minimap.findMatchHighlight#FF2E2E
panel.background#1E1E1E
panel.border#2E2E2E
panelTitle.activeBorder#FF2E2E
panelTitle.activeForeground#D4D4D4
panelTitle.inactiveForeground#8A8A8A
peekView.border#FF2E2E
progressBar.background#FF2E2E
scrollbarSlider.activeBackground#FF2E2EAA
scrollbarSlider.background#8A8A8A44
scrollbarSlider.hoverBackground#FF2E2E66
sideBar.background#1E1E1E
sideBar.border#2E2E2E
sideBar.foreground#B0B0B0
sideBarSectionHeader.background#181818
sideBarSectionHeader.border#2E2E2E
sideBarSectionHeader.foreground#D4D4D4
sideBarTitle.foreground#B0B0B0
statusBar.background#FF2E2E
statusBar.border#2E2E2E
statusBar.debuggingBackground#FF7070
statusBar.debuggingForeground#000000
statusBar.foreground#000000
statusBar.noFolderBackground#FF7070
statusBarItem.hoverBackground#FF2E2E33
statusBarItem.remoteBackground#FF7070
statusBarItem.remoteForeground#000000
tab.activeBackground#1E1E1E
tab.activeBorderTop#FF2E2E
tab.activeForeground#D4D4D4
tab.border#2E2E2E
tab.inactiveBackground#181818
tab.inactiveForeground#8A8A8A
terminal.background#1E1E1E
terminal.foreground#D4D4D4
terminalCursor.foreground#FF2E2E
textLink.activeForeground#FF7070
textLink.foreground#FF2E2E
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	#7E9672	italic
string, punctuation.definition.string	#9072EA	—
constant.numeric, constant.language, constant.character	#AED296	—
keyword, keyword.control, storage, storage.type	#FF2E2E	—
entity.name.function, support.function	#F6EA00	—
entity.name.class, entity.name.type, support.class, entity.other.inherited-class	#9CF6E4	—
variable, variable.parameter	#84D2FC	—
entity.name.tag, meta.tag	#FF2E2E	—
entity.other.attribute-name	#84D2FC	—
keyword.operator, punctuation	#908496	—
meta.decorator, punctuation.decorator, storage.type.annotation, meta.annotation, support.type.attribute	#F6EA00	—

VS Code preview

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

Backend Themes — Rails 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#FF6161
activityBar.background#000000
activityBar.border#FF6161
activityBar.foreground#FFFFFF
activityBar.inactiveForeground#A6A6A6
activityBarBadge.background#FF6161
activityBarBadge.foreground#000000
badge.background#FF6161
badge.foreground#000000
button.background#000000
button.border#FF6161
button.foreground#FFFFFF
button.hoverBackground#FF616144
contrastActiveBorder#FFFFFF
contrastBorder#FF6161
dropdown.background#000000
dropdown.border#FF6161
dropdown.foreground#FFFFFF
editor.background#000000
editor.findMatchBackground#FF616155
editor.findMatchBorder#FFFFFF
editor.findMatchHighlightBackground#FF616122
editor.foreground#FFFFFF
editor.selectionBackground#FF616155
editor.selectionHighlightBackground#FF616122
editor.selectionHighlightBorder#FF6161
editor.wordHighlightBackground#FF616122
editor.wordHighlightBorder#FF6161
editorBracketMatch.background#FF616122
editorBracketMatch.border#FF6161
editorCursor.foreground#FF6161
editorGroup.border#3A3A3A
editorGroupHeader.tabsBackground#000000
editorGroupHeader.tabsBorder#FF6161
editorHoverWidget.background#000000
editorHoverWidget.border#FF6161
editorIndentGuide.activeBackground1#FF6161
editorIndentGuide.background1#3A3A3A
editorLineNumber.activeForeground#FF6161
editorLineNumber.foreground#A6A6A6
editorSuggestWidget.background#000000
editorSuggestWidget.border#FF6161
editorSuggestWidget.highlightForeground#FF6161
editorSuggestWidget.selectedBackground#FF616133
editorWhitespace.foreground#3A3A3A
editorWidget.background#000000
editorWidget.border#FF6161
extensionButton.prominentBackground#000000
extensionButton.prominentForeground#FFFFFF
extensionButton.prominentHoverBackground#FF616144
focusBorder#FFFFFF
gitDecoration.modifiedResourceForeground#FF6161
input.background#000000
input.border#FF6161
input.foreground#FFFFFF
input.placeholderForeground#A6A6A6
inputOption.activeBorder#FFFFFF
list.activeSelectionBackground#FF616144
list.activeSelectionForeground#FFFFFF
list.focusOutline#FFFFFF
list.highlightForeground#FF6161
list.hoverBackground#FF616122
list.inactiveSelectionBackground#FF616122
minimap.findMatchHighlight#FF6161
panel.background#000000
panel.border#FF6161
panelTitle.activeBorder#FF6161
panelTitle.activeForeground#FFFFFF
panelTitle.inactiveForeground#A6A6A6
peekView.border#FF6161
progressBar.background#FF6161
scrollbarSlider.activeBackground#FF6161AA
scrollbarSlider.background#A6A6A644
scrollbarSlider.hoverBackground#FF616166
sideBar.background#000000
sideBar.border#FF6161
sideBar.foreground#D0D0D0
sideBarSectionHeader.background#000000
sideBarSectionHeader.border#FF6161
sideBarSectionHeader.foreground#FFFFFF
sideBarTitle.foreground#D0D0D0
statusBar.background#000000
statusBar.border#FF6161
statusBar.debuggingBackground#FF6161
statusBar.debuggingForeground#000000
statusBar.foreground#FFFFFF
statusBar.noFolderBackground#000000
statusBarItem.hoverBackground#FF616133
statusBarItem.remoteBackground#FF8F8F
statusBarItem.remoteForeground#000000
tab.activeBackground#000000
tab.activeBorderTop#FF6161
tab.activeForeground#FFFFFF
tab.border#FF6161
tab.inactiveBackground#000000
tab.inactiveForeground#A6A6A6
terminal.background#000000
terminal.foreground#FFFFFF
terminalCursor.foreground#FF6161
textLink.activeForeground#FF8F8F
textLink.foreground#FF6161
titleBar.activeBackground#000000
titleBar.activeForeground#D0D0D0
titleBar.border#FF6161
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	#60AE96	italic
string, punctuation.definition.string	#A88AF6	—
constant.numeric, constant.language, constant.character	#84A8BA	—
keyword, keyword.control, storage, storage.type	#FF6161	bold
entity.name.function, support.function	#F6FC36	—
entity.name.class, entity.name.type, support.class, entity.other.inherited-class	#3CFCAE	—
variable, variable.parameter	#C6D2FC	—
entity.name.tag, meta.tag	#FF6161	bold
entity.other.attribute-name	#C6D2FC	—
keyword.operator, punctuation	#F6FCF6	—
meta.decorator, punctuation.decorator, storage.type.annotation, meta.annotation, support.type.attribute	#F6FC36	—