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 — Symfony 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#4F5A69
activityBar.background#FFFFFF
activityBar.border#4F5A69
activityBar.foreground#000000
activityBar.inactiveForeground#595959
activityBarBadge.background#4F5A69
activityBarBadge.foreground#FFFFFF
badge.background#4F5A69
badge.foreground#FFFFFF
button.background#FFFFFF
button.border#4F5A69
button.foreground#000000
button.hoverBackground#4F5A6944
contrastActiveBorder#000000
contrastBorder#4F5A69
dropdown.background#FFFFFF
dropdown.border#4F5A69
dropdown.foreground#000000
editor.background#FFFFFF
editor.findMatchBackground#4F5A6955
editor.findMatchBorder#000000
editor.findMatchHighlightBackground#4F5A6922
editor.foreground#000000
editor.selectionBackground#4F5A6955
editor.selectionHighlightBackground#4F5A6922
editor.selectionHighlightBorder#4F5A69
editor.wordHighlightBackground#4F5A6922
editor.wordHighlightBorder#4F5A69
editorBracketMatch.background#4F5A6922
editorBracketMatch.border#4F5A69
editorCursor.foreground#4F5A69
editorGroup.border#C8C8C8
editorGroupHeader.tabsBackground#FFFFFF
editorGroupHeader.tabsBorder#4F5A69
editorHoverWidget.background#FFFFFF
editorHoverWidget.border#4F5A69
editorIndentGuide.activeBackground1#4F5A69
editorIndentGuide.background1#C8C8C8
editorLineNumber.activeForeground#4F5A69
editorLineNumber.foreground#595959
editorSuggestWidget.background#FFFFFF
editorSuggestWidget.border#4F5A69
editorSuggestWidget.highlightForeground#4F5A69
editorSuggestWidget.selectedBackground#4F5A6933
editorWhitespace.foreground#C8C8C8
editorWidget.background#FFFFFF
editorWidget.border#4F5A69
extensionButton.prominentBackground#FFFFFF
extensionButton.prominentForeground#000000
extensionButton.prominentHoverBackground#4F5A6944
focusBorder#000000
gitDecoration.modifiedResourceForeground#4F5A69
input.background#FFFFFF
input.border#4F5A69
input.foreground#000000
input.placeholderForeground#595959
inputOption.activeBorder#000000
list.activeSelectionBackground#4F5A6944
list.activeSelectionForeground#000000
list.focusOutline#000000
list.highlightForeground#4F5A69
list.hoverBackground#4F5A6922
list.inactiveSelectionBackground#4F5A6922
minimap.findMatchHighlight#4F5A69
panel.background#FFFFFF
panel.border#4F5A69
panelTitle.activeBorder#4F5A69
panelTitle.activeForeground#000000
panelTitle.inactiveForeground#595959
peekView.border#4F5A69
progressBar.background#4F5A69
scrollbarSlider.activeBackground#4F5A69AA
scrollbarSlider.background#59595944
scrollbarSlider.hoverBackground#4F5A6966
sideBar.background#FFFFFF
sideBar.border#4F5A69
sideBar.foreground#2B2B2B
sideBarSectionHeader.background#FFFFFF
sideBarSectionHeader.border#4F5A69
sideBarSectionHeader.foreground#000000
sideBarTitle.foreground#2B2B2B
statusBar.background#FFFFFF
statusBar.border#4F5A69
statusBar.debuggingBackground#4F5A69
statusBar.debuggingForeground#FFFFFF
statusBar.foreground#000000
statusBar.noFolderBackground#FFFFFF
statusBarItem.hoverBackground#4F5A6933
statusBarItem.remoteBackground#3D4652
statusBarItem.remoteForeground#FFFFFF
tab.activeBackground#FFFFFF
tab.activeBorderTop#4F5A69
tab.activeForeground#000000
tab.border#4F5A69
tab.inactiveBackground#FFFFFF
tab.inactiveForeground#595959
terminal.background#FFFFFF
terminal.foreground#000000
terminalCursor.foreground#4F5A69
textLink.activeForeground#3D4652
textLink.foreground#4F5A69
titleBar.activeBackground#FFFFFF
titleBar.activeForeground#2B2B2B
titleBar.border#4F5A69
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	#3C6048	italic
string, punctuation.definition.string	#6618F0	—
constant.numeric, constant.language, constant.character	#063606	—
keyword, keyword.control, storage, storage.type	#4F5A69	bold
entity.name.function, support.function	#605A0C	—
entity.name.class, entity.name.type, support.class, entity.other.inherited-class	#0C3048	—
variable, variable.parameter	#0C069C	—
entity.name.tag, meta.tag	#4F5A69	bold
entity.other.attribute-name	#0C069C	—
keyword.operator, punctuation	#0C241E	—
meta.decorator, punctuation.decorator, storage.type.annotation, meta.annotation, support.type.attribute	#605A0C	—

