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 — Laravel 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#B20A00
activityBar.background#FFFFFF
activityBar.border#B20A00
activityBar.foreground#000000
activityBar.inactiveForeground#595959
activityBarBadge.background#B20A00
activityBarBadge.foreground#FFFFFF
badge.background#B20A00
badge.foreground#FFFFFF
button.background#FFFFFF
button.border#B20A00
button.foreground#000000
button.hoverBackground#B20A0044
contrastActiveBorder#000000
contrastBorder#B20A00
dropdown.background#FFFFFF
dropdown.border#B20A00
dropdown.foreground#000000
editor.background#FFFFFF
editor.findMatchBackground#B20A0055
editor.findMatchBorder#000000
editor.findMatchHighlightBackground#B20A0022
editor.foreground#000000
editor.selectionBackground#B20A0055
editor.selectionHighlightBackground#B20A0022
editor.selectionHighlightBorder#B20A00
editor.wordHighlightBackground#B20A0022
editor.wordHighlightBorder#B20A00
editorBracketMatch.background#B20A0022
editorBracketMatch.border#B20A00
editorCursor.foreground#B20A00
editorGroup.border#C8C8C8
editorGroupHeader.tabsBackground#FFFFFF
editorGroupHeader.tabsBorder#B20A00
editorHoverWidget.background#FFFFFF
editorHoverWidget.border#B20A00
editorIndentGuide.activeBackground1#B20A00
editorIndentGuide.background1#C8C8C8
editorLineNumber.activeForeground#B20A00
editorLineNumber.foreground#595959
editorSuggestWidget.background#FFFFFF
editorSuggestWidget.border#B20A00
editorSuggestWidget.highlightForeground#B20A00
editorSuggestWidget.selectedBackground#B20A0033
editorWhitespace.foreground#C8C8C8
editorWidget.background#FFFFFF
editorWidget.border#B20A00
extensionButton.prominentBackground#FFFFFF
extensionButton.prominentForeground#000000
extensionButton.prominentHoverBackground#B20A0044
focusBorder#000000
gitDecoration.modifiedResourceForeground#B20A00
input.background#FFFFFF
input.border#B20A00
input.foreground#000000
input.placeholderForeground#595959
inputOption.activeBorder#000000
list.activeSelectionBackground#B20A0044
list.activeSelectionForeground#000000
list.focusOutline#000000
list.highlightForeground#B20A00
list.hoverBackground#B20A0022
list.inactiveSelectionBackground#B20A0022
minimap.findMatchHighlight#B20A00
panel.background#FFFFFF
panel.border#B20A00
panelTitle.activeBorder#B20A00
panelTitle.activeForeground#000000
panelTitle.inactiveForeground#595959
peekView.border#B20A00
progressBar.background#B20A00
scrollbarSlider.activeBackground#B20A00AA
scrollbarSlider.background#59595944
scrollbarSlider.hoverBackground#B20A0066
sideBar.background#FFFFFF
sideBar.border#B20A00
sideBar.foreground#2B2B2B
sideBarSectionHeader.background#FFFFFF
sideBarSectionHeader.border#B20A00
sideBarSectionHeader.foreground#000000
sideBarTitle.foreground#2B2B2B
statusBar.background#FFFFFF
statusBar.border#B20A00
statusBar.debuggingBackground#B20A00
statusBar.debuggingForeground#FFFFFF
statusBar.foreground#000000
statusBar.noFolderBackground#FFFFFF
statusBarItem.hoverBackground#B20A0033
statusBarItem.remoteBackground#8F0800
statusBarItem.remoteForeground#FFFFFF
tab.activeBackground#FFFFFF
tab.activeBorderTop#B20A00
tab.activeForeground#000000
tab.border#B20A00
tab.inactiveBackground#FFFFFF
tab.inactiveForeground#595959
terminal.background#FFFFFF
terminal.foreground#000000
terminalCursor.foreground#B20A00
textLink.activeForeground#8F0800
textLink.foreground#B20A00
titleBar.activeBackground#FFFFFF
titleBar.activeForeground#2B2B2B
titleBar.border#B20A00
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	#066642	italic
string, punctuation.definition.string	#2A0096	—
constant.numeric, constant.language, constant.character	#124848	—
keyword, keyword.control, storage, storage.type	#B20A00	bold
entity.name.function, support.function	#3C2A18	—
entity.name.class, entity.name.type, support.class, entity.other.inherited-class	#1E6078	—
variable, variable.parameter	#5424F6	—
entity.name.tag, meta.tag	#B20A00	bold
entity.other.attribute-name	#5424F6	—
keyword.operator, punctuation	#1E1E42	—
meta.decorator, punctuation.decorator, storage.type.annotation, meta.annotation, support.type.attribute	#3C2A18	—

