Velvet Orchid

Name: Velvet Orchid
Author: devpipe1ine

Publisher: devpipe1ineThemes in package: 6

Luxurious theme with deep burgundy velvet and golden orchid accents

Open in VS Code GitHub

Color themes

VS Code preview

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

Velvet Orchid — Velvet Orchid

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.activeBackground#A2546E20
activityBar.activeBorder#A2546E
activityBar.background#140F12
activityBar.foreground#C4728A
activityBar.inactiveForeground#6D6259
activityBarBadge.background#A2546E
activityBarBadge.foreground#F5EDE5
badge.background#A2546E
badge.foreground#F5EDE5
breadcrumb.activeSelectionForeground#C4728A
breadcrumb.background#1A1518
breadcrumb.focusForeground#E8E0D8
breadcrumb.foreground#B0A59A
breadcrumbPicker.background#1A1518
button.background#A2546E
button.foreground#F5EDE5
button.hoverBackground#B86580
button.secondaryBackground#3D3238
button.secondaryForeground#E8E0D8
button.secondaryHoverBackground#4D4248
diffEditor.insertedLineBackground#7BAB7B15
diffEditor.insertedTextBackground#7BAB7B20
diffEditor.removedLineBackground#C46B6B15
diffEditor.removedTextBackground#C46B6B20
dropdown.background#1A1518
dropdown.border#3D3238
dropdown.foreground#E8E0D8
editor.background#1A1518
editor.findMatchBackground#C9A86C50
editor.findMatchHighlightBackground#C9A86C30
editor.findRangeHighlightBackground#A2546E20
editor.foldBackground#261E2250
editor.foreground#E8E0D8
editor.hoverHighlightBackground#A2546E20
editor.lineHighlightBackground#261E2250
editor.lineHighlightBorder#261E2200
editor.rangeHighlightBackground#A2546E15
editor.selectionBackground#A2546E40
editor.selectionHighlightBackground#A2546E25
editor.wordHighlightBackground#D4B48325
editor.wordHighlightStrongBackground#D4B48340
editorBracketHighlight.foreground1#A2546E
editorBracketHighlight.foreground2#D4B483
editorBracketHighlight.foreground3#6B9B9B
editorBracketHighlight.foreground4#9B7BB0
editorBracketHighlight.foreground5#8B9EB0
editorBracketHighlight.foreground6#C9A86C
editorBracketHighlight.unexpectedBracket.foreground#C46B6B
editorCursor.foreground#C4728A
editorError.foreground#C46B6B
editorGroup.border#3D3238
editorGroup.dropBackground#A2546E30
editorGroupHeader.tabsBackground#140F12
editorGutter.addedBackground#7BAB7B
editorGutter.deletedBackground#C46B6B
editorGutter.modifiedBackground#7B9BB0
editorHint.foreground#6B9B9B
editorHoverWidget.background#1A1518
editorHoverWidget.border#3D3238
editorIndentGuide.activeBackground#3D323860
editorIndentGuide.background#3D323830
editorInfo.foreground#7B9BB0
editorLineNumber.activeForeground#A2546E
editorLineNumber.foreground#4D4248
editorLink.activeForeground#C4728A
editorOverviewRuler.addedForeground#7BAB7BA0
editorOverviewRuler.border#3D323800
editorOverviewRuler.deletedForeground#C46B6BA0
editorOverviewRuler.errorForeground#C46B6B
editorOverviewRuler.infoForeground#7B9BB0
editorOverviewRuler.modifiedForeground#7B9BB0A0
editorOverviewRuler.selectionHighlightForeground#A2546E80
editorOverviewRuler.warningForeground#D4A86C
editorOverviewRuler.wordHighlightForeground#D4B48380
editorOverviewRuler.wordHighlightStrongForeground#D4B483A0
editorRuler.foreground#3D323850
editorSuggestWidget.background#1A1518
editorSuggestWidget.foreground#E8E0D8
editorSuggestWidget.highlightForeground#C4728A
editorSuggestWidget.selectedBackground#A2546E40
editorWarning.foreground#D4A86C
editorWhitespace.foreground#3D323850
editorWidget.background#1A1518
editorWidget.border#3D3238
errorForeground#C46B6B
focusBorder#A2546E80
foreground#E8E0D8
gitDecoration.conflictingResourceForeground#D4A86C
gitDecoration.deletedResourceForeground#C46B6B
gitDecoration.ignoredResourceForeground#6D6259
gitDecoration.modifiedResourceForeground#7B9BB0
gitDecoration.stageDeletedResourceForeground#C46B6B
gitDecoration.stageModifiedResourceForeground#7B9BB0
gitDecoration.untrackedResourceForeground#7BAB7B
input.background#140F12
input.border#3D3238
input.foreground#E8E0D8
input.placeholderForeground#6D6259
inputOption.activeBackground#A2546E30
inputOption.activeBorder#A2546E
inputValidation.errorBorder#C46B6B
inputValidation.infoBorder#7B9BB0
inputValidation.warningBorder#D4A86C
list.activeSelectionBackground#A2546E50
list.activeSelectionForeground#F5EDE5
list.dropBackground#A2546E30
list.errorForeground#C46B6B
list.focusBackground#A2546E40
list.highlightForeground#C4728A
list.hoverBackground#261E2280
list.inactiveSelectionBackground#3D323850
list.warningForeground#D4A86C
menu.background#1A1518
menu.foreground#E8E0D8
menu.selectionBackground#A2546E40
menu.selectionForeground#F5EDE5
menu.separatorBackground#3D3238
menubar.selectionBackground#A2546E40
menubar.selectionForeground#F5EDE5
minimap.background#1A151880
minimap.errorHighlight#C46B6B
minimap.findMatchHighlight#C9A86C80
minimap.selectionHighlight#A2546E60
minimap.warningHighlight#D4A86C
notificationCenter.border#3D3238
notificationCenterHeader.background#1A1518
notificationCenterHeader.foreground#E8E0D8
notificationLink.foreground#C4728A
notifications.background#1A1518
notifications.border#3D3238
notifications.foreground#E8E0D8
panel.background#140F12
panel.border#3D3238
panelTitle.activeBorder#A2546E
panelTitle.activeForeground#E8E0D8
panelTitle.inactiveForeground#6D6259
peekView.border#A2546E
peekViewEditor.background#140F12
peekViewEditor.matchHighlightBackground#C9A86C40
peekViewResult.background#1A1518
peekViewResult.fileForeground#E8E0D8
peekViewResult.lineForeground#B0A59A
peekViewResult.matchHighlightBackground#C9A86C40
peekViewResult.selectionBackground#A2546E40
peekViewResult.selectionForeground#F5EDE5
peekViewTitle.background#1A1518
peekViewTitleDescription.foreground#B0A59A
peekViewTitleLabel.foreground#C4728A
progressBar.background#A2546E
quickInput.background#1A1518
quickInput.foreground#E8E0D8
quickInputList.focusBackground#A2546E40
quickInputTitle.background#140F12
scrollbar.shadow#00000050
scrollbarSlider.activeBackground#A2546E60
scrollbarSlider.background#3D323850
scrollbarSlider.hoverBackground#4D424870
selection.background#A2546E40
settings.checkboxBackground#1A1518
settings.checkboxBorder#3D3238
settings.checkboxForeground#E8E0D8
settings.dropdownBackground#1A1518
settings.dropdownBorder#3D3238
settings.dropdownForeground#E8E0D8
settings.headerForeground#E8E0D8
settings.modifiedItemIndicator#A2546E
settings.numberInputBackground#140F12
settings.numberInputBorder#3D3238
settings.numberInputForeground#E8E0D8
settings.textInputBackground#140F12
settings.textInputBorder#3D3238
settings.textInputForeground#E8E0D8
sideBar.background#140F12
sideBar.foreground#B0A59A
sideBarSectionHeader.background#1A1518
sideBarSectionHeader.border#3D323800
sideBarSectionHeader.foreground#C4728A
sideBarTitle.foreground#E8E0D8
statusBar.background#140F12
statusBar.border#3D323800
statusBar.debuggingBackground#A2546E
statusBar.debuggingForeground#F5EDE5
statusBar.foreground#B0A59A
statusBar.noFolderBackground#1A1518
statusBar.noFolderForeground#B0A59A
statusBarItem.hoverBackground#3D3238
statusBarItem.prominentBackground#A2546E
statusBarItem.prominentHoverBackground#B86580
statusBarItem.remoteBackground#A2546E
statusBarItem.remoteForeground#F5EDE5
tab.activeBackground#1A1518
tab.activeBorderTop#A2546E
tab.activeForeground#E8E0D8
tab.border#140F12
tab.hoverBackground#261E22
tab.inactiveBackground#140F12
tab.inactiveForeground#6D6259
tab.unfocusedActiveForeground#B0A59A
tab.unfocusedInactiveForeground#6D6259
terminal.ansiBlack#1A1518
terminal.ansiBlue#7B9BB0
terminal.ansiBrightBlack#6D6259
terminal.ansiBrightBlue#8FAFC4
terminal.ansiBrightCyan#7FB0B0
terminal.ansiBrightGreen#8FC08F
terminal.ansiBrightMagenta#C4728A
terminal.ansiBrightRed#D88888
terminal.ansiBrightWhite#F5EDE5
terminal.ansiBrightYellow#E0BC82
terminal.ansiCyan#6B9B9B
terminal.ansiGreen#7BAB7B
terminal.ansiMagenta#A2546E
terminal.ansiRed#C46B6B
terminal.ansiWhite#E8E0D8
terminal.ansiYellow#D4A86C
terminal.background#1A1518
terminal.foreground#E8E0D8
titleBar.activeBackground#140F12
titleBar.activeForeground#E8E0D8
titleBar.border#3D323800
titleBar.inactiveBackground#140F12
titleBar.inactiveForeground#6D6259
tree.indentGuidesStroke#3D323860

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
emphasis	—	italic
strong	—	bold
header	#A2546E	—
comment, punctuation.definition.comment	#6D6259	italic
comment keyword.codetag.notation, comment.block.documentation keyword, storage.type.class.jsdoc	#9B7BB0	—
comment.block.documentation variable.other, comment.block.documentation entity.name.type	#6B9B9B	italic
string	#C9A86C	—
punctuation.definition.string.begin, punctuation.definition.string.end	#A68B52	—
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end	#A2546E	—
meta.template.expression	#E8E0D8	—
constant, variable.other.constant	#D4B483	—
constant.numeric	#9B7BB0	—
constant.language.boolean	#C4728A	—
constant.language.null, constant.language.undefined	#C4728A	italic
keyword	#A2546E	—
storage.type, storage.modifier	#A2546E	italic
keyword.control	#A2546E	—
keyword.control.import, keyword.control.export, keyword.control.from	#A2546E	italic
entity.name.function, meta.function-call	#8B9EB0	—
variable.parameter	#D4B483	italic
storage.type.function.arrow	#A2546E	—
entity.name.type.class, entity.name.class	#6B9B9B	bold
entity.name.type.interface	#6B9B9B	italic
entity.name.type, support.type	#6B9B9B	italic
entity.name.type.parameter	#D4B483	—
variable	#E8E0D8	—
variable.language	#C4728A	italic
variable.other.property, meta.object-literal.key	#B0A59A	—
entity.name.tag	#A2546E	—
entity.other.attribute-name	#D4B483	italic
string.quoted.double.html, string.quoted.single.html	#C9A86C	—
meta.selector, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css	#6B9B9B	—
support.type.property-name.css	#8B9EB0	—
support.constant.property-value.css, meta.property-value.css	#D4B483	—
keyword.other.unit.css	#9B7BB0	—
entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css	#A2546E	—
keyword.operator	#A2546E	—
keyword.operator.comparison, keyword.operator.relational	#6B9B9B	—
keyword.operator.logical	#A2546E	—
punctuation	#B0A59A	—
punctuation.definition.block, meta.brace	#B0A59A	—
string.regexp	#C4728A	—
punctuation.definition.group.regexp, keyword.operator.quantifier.regexp	#9B7BB0	—
meta.decorator, punctuation.decorator	#9B7BB0	—
markup.heading, heading.1.markdown, heading.2.markdown, heading.3.markdown	#A2546E	bold
markup.bold	#D4B483	bold
markup.italic	#9B7BB0	italic
markup.underline.link, string.other.link	#8B9EB0	—
markup.inline.raw, markup.fenced_code.block	#C9A86C	—
markup.quote	#6D6259	italic
punctuation.definition.list.begin.markdown	#A2546E	—
support.type.property-name.json	#A2546E	—
string.quoted.double.json	#C9A86C	—
entity.name.tag.yaml	#A2546E	—
variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python, variable.language.special.self.python	#C4728A	italic
support.function.builtin.python, support.type.python	#8B9EB0	—
support.function.magic.python	#9B7BB0	italic
entity.name.function.decorator.python, meta.function.decorator.python	#9B7BB0	—
string.quoted.docstring.multi.python, string.quoted.docstring.single.python	#6D6259	italic
constant.character.format.placeholder.other.python	#A2546E	—
punctuation.definition.lifetime.rust, entity.name.lifetime.rust, storage.modifier.lifetime.rust	#C4728A	italic
entity.name.function.macro.rust, support.macro.rust, meta.macro.rust	#9B7BB0	—
meta.attribute.rust, punctuation.definition.attribute.rust, punctuation.brackets.attribute.rust	#6B9B9B	—
keyword.other.unsafe.rust	#C4728A	bold
storage.modifier.mut.rust	#A2546E	italic
entity.name.type.rust, entity.name.type.primitive.rust, support.type.primitive.rust	#6B9B9B	—
entity.name.type.trait.rust	#6B9B9B	italic
keyword.other.impl.rust	#A2546E	italic
variable.language.self.rust	#C4728A	italic
entity.name.module.rust, entity.name.namespace.rust	#6B9B9B	—
variable.language.this	#C4728A	italic
support.type.primitive.ts, support.type.builtin.ts	#6B9B9B	—
entity.name.package.go	#6B9B9B	—
support.function.builtin.go	#8B9EB0	—
keyword.control.directive.include, keyword.control.directive.define, keyword.control.directive.conditional, meta.preprocessor	#9B7BB0	—
support.type.sys-types.c, support.type.sys-types.cpp, storage.type.built-in.c, storage.type.built-in.cpp	#6B9B9B	—
support.function	#8B9EB0	—
support.class	#6B9B9B	—
support.constant	#D4B483	—
entity.name	#6B9B9B	—
entity.name.namespace, entity.name.module	#6B9B9B	—
invalid	#C4728A	underline
invalid.deprecated	#6D6259	strikethrough