VS Code preview

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

Backend Themes — Symfony 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#69778C
activityBar.background#F3F3F3
activityBar.border#E0E0E0
activityBar.foreground#1E1E1E
activityBar.inactiveForeground#6B6B6B
activityBarBadge.background#69778C
activityBarBadge.foreground#FFFFFF
badge.background#69778C
badge.foreground#FFFFFF
button.background#69778C
button.foreground#FFFFFF
button.hoverBackground#556172
dropdown.background#F3F3F3
dropdown.foreground#1E1E1E
editor.background#FFFFFF
editor.findMatchBackground#69778C55
editor.findMatchHighlightBackground#69778C22
editor.foreground#1E1E1E
editor.selectionBackground#69778C44
editor.selectionHighlightBackground#69778C22
editor.wordHighlightBackground#69778C22
editorBracketMatch.background#69778C22
editorBracketMatch.border#69778C
editorCursor.foreground#69778C
editorGroup.border#E0E0E0
editorGroupHeader.tabsBackground#F3F3F3
editorGroupHeader.tabsBorder#E0E0E0
editorHoverWidget.background#F3F3F3
editorHoverWidget.border#E0E0E0
editorIndentGuide.activeBackground1#69778C
editorIndentGuide.background1#E0E0E0
editorLineNumber.activeForeground#69778C
editorLineNumber.foreground#6B6B6B
editorSuggestWidget.background#F3F3F3
editorSuggestWidget.border#E0E0E0
editorSuggestWidget.highlightForeground#69778C
editorSuggestWidget.selectedBackground#69778C33
editorWhitespace.foreground#E0E0E0
editorWidget.background#F3F3F3
editorWidget.border#E0E0E0
extensionButton.prominentBackground#69778C
extensionButton.prominentForeground#FFFFFF
extensionButton.prominentHoverBackground#556172
focusBorder#69778C
gitDecoration.modifiedResourceForeground#69778C
input.background#F3F3F3
input.foreground#1E1E1E
input.placeholderForeground#6B6B6B
inputOption.activeBorder#69778C
list.activeSelectionBackground#69778C44
list.activeSelectionForeground#1E1E1E
list.focusOutline#69778C
list.highlightForeground#69778C
list.hoverBackground#F3F3F3
list.inactiveSelectionBackground#69778C22
minimap.findMatchHighlight#69778C
panel.background#FFFFFF
panel.border#E0E0E0
panelTitle.activeBorder#69778C
panelTitle.activeForeground#1E1E1E
panelTitle.inactiveForeground#6B6B6B
peekView.border#69778C
progressBar.background#69778C
scrollbarSlider.activeBackground#69778CAA
scrollbarSlider.background#6B6B6B44
scrollbarSlider.hoverBackground#69778C66
sideBar.background#FFFFFF
sideBar.border#E0E0E0
sideBar.foreground#3A3A3A
sideBarSectionHeader.background#F3F3F3
sideBarSectionHeader.border#E0E0E0
sideBarSectionHeader.foreground#1E1E1E
sideBarTitle.foreground#3A3A3A
statusBar.background#69778C
statusBar.border#E0E0E0
statusBar.debuggingBackground#556172
statusBar.debuggingForeground#FFFFFF
statusBar.foreground#FFFFFF
statusBar.noFolderBackground#556172
statusBarItem.hoverBackground#69778C33
statusBarItem.remoteBackground#556172
statusBarItem.remoteForeground#FFFFFF
tab.activeBackground#FFFFFF
tab.activeBorderTop#69778C
tab.activeForeground#1E1E1E
tab.border#E0E0E0
tab.inactiveBackground#F3F3F3
tab.inactiveForeground#6B6B6B
terminal.background#FFFFFF
terminal.foreground#1E1E1E
terminalCursor.foreground#69778C
textLink.activeForeground#556172
textLink.foreground#69778C
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	#4E8412	italic
string, punctuation.definition.string	#8A4EFC	—
constant.numeric, constant.language, constant.character	#24604E	—
keyword, keyword.control, storage, storage.type	#69778C	—
entity.name.function, support.function	#5A540C	—
entity.name.class, entity.name.type, support.class, entity.other.inherited-class	#2A8460	—
variable, variable.parameter	#543CC0	—
entity.name.tag, meta.tag	#69778C	—
entity.other.attribute-name	#543CC0	—
keyword.operator, punctuation	#3C425A	—
meta.decorator, punctuation.decorator, storage.type.annotation, meta.annotation, support.type.attribute	#5A540C	—