VS Code preview

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

Backend Themes — Laravel 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#EB0E00
activityBar.background#F3F3F3
activityBar.border#E0E0E0
activityBar.foreground#1E1E1E
activityBar.inactiveForeground#6B6B6B
activityBarBadge.background#EB0E00
activityBarBadge.foreground#FFFFFF
badge.background#EB0E00
badge.foreground#FFFFFF
button.background#EB0E00
button.foreground#FFFFFF
button.hoverBackground#C20B00
dropdown.background#F3F3F3
dropdown.foreground#1E1E1E
editor.background#FFFFFF
editor.findMatchBackground#EB0E0055
editor.findMatchHighlightBackground#EB0E0022
editor.foreground#1E1E1E
editor.selectionBackground#EB0E0044
editor.selectionHighlightBackground#EB0E0022
editor.wordHighlightBackground#EB0E0022
editorBracketMatch.background#EB0E0022
editorBracketMatch.border#EB0E00
editorCursor.foreground#EB0E00
editorGroup.border#E0E0E0
editorGroupHeader.tabsBackground#F3F3F3
editorGroupHeader.tabsBorder#E0E0E0
editorHoverWidget.background#F3F3F3
editorHoverWidget.border#E0E0E0
editorIndentGuide.activeBackground1#EB0E00
editorIndentGuide.background1#E0E0E0
editorLineNumber.activeForeground#EB0E00
editorLineNumber.foreground#6B6B6B
editorSuggestWidget.background#F3F3F3
editorSuggestWidget.border#E0E0E0
editorSuggestWidget.highlightForeground#EB0E00
editorSuggestWidget.selectedBackground#EB0E0033
editorWhitespace.foreground#E0E0E0
editorWidget.background#F3F3F3
editorWidget.border#E0E0E0
extensionButton.prominentBackground#EB0E00
extensionButton.prominentForeground#FFFFFF
extensionButton.prominentHoverBackground#C20B00
focusBorder#EB0E00
gitDecoration.modifiedResourceForeground#EB0E00
input.background#F3F3F3
input.foreground#1E1E1E
input.placeholderForeground#6B6B6B
inputOption.activeBorder#EB0E00
list.activeSelectionBackground#EB0E0044
list.activeSelectionForeground#1E1E1E
list.focusOutline#EB0E00
list.highlightForeground#EB0E00
list.hoverBackground#F3F3F3
list.inactiveSelectionBackground#EB0E0022
minimap.findMatchHighlight#EB0E00
panel.background#FFFFFF
panel.border#E0E0E0
panelTitle.activeBorder#EB0E00
panelTitle.activeForeground#1E1E1E
panelTitle.inactiveForeground#6B6B6B
peekView.border#EB0E00
progressBar.background#EB0E00
scrollbarSlider.activeBackground#EB0E00AA
scrollbarSlider.background#6B6B6B44
scrollbarSlider.hoverBackground#EB0E0066
sideBar.background#FFFFFF
sideBar.border#E0E0E0
sideBar.foreground#3A3A3A
sideBarSectionHeader.background#F3F3F3
sideBarSectionHeader.border#E0E0E0
sideBarSectionHeader.foreground#1E1E1E
sideBarTitle.foreground#3A3A3A
statusBar.background#EB0E00
statusBar.border#E0E0E0
statusBar.debuggingBackground#C20B00
statusBar.debuggingForeground#FFFFFF
statusBar.foreground#FFFFFF
statusBar.noFolderBackground#C20B00
statusBarItem.hoverBackground#EB0E0033
statusBarItem.remoteBackground#C20B00
statusBarItem.remoteForeground#FFFFFF
tab.activeBackground#FFFFFF
tab.activeBorderTop#EB0E00
tab.activeForeground#1E1E1E
tab.border#E0E0E0
tab.inactiveBackground#F3F3F3
tab.inactiveForeground#6B6B6B
terminal.background#FFFFFF
terminal.foreground#1E1E1E
terminalCursor.foreground#EB0E00
textLink.activeForeground#C20B00
textLink.foreground#EB0E00
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	#1E8472	italic
string, punctuation.definition.string	#BA1EF6	—
constant.numeric, constant.language, constant.character	#246042	—
keyword, keyword.control, storage, storage.type	#EB0E00	—
entity.name.function, support.function	#787848	—
entity.name.class, entity.name.type, support.class, entity.other.inherited-class	#1854A2	—
variable, variable.parameter	#66729C	—
entity.name.tag, meta.tag	#EB0E00	—
entity.other.attribute-name	#66729C	—
keyword.operator, punctuation	#4E3C5A	—
meta.decorator, punctuation.decorator, storage.type.annotation, meta.annotation, support.type.attribute	#787848	—