VS Code preview

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

Velvet Orchid — Velvet Orchid Dawn

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.activeBackground#A2546E20
activityBar.activeBorder#A2546E
activityBar.background#1A1518
activityBar.foreground#C4728A
activityBar.inactiveForeground#6D6259
activityBarBadge.background#A2546E
activityBarBadge.foreground#F5EDE5
badge.background#A2546E
badge.foreground#F5EDE5
breadcrumb.activeSelectionForeground#C4728A
breadcrumb.background#221B1F
breadcrumb.focusForeground#E8E0D8
breadcrumb.foreground#B0A59A
breadcrumbPicker.background#221B1F
button.background#A2546E
button.foreground#F5EDE5
button.hoverBackground#B86580
button.secondaryBackground#3D3238
button.secondaryForeground#E8E0D8
button.secondaryHoverBackground#4D4248
diffEditor.insertedLineBackground#7BAB7B15
diffEditor.insertedTextBackground#7BAB7B20
diffEditor.removedLineBackground#C46B6B15
diffEditor.removedTextBackground#C46B6B20
dropdown.background#221B1F
dropdown.border#3D3238
dropdown.foreground#E8E0D8
editor.background#221B1F
editor.findMatchBackground#C9A86C50
editor.findMatchHighlightBackground#C9A86C30
editor.findRangeHighlightBackground#A2546E20
editor.foldBackground#2D252950
editor.foreground#E8E0D8
editor.hoverHighlightBackground#A2546E20
editor.lineHighlightBackground#2D252950
editor.lineHighlightBorder#2D252900
editor.rangeHighlightBackground#A2546E15
editor.selectionBackground#A2546E40
editor.selectionHighlightBackground#A2546E25
editor.wordHighlightBackground#D4B48325
editor.wordHighlightStrongBackground#D4B48340
editorBracketHighlight.foreground1#A2546E
editorBracketHighlight.foreground2#D4B483
editorBracketHighlight.foreground3#6B9B9B
editorBracketHighlight.foreground4#9B7BB0
editorBracketHighlight.foreground5#8B9EB0
editorBracketHighlight.foreground6#C9A86C
editorBracketHighlight.unexpectedBracket.foreground#C46B6B
editorCursor.foreground#C4728A
editorError.foreground#C46B6B
editorGroup.border#3D3238
editorGroup.dropBackground#A2546E30
editorGroupHeader.tabsBackground#1A1518
editorGutter.addedBackground#7BAB7B
editorGutter.deletedBackground#C46B6B
editorGutter.modifiedBackground#7B9BB0
editorHint.foreground#6B9B9B
editorHoverWidget.background#221B1F
editorHoverWidget.border#3D3238
editorIndentGuide.activeBackground#3D323860
editorIndentGuide.background#3D323830
editorInfo.foreground#7B9BB0
editorLineNumber.activeForeground#A2546E
editorLineNumber.foreground#554D50
editorLink.activeForeground#C4728A
editorOverviewRuler.addedForeground#7BAB7BA0
editorOverviewRuler.border#3D323800
editorOverviewRuler.deletedForeground#C46B6BA0
editorOverviewRuler.errorForeground#C46B6B
editorOverviewRuler.infoForeground#7B9BB0
editorOverviewRuler.modifiedForeground#7B9BB0A0
editorOverviewRuler.selectionHighlightForeground#A2546E80
editorOverviewRuler.warningForeground#D4A86C
editorOverviewRuler.wordHighlightForeground#D4B48380
editorOverviewRuler.wordHighlightStrongForeground#D4B483A0
editorRuler.foreground#3D323850
editorSuggestWidget.background#221B1F
editorSuggestWidget.foreground#E8E0D8
editorSuggestWidget.highlightForeground#C4728A
editorSuggestWidget.selectedBackground#A2546E40
editorWarning.foreground#D4A86C
editorWhitespace.foreground#3D323850
editorWidget.background#221B1F
editorWidget.border#3D3238
errorForeground#C46B6B
focusBorder#A2546E80
foreground#E8E0D8
gitDecoration.conflictingResourceForeground#D4A86C
gitDecoration.deletedResourceForeground#C46B6B
gitDecoration.ignoredResourceForeground#6D6259
gitDecoration.modifiedResourceForeground#7B9BB0
gitDecoration.stageDeletedResourceForeground#C46B6B
gitDecoration.stageModifiedResourceForeground#7B9BB0
gitDecoration.untrackedResourceForeground#7BAB7B
input.background#1A1518
input.border#3D3238
input.foreground#E8E0D8
input.placeholderForeground#6D6259
inputOption.activeBackground#A2546E30
inputOption.activeBorder#A2546E
inputValidation.errorBorder#C46B6B
inputValidation.infoBorder#7B9BB0
inputValidation.warningBorder#D4A86C
list.activeSelectionBackground#A2546E50
list.activeSelectionForeground#F5EDE5
list.dropBackground#A2546E30
list.errorForeground#C46B6B
list.focusBackground#A2546E40
list.highlightForeground#C4728A
list.hoverBackground#2D252980
list.inactiveSelectionBackground#3D323850
list.warningForeground#D4A86C
menu.background#221B1F
menu.foreground#E8E0D8
menu.selectionBackground#A2546E40
menu.selectionForeground#F5EDE5
menu.separatorBackground#3D3238
menubar.selectionBackground#A2546E40
menubar.selectionForeground#F5EDE5
minimap.background#221B1F80
minimap.errorHighlight#C46B6B
minimap.findMatchHighlight#C9A86C80
minimap.selectionHighlight#A2546E60
minimap.warningHighlight#D4A86C
notificationCenter.border#3D3238
notificationCenterHeader.background#221B1F
notificationCenterHeader.foreground#E8E0D8
notificationLink.foreground#C4728A
notifications.background#221B1F
notifications.border#3D3238
notifications.foreground#E8E0D8
panel.background#1A1518
panel.border#3D3238
panelTitle.activeBorder#A2546E
panelTitle.activeForeground#E8E0D8
panelTitle.inactiveForeground#6D6259
peekView.border#A2546E
peekViewEditor.background#1A1518
peekViewEditor.matchHighlightBackground#C9A86C40
peekViewResult.background#221B1F
peekViewResult.fileForeground#E8E0D8
peekViewResult.lineForeground#B0A59A
peekViewResult.matchHighlightBackground#C9A86C40
peekViewResult.selectionBackground#A2546E40
peekViewResult.selectionForeground#F5EDE5
peekViewTitle.background#221B1F
peekViewTitleDescription.foreground#B0A59A
peekViewTitleLabel.foreground#C4728A
progressBar.background#A2546E
quickInput.background#221B1F
quickInput.foreground#E8E0D8
quickInputList.focusBackground#A2546E40
quickInputTitle.background#1A1518
scrollbar.shadow#00000050
scrollbarSlider.activeBackground#A2546E60
scrollbarSlider.background#3D323850
scrollbarSlider.hoverBackground#4D424870
selection.background#A2546E40
settings.checkboxBackground#221B1F
settings.checkboxBorder#3D3238
settings.checkboxForeground#E8E0D8
settings.dropdownBackground#221B1F
settings.dropdownBorder#3D3238
settings.dropdownForeground#E8E0D8
settings.headerForeground#E8E0D8
settings.modifiedItemIndicator#A2546E
settings.numberInputBackground#1A1518
settings.numberInputBorder#3D3238
settings.numberInputForeground#E8E0D8
settings.textInputBackground#1A1518
settings.textInputBorder#3D3238
settings.textInputForeground#E8E0D8
sideBar.background#1A1518
sideBar.foreground#B0A59A
sideBarSectionHeader.background#221B1F
sideBarSectionHeader.border#3D323800
sideBarSectionHeader.foreground#C4728A
sideBarTitle.foreground#E8E0D8
statusBar.background#1A1518
statusBar.border#3D323800
statusBar.debuggingBackground#A2546E
statusBar.debuggingForeground#F5EDE5
statusBar.foreground#B0A59A
statusBar.noFolderBackground#221B1F
statusBar.noFolderForeground#B0A59A
statusBarItem.hoverBackground#3D3238
statusBarItem.prominentBackground#A2546E
statusBarItem.prominentHoverBackground#B86580
statusBarItem.remoteBackground#A2546E
statusBarItem.remoteForeground#F5EDE5
tab.activeBackground#221B1F
tab.activeBorderTop#A2546E
tab.activeForeground#E8E0D8
tab.border#1A1518
tab.hoverBackground#2D2529
tab.inactiveBackground#1A1518
tab.inactiveForeground#6D6259
tab.unfocusedActiveForeground#B0A59A
tab.unfocusedInactiveForeground#6D6259
terminal.ansiBlack#221B1F
terminal.ansiBlue#7B9BB0
terminal.ansiBrightBlack#6D6259
terminal.ansiBrightBlue#8FAFC4
terminal.ansiBrightCyan#7FB0B0
terminal.ansiBrightGreen#8FC08F
terminal.ansiBrightMagenta#C4728A
terminal.ansiBrightRed#D88888
terminal.ansiBrightWhite#F5EDE5
terminal.ansiBrightYellow#E0BC82
terminal.ansiCyan#6B9B9B
terminal.ansiGreen#7BAB7B
terminal.ansiMagenta#A2546E
terminal.ansiRed#C46B6B
terminal.ansiWhite#E8E0D8
terminal.ansiYellow#D4A86C
terminal.background#221B1F
terminal.foreground#E8E0D8
titleBar.activeBackground#1A1518
titleBar.activeForeground#E8E0D8
titleBar.border#3D323800
titleBar.inactiveBackground#1A1518
titleBar.inactiveForeground#6D6259
tree.indentGuidesStroke#3D323860

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
emphasis	—	italic
strong	—	bold
header	#A2546E	—
comment, punctuation.definition.comment	#6D6259	italic
comment keyword.codetag.notation, comment.block.documentation keyword, storage.type.class.jsdoc	#9B7BB0	—
comment.block.documentation variable.other, comment.block.documentation entity.name.type	#6B9B9B	italic
string	#C9A86C	—
punctuation.definition.string.begin, punctuation.definition.string.end	#A68B52	—
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end	#A2546E	—
meta.template.expression	#E8E0D8	—
constant, variable.other.constant	#D4B483	—
constant.numeric	#9B7BB0	—
constant.language.boolean	#C4728A	—
constant.language.null, constant.language.undefined	#C4728A	italic
keyword	#A2546E	—
storage.type, storage.modifier	#A2546E	italic
keyword.control	#A2546E	—
keyword.control.import, keyword.control.export, keyword.control.from	#A2546E	italic
entity.name.function, meta.function-call	#8B9EB0	—
variable.parameter	#D4B483	italic
storage.type.function.arrow	#A2546E	—
entity.name.type.class, entity.name.class	#6B9B9B	bold
entity.name.type.interface	#6B9B9B	italic
entity.name.type, support.type	#6B9B9B	italic
entity.name.type.parameter	#D4B483	—
variable	#E8E0D8	—
variable.language	#C4728A	italic
variable.other.property, meta.object-literal.key	#B0A59A	—
entity.name.tag	#A2546E	—
entity.other.attribute-name	#D4B483	italic
string.quoted.double.html, string.quoted.single.html	#C9A86C	—
meta.selector, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css	#6B9B9B	—
support.type.property-name.css	#8B9EB0	—
support.constant.property-value.css, meta.property-value.css	#D4B483	—
keyword.other.unit.css	#9B7BB0	—
entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css	#A2546E	—
keyword.operator	#A2546E	—
keyword.operator.comparison, keyword.operator.relational	#6B9B9B	—
keyword.operator.logical	#A2546E	—
punctuation	#B0A59A	—
punctuation.definition.block, meta.brace	#B0A59A	—
string.regexp	#C4728A	—
punctuation.definition.group.regexp, keyword.operator.quantifier.regexp	#9B7BB0	—
meta.decorator, punctuation.decorator	#9B7BB0	—
markup.heading, heading.1.markdown, heading.2.markdown, heading.3.markdown	#A2546E	bold
markup.bold	#D4B483	bold
markup.italic	#9B7BB0	italic
markup.underline.link, string.other.link	#8B9EB0	—
markup.inline.raw, markup.fenced_code.block	#C9A86C	—
markup.quote	#6D6259	italic
punctuation.definition.list.begin.markdown	#A2546E	—
support.type.property-name.json	#A2546E	—
string.quoted.double.json	#C9A86C	—
entity.name.tag.yaml	#A2546E	—
variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python, variable.language.special.self.python	#C4728A	italic
support.function.builtin.python, support.type.python	#8B9EB0	—
support.function.magic.python	#9B7BB0	italic
entity.name.function.decorator.python, meta.function.decorator.python	#9B7BB0	—
string.quoted.docstring.multi.python, string.quoted.docstring.single.python	#6D6259	italic
constant.character.format.placeholder.other.python	#A2546E	—
punctuation.definition.lifetime.rust, entity.name.lifetime.rust, storage.modifier.lifetime.rust	#C4728A	italic
entity.name.function.macro.rust, support.macro.rust, meta.macro.rust	#9B7BB0	—
meta.attribute.rust, punctuation.definition.attribute.rust, punctuation.brackets.attribute.rust	#6B9B9B	—
keyword.other.unsafe.rust	#C4728A	bold
storage.modifier.mut.rust	#A2546E	italic
entity.name.type.rust, entity.name.type.primitive.rust, support.type.primitive.rust	#6B9B9B	—
entity.name.type.trait.rust	#6B9B9B	italic
keyword.other.impl.rust	#A2546E	italic
variable.language.self.rust	#C4728A	italic
entity.name.module.rust, entity.name.namespace.rust	#6B9B9B	—
variable.language.this	#C4728A	italic
support.type.primitive.ts, support.type.builtin.ts	#6B9B9B	—
entity.name.package.go	#6B9B9B	—
support.function.builtin.go	#8B9EB0	—
keyword.control.directive.include, keyword.control.directive.define, keyword.control.directive.conditional, meta.preprocessor	#9B7BB0	—
support.type.sys-types.c, support.type.sys-types.cpp, storage.type.built-in.c, storage.type.built-in.cpp	#6B9B9B	—
support.function	#8B9EB0	—
support.class	#6B9B9B	—
support.constant	#D4B483	—
entity.name	#6B9B9B	—
entity.name.namespace, entity.name.module	#6B9B9B	—
invalid	#C4728A	underline
invalid.deprecated	#6D6259	strikethrough