VS Code preview

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

Backend Themes — Symfony 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#7F8C9F
activityBar.background#171C1E
activityBar.border#2A3134
activityBar.foreground#D5D0DB
activityBar.inactiveForeground#8A9095
activityBarBadge.background#7F8C9F
activityBarBadge.foreground#000000
badge.background#7F8C9F
badge.foreground#000000
button.background#7F8C9F
button.foreground#000000
button.hoverBackground#9CA6B5
dropdown.background#171C1E
dropdown.foreground#D5D0DB
editor.background#1D2325
editor.findMatchBackground#7F8C9F55
editor.findMatchHighlightBackground#7F8C9F22
editor.foreground#D5D0DB
editor.selectionBackground#7F8C9F44
editor.selectionHighlightBackground#7F8C9F22
editor.wordHighlightBackground#7F8C9F22
editorBracketMatch.background#7F8C9F22
editorBracketMatch.border#7F8C9F
editorCursor.foreground#7F8C9F
editorGroup.border#2A3134
editorGroupHeader.tabsBackground#171C1E
editorGroupHeader.tabsBorder#2A3134
editorHoverWidget.background#171C1E
editorHoverWidget.border#2A3134
editorIndentGuide.activeBackground1#7F8C9F
editorIndentGuide.background1#2A3134
editorLineNumber.activeForeground#7F8C9F
editorLineNumber.foreground#8A9095
editorSuggestWidget.background#171C1E
editorSuggestWidget.border#2A3134
editorSuggestWidget.highlightForeground#7F8C9F
editorSuggestWidget.selectedBackground#7F8C9F33
editorWhitespace.foreground#2A3134
editorWidget.background#171C1E
editorWidget.border#2A3134
extensionButton.prominentBackground#7F8C9F
extensionButton.prominentForeground#000000
extensionButton.prominentHoverBackground#9CA6B5
focusBorder#7F8C9F
gitDecoration.modifiedResourceForeground#7F8C9F
input.background#171C1E
input.foreground#D5D0DB
input.placeholderForeground#8A9095
inputOption.activeBorder#7F8C9F
list.activeSelectionBackground#7F8C9F44
list.activeSelectionForeground#D5D0DB
list.focusOutline#7F8C9F
list.highlightForeground#7F8C9F
list.hoverBackground#171C1E
list.inactiveSelectionBackground#7F8C9F22
minimap.findMatchHighlight#7F8C9F
panel.background#1D2325
panel.border#2A3134
panelTitle.activeBorder#7F8C9F
panelTitle.activeForeground#D5D0DB
panelTitle.inactiveForeground#8A9095
peekView.border#7F8C9F
progressBar.background#7F8C9F
scrollbarSlider.activeBackground#7F8C9FAA
scrollbarSlider.background#8A909544
scrollbarSlider.hoverBackground#7F8C9F66
sideBar.background#1D2325
sideBar.border#2A3134
sideBar.foreground#B4B8BE
sideBarSectionHeader.background#171C1E
sideBarSectionHeader.border#2A3134
sideBarSectionHeader.foreground#D5D0DB
sideBarTitle.foreground#B4B8BE
statusBar.background#7F8C9F
statusBar.border#2A3134
statusBar.debuggingBackground#96A1B0
statusBar.debuggingForeground#000000
statusBar.foreground#000000
statusBar.noFolderBackground#96A1B0
statusBarItem.hoverBackground#7F8C9F33
statusBarItem.remoteBackground#96A1B0
statusBarItem.remoteForeground#000000
tab.activeBackground#1D2325
tab.activeBorderTop#7F8C9F
tab.activeForeground#D5D0DB
tab.border#2A3134
tab.inactiveBackground#171C1E
tab.inactiveForeground#8A9095
terminal.background#1D2325
terminal.foreground#D5D0DB
terminalCursor.foreground#7F8C9F
textLink.activeForeground#96A1B0
textLink.foreground#7F8C9F
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	#72A284	italic
string, punctuation.definition.string	#CC8A42	—
constant.numeric, constant.language, constant.character	#DEE4CC	—
keyword, keyword.control, storage, storage.type	#7F8C9F	—
entity.name.function, support.function	#EADE78	—
entity.name.class, entity.name.type, support.class, entity.other.inherited-class	#00DEFC	—
variable, variable.parameter	#3C9CEA	—
entity.name.tag, meta.tag	#7F8C9F	—
entity.other.attribute-name	#3C9CEA	—
keyword.operator, punctuation	#BABAC0	—
meta.decorator, punctuation.decorator, storage.type.annotation, meta.annotation, support.type.attribute	#EADE78	—