VS Code preview

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

Backend Themes — Laravel 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#D26B65
activityBar.background#171C1E
activityBar.border#2A3134
activityBar.foreground#D5D0DB
activityBar.inactiveForeground#8A9095
activityBarBadge.background#D26B65
activityBarBadge.foreground#000000
badge.background#D26B65
badge.foreground#000000
button.background#D26B65
button.foreground#000000
button.hoverBackground#DD8D88
dropdown.background#171C1E
dropdown.foreground#D5D0DB
editor.background#1D2325
editor.findMatchBackground#D26B6555
editor.findMatchHighlightBackground#D26B6522
editor.foreground#D5D0DB
editor.selectionBackground#D26B6544
editor.selectionHighlightBackground#D26B6522
editor.wordHighlightBackground#D26B6522
editorBracketMatch.background#D26B6522
editorBracketMatch.border#D26B65
editorCursor.foreground#D26B65
editorGroup.border#2A3134
editorGroupHeader.tabsBackground#171C1E
editorGroupHeader.tabsBorder#2A3134
editorHoverWidget.background#171C1E
editorHoverWidget.border#2A3134
editorIndentGuide.activeBackground1#D26B65
editorIndentGuide.background1#2A3134
editorLineNumber.activeForeground#D26B65
editorLineNumber.foreground#8A9095
editorSuggestWidget.background#171C1E
editorSuggestWidget.border#2A3134
editorSuggestWidget.highlightForeground#D26B65
editorSuggestWidget.selectedBackground#D26B6533
editorWhitespace.foreground#2A3134
editorWidget.background#171C1E
editorWidget.border#2A3134
extensionButton.prominentBackground#D26B65
extensionButton.prominentForeground#000000
extensionButton.prominentHoverBackground#DD8D88
focusBorder#D26B65
gitDecoration.modifiedResourceForeground#D26B65
input.background#171C1E
input.foreground#D5D0DB
input.placeholderForeground#8A9095
inputOption.activeBorder#D26B65
list.activeSelectionBackground#D26B6544
list.activeSelectionForeground#D5D0DB
list.focusOutline#D26B65
list.highlightForeground#D26B65
list.hoverBackground#171C1E
list.inactiveSelectionBackground#D26B6522
minimap.findMatchHighlight#D26B65
panel.background#1D2325
panel.border#2A3134
panelTitle.activeBorder#D26B65
panelTitle.activeForeground#D5D0DB
panelTitle.inactiveForeground#8A9095
peekView.border#D26B65
progressBar.background#D26B65
scrollbarSlider.activeBackground#D26B65AA
scrollbarSlider.background#8A909544
scrollbarSlider.hoverBackground#D26B6566
sideBar.background#1D2325
sideBar.border#2A3134
sideBar.foreground#B4B8BE
sideBarSectionHeader.background#171C1E
sideBarSectionHeader.border#2A3134
sideBarSectionHeader.foreground#D5D0DB
sideBarTitle.foreground#B4B8BE
statusBar.background#D26B65
statusBar.border#2A3134
statusBar.debuggingBackground#DD8D88
statusBar.debuggingForeground#000000
statusBar.foreground#000000
statusBar.noFolderBackground#DD8D88
statusBarItem.hoverBackground#D26B6533
statusBarItem.remoteBackground#DD8D88
statusBarItem.remoteForeground#000000
tab.activeBackground#1D2325
tab.activeBorderTop#D26B65
tab.activeForeground#D5D0DB
tab.border#2A3134
tab.inactiveBackground#171C1E
tab.inactiveForeground#8A9095
terminal.background#1D2325
terminal.foreground#D5D0DB
terminalCursor.foreground#D26B65
textLink.activeForeground#DD8D88
textLink.foreground#D26B65
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	#84A296	italic
string, punctuation.definition.string	#D2A84E	—
constant.numeric, constant.language, constant.character	#B4E4D2	—
keyword, keyword.control, storage, storage.type	#D26B65	—
entity.name.function, support.function	#F6D8A2	—
entity.name.class, entity.name.type, support.class, entity.other.inherited-class	#B4E4FC	—
variable, variable.parameter	#6696F0	—
entity.name.tag, meta.tag	#D26B65	—
entity.other.attribute-name	#6696F0	—
keyword.operator, punctuation	#6C9CAE	—
meta.decorator, punctuation.decorator, storage.type.annotation, meta.annotation, support.type.attribute	#F6D8A2	—