VS Code preview

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

Velvet Orchid — Velvet Orchid Dusk

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.activeBackground#A2546E20
activityBar.activeBorder#A2546E
activityBar.background#0D090B
activityBar.foreground#C4728A
activityBar.inactiveForeground#5D5550
activityBarBadge.background#A2546E
activityBarBadge.foreground#F5EDE5
badge.background#A2546E
badge.foreground#F5EDE5
breadcrumb.activeSelectionForeground#C4728A
breadcrumb.background#120D10
breadcrumb.focusForeground#E8E0D8
breadcrumb.foreground#B0A59A
breadcrumbPicker.background#120D10
button.background#A2546E
button.foreground#F5EDE5
button.hoverBackground#B86580
button.secondaryBackground#2D2528
button.secondaryForeground#E8E0D8
button.secondaryHoverBackground#3D3238
diffEditor.insertedLineBackground#7BAB7B15
diffEditor.insertedTextBackground#7BAB7B20
diffEditor.removedLineBackground#C46B6B15
diffEditor.removedTextBackground#C46B6B20
dropdown.background#120D10
dropdown.border#2D2528
dropdown.foreground#E8E0D8
editor.background#120D10
editor.findMatchBackground#C9A86C50
editor.findMatchHighlightBackground#C9A86C30
editor.findRangeHighlightBackground#A2546E20
editor.foldBackground#1A151850
editor.foreground#E8E0D8
editor.hoverHighlightBackground#A2546E20
editor.lineHighlightBackground#1A151850
editor.lineHighlightBorder#1A151800
editor.rangeHighlightBackground#A2546E15
editor.selectionBackground#A2546E40
editor.selectionHighlightBackground#A2546E25
editor.wordHighlightBackground#D4B48325
editor.wordHighlightStrongBackground#D4B48340
editorBracketHighlight.foreground1#A2546E
editorBracketHighlight.foreground2#D4B483
editorBracketHighlight.foreground3#6B9B9B
editorBracketHighlight.foreground4#9B7BB0
editorBracketHighlight.foreground5#8B9EB0
editorBracketHighlight.foreground6#C9A86C
editorBracketHighlight.unexpectedBracket.foreground#C46B6B
editorCursor.foreground#C4728A
editorError.foreground#C46B6B
editorGroup.border#2D2528
editorGroup.dropBackground#A2546E30
editorGroupHeader.tabsBackground#0D090B
editorGutter.addedBackground#7BAB7B
editorGutter.deletedBackground#C46B6B
editorGutter.modifiedBackground#7B9BB0
editorHint.foreground#6B9B9B
editorHoverWidget.background#120D10
editorHoverWidget.border#2D2528
editorIndentGuide.activeBackground#2D252860
editorIndentGuide.background#2D252830
editorInfo.foreground#7B9BB0
editorLineNumber.activeForeground#A2546E
editorLineNumber.foreground#3D3538
editorLink.activeForeground#C4728A
editorOverviewRuler.addedForeground#7BAB7BA0
editorOverviewRuler.border#2D252800
editorOverviewRuler.deletedForeground#C46B6BA0
editorOverviewRuler.errorForeground#C46B6B
editorOverviewRuler.infoForeground#7B9BB0
editorOverviewRuler.modifiedForeground#7B9BB0A0
editorOverviewRuler.selectionHighlightForeground#A2546E80
editorOverviewRuler.warningForeground#D4A86C
editorOverviewRuler.wordHighlightForeground#D4B48380
editorOverviewRuler.wordHighlightStrongForeground#D4B483A0
editorRuler.foreground#2D252850
editorSuggestWidget.background#120D10
editorSuggestWidget.foreground#E8E0D8
editorSuggestWidget.highlightForeground#C4728A
editorSuggestWidget.selectedBackground#A2546E40
editorWarning.foreground#D4A86C
editorWhitespace.foreground#2D252850
editorWidget.background#120D10
editorWidget.border#2D2528
errorForeground#C46B6B
focusBorder#A2546E80
foreground#E8E0D8
gitDecoration.conflictingResourceForeground#D4A86C
gitDecoration.deletedResourceForeground#C46B6B
gitDecoration.ignoredResourceForeground#5D5550
gitDecoration.modifiedResourceForeground#7B9BB0
gitDecoration.stageDeletedResourceForeground#C46B6B
gitDecoration.stageModifiedResourceForeground#7B9BB0
gitDecoration.untrackedResourceForeground#7BAB7B
input.background#0D090B
input.border#2D2528
input.foreground#E8E0D8
input.placeholderForeground#5D5550
inputOption.activeBackground#A2546E30
inputOption.activeBorder#A2546E
inputValidation.errorBorder#C46B6B
inputValidation.infoBorder#7B9BB0
inputValidation.warningBorder#D4A86C
list.activeSelectionBackground#A2546E50
list.activeSelectionForeground#F5EDE5
list.dropBackground#A2546E30
list.errorForeground#C46B6B
list.focusBackground#A2546E40
list.highlightForeground#C4728A
list.hoverBackground#1A151880
list.inactiveSelectionBackground#2D252850
list.warningForeground#D4A86C
menu.background#120D10
menu.foreground#E8E0D8
menu.selectionBackground#A2546E40
menu.selectionForeground#F5EDE5
menu.separatorBackground#2D2528
menubar.selectionBackground#A2546E40
menubar.selectionForeground#F5EDE5
minimap.background#120D1080
minimap.errorHighlight#C46B6B
minimap.findMatchHighlight#C9A86C80
minimap.selectionHighlight#A2546E60
minimap.warningHighlight#D4A86C
notificationCenter.border#2D2528
notificationCenterHeader.background#120D10
notificationCenterHeader.foreground#E8E0D8
notificationLink.foreground#C4728A
notifications.background#120D10
notifications.border#2D2528
notifications.foreground#E8E0D8
panel.background#0D090B
panel.border#2D2528
panelTitle.activeBorder#A2546E
panelTitle.activeForeground#E8E0D8
panelTitle.inactiveForeground#5D5550
peekView.border#A2546E
peekViewEditor.background#0D090B
peekViewEditor.matchHighlightBackground#C9A86C40
peekViewResult.background#120D10
peekViewResult.fileForeground#E8E0D8
peekViewResult.lineForeground#B0A59A
peekViewResult.matchHighlightBackground#C9A86C40
peekViewResult.selectionBackground#A2546E40
peekViewResult.selectionForeground#F5EDE5
peekViewTitle.background#120D10
peekViewTitleDescription.foreground#B0A59A
peekViewTitleLabel.foreground#C4728A
progressBar.background#A2546E
quickInput.background#120D10
quickInput.foreground#E8E0D8
quickInputList.focusBackground#A2546E40
quickInputTitle.background#0D090B
scrollbar.shadow#00000080
scrollbarSlider.activeBackground#A2546E60
scrollbarSlider.background#2D252850
scrollbarSlider.hoverBackground#3D353870
selection.background#A2546E40
settings.checkboxBackground#120D10
settings.checkboxBorder#2D2528
settings.checkboxForeground#E8E0D8
settings.dropdownBackground#120D10
settings.dropdownBorder#2D2528
settings.dropdownForeground#E8E0D8
settings.headerForeground#E8E0D8
settings.modifiedItemIndicator#A2546E
settings.numberInputBackground#0D090B
settings.numberInputBorder#2D2528
settings.numberInputForeground#E8E0D8
settings.textInputBackground#0D090B
settings.textInputBorder#2D2528
settings.textInputForeground#E8E0D8
sideBar.background#0D090B
sideBar.foreground#B0A59A
sideBarSectionHeader.background#120D10
sideBarSectionHeader.border#2D252800
sideBarSectionHeader.foreground#C4728A
sideBarTitle.foreground#E8E0D8
statusBar.background#0D090B
statusBar.border#2D252800
statusBar.debuggingBackground#A2546E
statusBar.debuggingForeground#F5EDE5
statusBar.foreground#B0A59A
statusBar.noFolderBackground#120D10
statusBar.noFolderForeground#B0A59A
statusBarItem.hoverBackground#2D2528
statusBarItem.prominentBackground#A2546E
statusBarItem.prominentHoverBackground#B86580
statusBarItem.remoteBackground#A2546E
statusBarItem.remoteForeground#F5EDE5
tab.activeBackground#120D10
tab.activeBorderTop#A2546E
tab.activeForeground#E8E0D8
tab.border#0D090B
tab.hoverBackground#1A1518
tab.inactiveBackground#0D090B
tab.inactiveForeground#5D5550
tab.unfocusedActiveForeground#B0A59A
tab.unfocusedInactiveForeground#5D5550
terminal.ansiBlack#120D10
terminal.ansiBlue#7B9BB0
terminal.ansiBrightBlack#6D6259
terminal.ansiBrightBlue#8FAFC4
terminal.ansiBrightCyan#7FB0B0
terminal.ansiBrightGreen#8FC08F
terminal.ansiBrightMagenta#C4728A
terminal.ansiBrightRed#D88888
terminal.ansiBrightWhite#F5EDE5
terminal.ansiBrightYellow#E0BC82
terminal.ansiCyan#6B9B9B
terminal.ansiGreen#7BAB7B
terminal.ansiMagenta#A2546E
terminal.ansiRed#C46B6B
terminal.ansiWhite#E8E0D8
terminal.ansiYellow#D4A86C
terminal.background#120D10
terminal.foreground#E8E0D8
titleBar.activeBackground#0D090B
titleBar.activeForeground#E8E0D8
titleBar.border#2D252800
titleBar.inactiveBackground#0D090B
titleBar.inactiveForeground#5D5550
tree.indentGuidesStroke#2D252860

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
emphasis	—	italic
strong	—	bold
header	#A2546E	—
comment, punctuation.definition.comment	#6D6259	italic
comment keyword.codetag.notation, comment.block.documentation keyword, storage.type.class.jsdoc	#9B7BB0	—
comment.block.documentation variable.other, comment.block.documentation entity.name.type	#6B9B9B	italic
string	#C9A86C	—
punctuation.definition.string.begin, punctuation.definition.string.end	#A68B52	—
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end	#A2546E	—
meta.template.expression	#E8E0D8	—
constant, variable.other.constant	#D4B483	—
constant.numeric	#9B7BB0	—
constant.language.boolean	#C4728A	—
constant.language.null, constant.language.undefined	#C4728A	italic
keyword	#A2546E	—
storage.type, storage.modifier	#A2546E	italic
keyword.control	#A2546E	—
keyword.control.import, keyword.control.export, keyword.control.from	#A2546E	italic
entity.name.function, meta.function-call	#8B9EB0	—
variable.parameter	#D4B483	italic
storage.type.function.arrow	#A2546E	—
entity.name.type.class, entity.name.class	#6B9B9B	bold
entity.name.type.interface	#6B9B9B	italic
entity.name.type, support.type	#6B9B9B	italic
entity.name.type.parameter	#D4B483	—
variable	#E8E0D8	—
variable.language	#C4728A	italic
variable.other.property, meta.object-literal.key	#B0A59A	—
entity.name.tag	#A2546E	—
entity.other.attribute-name	#D4B483	italic
string.quoted.double.html, string.quoted.single.html	#C9A86C	—
meta.selector, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css	#6B9B9B	—
support.type.property-name.css	#8B9EB0	—
support.constant.property-value.css, meta.property-value.css	#D4B483	—
keyword.other.unit.css	#9B7BB0	—
entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css	#A2546E	—
keyword.operator	#A2546E	—
keyword.operator.comparison, keyword.operator.relational	#6B9B9B	—
keyword.operator.logical	#A2546E	—
punctuation	#B0A59A	—
punctuation.definition.block, meta.brace	#B0A59A	—
string.regexp	#C4728A	—
punctuation.definition.group.regexp, keyword.operator.quantifier.regexp	#9B7BB0	—
meta.decorator, punctuation.decorator	#9B7BB0	—
markup.heading, heading.1.markdown, heading.2.markdown, heading.3.markdown	#A2546E	bold
markup.bold	#D4B483	bold
markup.italic	#9B7BB0	italic
markup.underline.link, string.other.link	#8B9EB0	—
markup.inline.raw, markup.fenced_code.block	#C9A86C	—
markup.quote	#6D6259	italic
punctuation.definition.list.begin.markdown	#A2546E	—
support.type.property-name.json	#A2546E	—
string.quoted.double.json	#C9A86C	—
entity.name.tag.yaml	#A2546E	—
variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python, variable.language.special.self.python	#C4728A	italic
support.function.builtin.python, support.type.python	#8B9EB0	—
support.function.magic.python	#9B7BB0	italic
entity.name.function.decorator.python, meta.function.decorator.python	#9B7BB0	—
string.quoted.docstring.multi.python, string.quoted.docstring.single.python	#6D6259	italic
constant.character.format.placeholder.other.python	#A2546E	—
punctuation.definition.lifetime.rust, entity.name.lifetime.rust, storage.modifier.lifetime.rust	#C4728A	italic
entity.name.function.macro.rust, support.macro.rust, meta.macro.rust	#9B7BB0	—
meta.attribute.rust, punctuation.definition.attribute.rust, punctuation.brackets.attribute.rust	#6B9B9B	—
keyword.other.unsafe.rust	#C4728A	bold
storage.modifier.mut.rust	#A2546E	italic
entity.name.type.rust, entity.name.type.primitive.rust, support.type.primitive.rust	#6B9B9B	—
entity.name.type.trait.rust	#6B9B9B	italic
keyword.other.impl.rust	#A2546E	italic
variable.language.self.rust	#C4728A	italic
entity.name.module.rust, entity.name.namespace.rust	#6B9B9B	—
variable.language.this	#C4728A	italic
support.type.primitive.ts, support.type.builtin.ts	#6B9B9B	—
entity.name.package.go	#6B9B9B	—
support.function.builtin.go	#8B9EB0	—
keyword.control.directive.include, keyword.control.directive.define, keyword.control.directive.conditional, meta.preprocessor	#9B7BB0	—
support.type.sys-types.c, support.type.sys-types.cpp, storage.type.built-in.c, storage.type.built-in.cpp	#6B9B9B	—
support.function	#8B9EB0	—
support.class	#6B9B9B	—
support.constant	#D4B483	—
entity.name	#6B9B9B	—
entity.name.namespace, entity.name.module	#6B9B9B	—
invalid	#C4728A	underline
invalid.deprecated	#6D6259	strikethrough