VS Code preview

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

Backend Themes — Symfony 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#677589
activityBar.background#EFF4F6
activityBar.border#DCE3E6
activityBar.foreground#3A3543
activityBar.inactiveForeground#6E7378
activityBarBadge.background#677589
activityBarBadge.foreground#FFFFFF
badge.background#677589
badge.foreground#FFFFFF
button.background#677589
button.foreground#FFFFFF
button.hoverBackground#535E6F
dropdown.background#EFF4F6
dropdown.foreground#3A3543
editor.background#F9FCFD
editor.findMatchBackground#67758955
editor.findMatchHighlightBackground#67758922
editor.foreground#3A3543
editor.selectionBackground#67758944
editor.selectionHighlightBackground#67758922
editor.wordHighlightBackground#67758922
editorBracketMatch.background#67758922
editorBracketMatch.border#677589
editorCursor.foreground#677589
editorGroup.border#DCE3E6
editorGroupHeader.tabsBackground#EFF4F6
editorGroupHeader.tabsBorder#DCE3E6
editorHoverWidget.background#EFF4F6
editorHoverWidget.border#DCE3E6
editorIndentGuide.activeBackground1#677589
editorIndentGuide.background1#DCE3E6
editorLineNumber.activeForeground#677589
editorLineNumber.foreground#6E7378
editorSuggestWidget.background#EFF4F6
editorSuggestWidget.border#DCE3E6
editorSuggestWidget.highlightForeground#677589
editorSuggestWidget.selectedBackground#67758933
editorWhitespace.foreground#DCE3E6
editorWidget.background#EFF4F6
editorWidget.border#DCE3E6
extensionButton.prominentBackground#677589
extensionButton.prominentForeground#FFFFFF
extensionButton.prominentHoverBackground#535E6F
focusBorder#677589
gitDecoration.modifiedResourceForeground#677589
input.background#EFF4F6
input.foreground#3A3543
input.placeholderForeground#6E7378
inputOption.activeBorder#677589
list.activeSelectionBackground#67758944
list.activeSelectionForeground#3A3543
list.focusOutline#677589
list.highlightForeground#677589
list.hoverBackground#EFF4F6
list.inactiveSelectionBackground#67758922
minimap.findMatchHighlight#677589
panel.background#F9FCFD
panel.border#DCE3E6
panelTitle.activeBorder#677589
panelTitle.activeForeground#3A3543
panelTitle.inactiveForeground#6E7378
peekView.border#677589
progressBar.background#677589
scrollbarSlider.activeBackground#677589AA
scrollbarSlider.background#6E737844
scrollbarSlider.hoverBackground#67758966
sideBar.background#F9FCFD
sideBar.border#DCE3E6
sideBar.foreground#4A4F54
sideBarSectionHeader.background#EFF4F6
sideBarSectionHeader.border#DCE3E6
sideBarSectionHeader.foreground#3A3543
sideBarTitle.foreground#4A4F54
statusBar.background#677589
statusBar.border#DCE3E6
statusBar.debuggingBackground#556172
statusBar.debuggingForeground#FFFFFF
statusBar.foreground#FFFFFF
statusBar.noFolderBackground#556172
statusBarItem.hoverBackground#67758933
statusBarItem.remoteBackground#556172
statusBarItem.remoteForeground#FFFFFF
tab.activeBackground#F9FCFD
tab.activeBorderTop#677589
tab.activeForeground#3A3543
tab.border#DCE3E6
tab.inactiveBackground#EFF4F6
tab.inactiveForeground#6E7378
terminal.background#F9FCFD
terminal.foreground#3A3543
terminalCursor.foreground#677589
textLink.activeForeground#556172
textLink.foreground#677589
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	#427E6C	italic
string, punctuation.definition.string	#847242	—
constant.numeric, constant.language, constant.character	#486048	—
keyword, keyword.control, storage, storage.type	#677589	—
entity.name.function, support.function	#665A00	—
entity.name.class, entity.name.type, support.class, entity.other.inherited-class	#0C5AA8	—
variable, variable.parameter	#3678B4	—
entity.name.tag, meta.tag	#677589	—
entity.other.attribute-name	#3678B4	—
keyword.operator, punctuation	#48484E	—
meta.decorator, punctuation.decorator, storage.type.annotation, meta.annotation, support.type.attribute	#665A00	—