VS Code preview

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

Backend Themes — Laravel 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#C84941
activityBar.background#EFF4F6
activityBar.border#DCE3E6
activityBar.foreground#3A3543
activityBar.inactiveForeground#6E7378
activityBarBadge.background#C84941
activityBarBadge.foreground#FFFFFF
badge.background#C84941
badge.foreground#FFFFFF
button.background#C84941
button.foreground#FFFFFF
button.hoverBackground#A63730
dropdown.background#EFF4F6
dropdown.foreground#3A3543
editor.background#F9FCFD
editor.findMatchBackground#C8494155
editor.findMatchHighlightBackground#C8494122
editor.foreground#3A3543
editor.selectionBackground#C8494144
editor.selectionHighlightBackground#C8494122
editor.wordHighlightBackground#C8494122
editorBracketMatch.background#C8494122
editorBracketMatch.border#C84941
editorCursor.foreground#C84941
editorGroup.border#DCE3E6
editorGroupHeader.tabsBackground#EFF4F6
editorGroupHeader.tabsBorder#DCE3E6
editorHoverWidget.background#EFF4F6
editorHoverWidget.border#DCE3E6
editorIndentGuide.activeBackground1#C84941
editorIndentGuide.background1#DCE3E6
editorLineNumber.activeForeground#C84941
editorLineNumber.foreground#6E7378
editorSuggestWidget.background#EFF4F6
editorSuggestWidget.border#DCE3E6
editorSuggestWidget.highlightForeground#C84941
editorSuggestWidget.selectedBackground#C8494133
editorWhitespace.foreground#DCE3E6
editorWidget.background#EFF4F6
editorWidget.border#DCE3E6
extensionButton.prominentBackground#C84941
extensionButton.prominentForeground#FFFFFF
extensionButton.prominentHoverBackground#A63730
focusBorder#C84941
gitDecoration.modifiedResourceForeground#C84941
input.background#EFF4F6
input.foreground#3A3543
input.placeholderForeground#6E7378
inputOption.activeBorder#C84941
list.activeSelectionBackground#C8494144
list.activeSelectionForeground#3A3543
list.focusOutline#C84941
list.highlightForeground#C84941
list.hoverBackground#EFF4F6
list.inactiveSelectionBackground#C8494122
minimap.findMatchHighlight#C84941
panel.background#F9FCFD
panel.border#DCE3E6
panelTitle.activeBorder#C84941
panelTitle.activeForeground#3A3543
panelTitle.inactiveForeground#6E7378
peekView.border#C84941
progressBar.background#C84941
scrollbarSlider.activeBackground#C84941AA
scrollbarSlider.background#6E737844
scrollbarSlider.hoverBackground#C8494166
sideBar.background#F9FCFD
sideBar.border#DCE3E6
sideBar.foreground#4A4F54
sideBarSectionHeader.background#EFF4F6
sideBarSectionHeader.border#DCE3E6
sideBarSectionHeader.foreground#3A3543
sideBarTitle.foreground#4A4F54
statusBar.background#C84941
statusBar.border#DCE3E6
statusBar.debuggingBackground#AA3831
statusBar.debuggingForeground#FFFFFF
statusBar.foreground#FFFFFF
statusBar.noFolderBackground#AA3831
statusBarItem.hoverBackground#C8494133
statusBarItem.remoteBackground#AA3831
statusBarItem.remoteForeground#FFFFFF
tab.activeBackground#F9FCFD
tab.activeBorderTop#C84941
tab.activeForeground#3A3543
tab.border#DCE3E6
tab.inactiveBackground#EFF4F6
tab.inactiveForeground#6E7378
terminal.background#F9FCFD
terminal.foreground#3A3543
terminalCursor.foreground#C84941
textLink.activeForeground#AA3831
textLink.foreground#C84941
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	#667866	italic
string, punctuation.definition.string	#6C5460	—
constant.numeric, constant.language, constant.character	#006090	—
keyword, keyword.control, storage, storage.type	#C84941	—
entity.name.function, support.function	#786000	—
entity.name.class, entity.name.type, support.class, entity.other.inherited-class	#247E90	—
variable, variable.parameter	#0078C6	—
entity.name.tag, meta.tag	#C84941	—
entity.other.attribute-name	#0078C6	—
keyword.operator, punctuation	#484E3C	—
meta.decorator, punctuation.decorator, storage.type.annotation, meta.annotation, support.type.attribute	#786000	—