VS Code preview

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

Velvet Orchid — Velvet Orchid Greenhouse

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.activeBackground#6B9B9B20
activityBar.activeBorder#6B9B9B
activityBar.background#121015
activityBar.foreground#7FB0B0
activityBar.inactiveForeground#6D6259
activityBarBadge.background#6B8B8B
activityBarBadge.foreground#F5EDE5
badge.background#6B8B8B
badge.foreground#F5EDE5
breadcrumb.activeSelectionForeground#7FB0B0
breadcrumb.background#18161A
breadcrumb.focusForeground#E8E0D8
breadcrumb.foreground#B0A59A
breadcrumbPicker.background#18161A
button.background#6B8B8B
button.foreground#F5EDE5
button.hoverBackground#7B9B9B
button.secondaryBackground#3D3238
button.secondaryForeground#E8E0D8
button.secondaryHoverBackground#4D4248
diffEditor.insertedLineBackground#7BAB7B15
diffEditor.insertedTextBackground#7BAB7B20
diffEditor.removedLineBackground#C46B6B15
diffEditor.removedTextBackground#C46B6B20
dropdown.background#18161A
dropdown.border#3A3540
dropdown.foreground#E8E0D8
editor.background#18161A
editor.findMatchBackground#C9A86C50
editor.findMatchHighlightBackground#C9A86C30
editor.findRangeHighlightBackground#6B9B9B20
editor.foldBackground#24202650
editor.foreground#E8E0D8
editor.hoverHighlightBackground#6B9B9B20
editor.lineHighlightBackground#24202650
editor.lineHighlightBorder#24202600
editor.rangeHighlightBackground#6B9B9B15
editor.selectionBackground#6B9B9B40
editor.selectionHighlightBackground#6B9B9B25
editor.wordHighlightBackground#D4B48325
editor.wordHighlightStrongBackground#D4B48340
editorBracketHighlight.foreground1#6B9B9B
editorBracketHighlight.foreground2#D4B483
editorBracketHighlight.foreground3#A2546E
editorBracketHighlight.foreground4#9B7BB0
editorBracketHighlight.foreground5#8B9EB0
editorBracketHighlight.foreground6#C9A86C
editorBracketHighlight.unexpectedBracket.foreground#C46B6B
editorCursor.foreground#7FB0B0
editorError.foreground#C46B6B
editorGroup.border#3A3540
editorGroup.dropBackground#6B9B9B30
editorGroupHeader.tabsBackground#121015
editorGutter.addedBackground#7BAB7B
editorGutter.deletedBackground#C46B6B
editorGutter.modifiedBackground#7B9BB0
editorHint.foreground#6B9B9B
editorHoverWidget.background#18161A
editorHoverWidget.border#3A3540
editorIndentGuide.activeBackground#3A354060
editorIndentGuide.background#3A354030
editorInfo.foreground#7B9BB0
editorLineNumber.activeForeground#6B9B9B
editorLineNumber.foreground#4D4550
editorLink.activeForeground#7FB0B0
editorOverviewRuler.addedForeground#7BAB7BA0
editorOverviewRuler.border#3A354000
editorOverviewRuler.deletedForeground#C46B6BA0
editorOverviewRuler.errorForeground#C46B6B
editorOverviewRuler.infoForeground#7B9BB0
editorOverviewRuler.modifiedForeground#7B9BB0A0
editorOverviewRuler.selectionHighlightForeground#6B9B9B80
editorOverviewRuler.warningForeground#D4A86C
editorOverviewRuler.wordHighlightForeground#D4B48380
editorOverviewRuler.wordHighlightStrongForeground#D4B483A0
editorRuler.foreground#3A354050
editorSuggestWidget.background#18161A
editorSuggestWidget.foreground#E8E0D8
editorSuggestWidget.highlightForeground#7FB0B0
editorSuggestWidget.selectedBackground#6B9B9B40
editorWarning.foreground#D4A86C
editorWhitespace.foreground#3A354050
editorWidget.background#18161A
editorWidget.border#3A3540
errorForeground#C46B6B
focusBorder#6B9B9B80
foreground#E8E0D8
gitDecoration.conflictingResourceForeground#D4A86C
gitDecoration.deletedResourceForeground#C46B6B
gitDecoration.ignoredResourceForeground#6D6259
gitDecoration.modifiedResourceForeground#7B9BB0
gitDecoration.stageDeletedResourceForeground#C46B6B
gitDecoration.stageModifiedResourceForeground#7B9BB0
gitDecoration.untrackedResourceForeground#7BAB7B
input.background#121015
input.border#3A3540
input.foreground#E8E0D8
input.placeholderForeground#6D6259
inputOption.activeBackground#6B9B9B30
inputOption.activeBorder#6B9B9B
inputValidation.errorBorder#C46B6B
inputValidation.infoBorder#7B9BB0
inputValidation.warningBorder#D4A86C
list.activeSelectionBackground#6B9B9B50
list.activeSelectionForeground#F5EDE5
list.dropBackground#6B9B9B30
list.errorForeground#C46B6B
list.focusBackground#6B9B9B40
list.highlightForeground#7FB0B0
list.hoverBackground#24202680
list.inactiveSelectionBackground#3D323850
list.warningForeground#D4A86C
menu.background#18161A
menu.foreground#E8E0D8
menu.selectionBackground#6B9B9B40
menu.selectionForeground#F5EDE5
menu.separatorBackground#3A3540
menubar.selectionBackground#6B9B9B40
menubar.selectionForeground#F5EDE5
minimap.background#18161A80
minimap.errorHighlight#C46B6B
minimap.findMatchHighlight#C9A86C80
minimap.selectionHighlight#6B9B9B60
minimap.warningHighlight#D4A86C
notificationCenter.border#3A3540
notificationCenterHeader.background#18161A
notificationCenterHeader.foreground#E8E0D8
notificationLink.foreground#7FB0B0
notifications.background#18161A
notifications.border#3A3540
notifications.foreground#E8E0D8
panel.background#121015
panel.border#3A3540
panelTitle.activeBorder#6B9B9B
panelTitle.activeForeground#E8E0D8
panelTitle.inactiveForeground#6D6259
peekView.border#6B9B9B
peekViewEditor.background#121015
peekViewEditor.matchHighlightBackground#C9A86C40
peekViewResult.background#18161A
peekViewResult.fileForeground#E8E0D8
peekViewResult.lineForeground#B0A59A
peekViewResult.matchHighlightBackground#C9A86C40
peekViewResult.selectionBackground#6B9B9B40
peekViewResult.selectionForeground#F5EDE5
peekViewTitle.background#18161A
peekViewTitleDescription.foreground#B0A59A
peekViewTitleLabel.foreground#7FB0B0
progressBar.background#6B9B9B
quickInput.background#18161A
quickInput.foreground#E8E0D8
quickInputList.focusBackground#6B9B9B40
quickInputTitle.background#121015
scrollbar.shadow#00000050
scrollbarSlider.activeBackground#6B9B9B60
scrollbarSlider.background#3A354050
scrollbarSlider.hoverBackground#4A455070
selection.background#6B9B9B40
settings.checkboxBackground#18161A
settings.checkboxBorder#3A3540
settings.checkboxForeground#E8E0D8
settings.dropdownBackground#18161A
settings.dropdownBorder#3A3540
settings.dropdownForeground#E8E0D8
settings.headerForeground#E8E0D8
settings.modifiedItemIndicator#6B9B9B
settings.numberInputBackground#121015
settings.numberInputBorder#3A3540
settings.numberInputForeground#E8E0D8
settings.textInputBackground#121015
settings.textInputBorder#3A3540
settings.textInputForeground#E8E0D8
sideBar.background#121015
sideBar.foreground#B0A59A
sideBarSectionHeader.background#18161A
sideBarSectionHeader.border#3A354000
sideBarSectionHeader.foreground#7FB0B0
sideBarTitle.foreground#E8E0D8
statusBar.background#121015
statusBar.border#3A354000
statusBar.debuggingBackground#6B8B8B
statusBar.debuggingForeground#F5EDE5
statusBar.foreground#B0A59A
statusBar.noFolderBackground#18161A
statusBar.noFolderForeground#B0A59A
statusBarItem.hoverBackground#3A3540
statusBarItem.prominentBackground#6B8B8B
statusBarItem.prominentHoverBackground#7B9B9B
statusBarItem.remoteBackground#6B8B8B
statusBarItem.remoteForeground#F5EDE5
tab.activeBackground#18161A
tab.activeBorderTop#6B9B9B
tab.activeForeground#E8E0D8
tab.border#121015
tab.hoverBackground#242026
tab.inactiveBackground#121015
tab.inactiveForeground#6D6259
tab.unfocusedActiveForeground#B0A59A
tab.unfocusedInactiveForeground#6D6259
terminal.ansiBlack#18161A
terminal.ansiBlue#7B9BB0
terminal.ansiBrightBlack#6D6259
terminal.ansiBrightBlue#8FAFC4
terminal.ansiBrightCyan#7FB0B0
terminal.ansiBrightGreen#8FC08F
terminal.ansiBrightMagenta#C4728A
terminal.ansiBrightRed#D88888
terminal.ansiBrightWhite#F5EDE5
terminal.ansiBrightYellow#E0BC82
terminal.ansiCyan#6B9B9B
terminal.ansiGreen#7BAB7B
terminal.ansiMagenta#A2546E
terminal.ansiRed#C46B6B
terminal.ansiWhite#E8E0D8
terminal.ansiYellow#D4A86C
terminal.background#18161A
terminal.foreground#E8E0D8
titleBar.activeBackground#121015
titleBar.activeForeground#E8E0D8
titleBar.border#3A354000
titleBar.inactiveBackground#121015
titleBar.inactiveForeground#6D6259
tree.indentGuidesStroke#3A354060

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
emphasis	—	italic
strong	—	bold
header	#6B9B9B	—
comment, punctuation.definition.comment	#6D6259	italic
comment keyword.codetag.notation, comment.block.documentation keyword, storage.type.class.jsdoc	#9B7BB0	—
comment.block.documentation variable.other, comment.block.documentation entity.name.type	#6B9B9B	italic
string	#C9A86C	—
punctuation.definition.string.begin, punctuation.definition.string.end	#A68B52	—
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end	#6B9B9B	—
meta.template.expression	#E8E0D8	—
constant, variable.other.constant	#D4B483	—
constant.numeric	#9B7BB0	—
constant.language.boolean	#C4728A	—
constant.language.null, constant.language.undefined	#C4728A	italic
keyword	#A2546E	—
storage.type, storage.modifier	#A2546E	italic
keyword.control	#A2546E	—
keyword.control.import, keyword.control.export, keyword.control.from	#A2546E	italic
entity.name.function, meta.function-call	#8B9EB0	—
variable.parameter	#D4B483	italic
storage.type.function.arrow	#A2546E	—
entity.name.type.class, entity.name.class	#6B9B9B	bold
entity.name.type.interface	#6B9B9B	italic
entity.name.type, support.type	#6B9B9B	italic
entity.name.type.parameter	#D4B483	—
variable	#E8E0D8	—
variable.language	#C4728A	italic
variable.other.property, meta.object-literal.key	#B0A59A	—
entity.name.tag	#A2546E	—
entity.other.attribute-name	#D4B483	italic
string.quoted.double.html, string.quoted.single.html	#C9A86C	—
meta.selector, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css	#6B9B9B	—
support.type.property-name.css	#8B9EB0	—
support.constant.property-value.css, meta.property-value.css	#D4B483	—
keyword.other.unit.css	#9B7BB0	—
entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css	#A2546E	—
keyword.operator	#A2546E	—
keyword.operator.comparison, keyword.operator.relational	#6B9B9B	—
keyword.operator.logical	#A2546E	—
punctuation	#B0A59A	—
punctuation.definition.block, meta.brace	#B0A59A	—
string.regexp	#C4728A	—
punctuation.definition.group.regexp, keyword.operator.quantifier.regexp	#9B7BB0	—
meta.decorator, punctuation.decorator	#9B7BB0	—
markup.heading, heading.1.markdown, heading.2.markdown, heading.3.markdown	#6B9B9B	bold
markup.bold	#D4B483	bold
markup.italic	#9B7BB0	italic
markup.underline.link, string.other.link	#8B9EB0	—
markup.inline.raw, markup.fenced_code.block	#C9A86C	—
markup.quote	#6D6259	italic
punctuation.definition.list.begin.markdown	#6B9B9B	—
support.type.property-name.json	#A2546E	—
string.quoted.double.json	#C9A86C	—
entity.name.tag.yaml	#A2546E	—
variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python, variable.language.special.self.python	#C4728A	italic
support.function.builtin.python, support.type.python	#8B9EB0	—
support.function.magic.python	#9B7BB0	italic
entity.name.function.decorator.python, meta.function.decorator.python	#9B7BB0	—
string.quoted.docstring.multi.python, string.quoted.docstring.single.python	#6D6259	italic
constant.character.format.placeholder.other.python	#6B9B9B	—
punctuation.definition.lifetime.rust, entity.name.lifetime.rust, storage.modifier.lifetime.rust	#C4728A	italic
entity.name.function.macro.rust, support.macro.rust, meta.macro.rust	#9B7BB0	—
meta.attribute.rust, punctuation.definition.attribute.rust, punctuation.brackets.attribute.rust	#6B9B9B	—
keyword.other.unsafe.rust	#C4728A	bold
storage.modifier.mut.rust	#A2546E	italic
entity.name.type.rust, entity.name.type.primitive.rust, support.type.primitive.rust	#6B9B9B	—
entity.name.type.trait.rust	#6B9B9B	italic
keyword.other.impl.rust	#A2546E	italic
variable.language.self.rust	#C4728A	italic
entity.name.module.rust, entity.name.namespace.rust	#6B9B9B	—
variable.language.this	#C4728A	italic
support.type.primitive.ts, support.type.builtin.ts	#6B9B9B	—
entity.name.package.go	#6B9B9B	—
support.function.builtin.go	#8B9EB0	—
keyword.control.directive.include, keyword.control.directive.define, keyword.control.directive.conditional, meta.preprocessor	#9B7BB0	—
support.type.sys-types.c, support.type.sys-types.cpp, storage.type.built-in.c, storage.type.built-in.cpp	#6B9B9B	—
support.function	#8B9EB0	—
support.class	#6B9B9B	—
support.constant	#D4B483	—
entity.name	#6B9B9B	—
entity.name.namespace, entity.name.module	#6B9B9B	—
invalid	#C4728A	underline
invalid.deprecated	#6D6259	strikethrough