PurpleSpace

Name: PurpleSpace
Author: YesCode

Publisher: YesCodeThemes in package: 12

Open in VS Code GitHub

Color themes

VS Code preview

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

PurpleSpace — PurpleOnlyDark

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#e2a9c35d
activityBar.background#17080f
activityBar.border#e2a9c35b
activityBar.foreground#ddd
activityBarBadge.background#360219
activityBarBadge.foreground#ddd
badge.background#686867
button.background#470424
editor.background#17080f
editor.findMatchBackground#5e042e
editor.findMatchHighlightBackground#49112b
editor.foreground#ffeef4
editor.hoverHighlightBackground#4b142e
editor.inactiveSelectionBackground#3d0e24a8
editor.lineHighlightBackground#3b031d81
editor.selectionBackground#460b27de
editorCursor.foreground#af165b
editorGroupHeader.tabsBackground#17080f
editorGutter.background#18000bea
editorHoverWidget.background#441028
editorIndentGuide.activeBackground#a0a0a071
editorLineNumber.activeForeground#fa4197
editorLineNumber.foreground#61545b
editorSuggestWidget.background#17080f
editorSuggestWidget.selectedBackground#36051c
editorWidget.background#08090a
focusBorder#17080f
input.background#30081a
input.border#53092c
input.placeholderForeground#fff
list.activeSelectionBackground#571e38
list.hoverBackground#330c1e
list.inactiveSelectionBackground#410420e3
menu.background#17080f
menu.border#e2a9c35d
minimap.background#46022227
minimapSlider.background#993d681a
notifications.background#17080f
notifications.border#571e38
panel.border#e2a9c3bd
quickInput.background#17080f
settings.checkboxBackground#17080f
settings.dropdownBackground#350d20
settings.textInputBackground#581434
sideBar.background#17080f
sideBar.border#e2a9c359
sideBarSectionHeader.background#17080f
sideBarSectionHeader.border#e2a9c36b
sideBarSectionHeader.foreground#fae4ee
sideBarTitle.foreground#fff
statusBar.background#17080f
statusBar.border#e2a9c315
statusBar.debuggingBackground#470223
statusBar.noFolderBackground#17080f
tab.activeBackground#4b0023
tab.activeBorder#17080f
tab.activeBorderTop#4b0023
tab.activeForeground#fde8f2
tab.border#17080f
tab.hoverBackground#6e07376b
tab.hoverBorder#af165b
tab.inactiveBackground#17080f
terminal.ansiBlack#1D2021
terminal.ansiBlue#00a1f9
terminal.ansiBrightBlack#665C54
terminal.ansiBrightBlue#0D6678
terminal.ansiBrightCyan#8BA59B
terminal.ansiBrightGreen#fa8dba
terminal.ansiBrightMagenta#8F4673
terminal.ansiBrightRed#FB543F
terminal.ansiBrightWhite#FDF4C1
terminal.ansiBrightYellow#f17abc
terminal.ansiCyan#8BA59B
terminal.ansiGreen#95C085
terminal.ansiMagenta#8F4673
terminal.ansiRed#FB543F
terminal.ansiWhite#A89984
terminal.ansiYellow#FAC03B
terminal.background#17080f
terminal.foreground#fcd8f3
terminalCursor.foreground#cc206b
titleBar.activeBackground#17080f
titleBar.activeForeground#ddd
titleBar.border#e2a9c315

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#776f73	italic
variable, string constant.other.placeholder	#f30876	—
constant.other.color	#ffffff	—
invalid, invalid.illegal	#FF5370	—
keyword, storage.type, storage.modifier	#f38bbc	italic
keyword.control, constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution	#d40b69	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter	#f1a0c6	—
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method	#0af794	—
meta.block variable.other	#f07178	—
support.other.variable, string.other.link	#f07178	—
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other	#b200f8	—
string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js	#e6f0bbdc	—
entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types	#FFCB6B	—
support.type	#B2CCD6	—
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name	#B2CCD6	—
entity.name.module.js, variable.import.parameter.js, variable.other.class.js	#FF5370	—
variable.language	#FF5370	italic
entity.name.method.js	#82AAFF	italic
meta.class-method.js entity.name.function.js, variable.function.constructor	#82AAFF	—
entity.other.attribute-name	#999666	—
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name	#ddd	italic
entity.other.attribute-name.class	#FFCB6B	—
source.sass keyword.control	#82AAFF	—
markup.inserted	#C3E88D	—
markup.deleted	#FF5370	—
markup.changed	#C792EA	—
string.regexp	#89DDFF	—
constant.character.escape	#89DDFF	—
url, link, uri	—	underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js	#82AAFF	italic
source.js constant.other.object.key.js string.unquoted.label.js	#FF5370	italic
source.json meta.structure.dictionary.json support.type.property-name.json	#C792EA	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#FFCB6B	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#F78C6C	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#FF5370	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#C17E70	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#82AAFF	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#f07178	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#C792EA	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#C3E88D	—
text.html.markdown, punctuation.definition.list_item.markdown	#EEFFFF	—
text.html.markdown markup.inline.raw.markdown	#C792EA	—
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown	#65737E	—
markdown.heading, markup.heading \| markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown	#C3E88D	—
markup.italic	#f07178	italic
markup.bold, markup.bold string	#f07178	bold
markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string	#f07178	bold
markup.underline	#F78C6C	underline
markup.quote punctuation.definition.blockquote.markdown	#65737E	—
markup.quote	—	italic
string.other.link.title.markdown	#82AAFF	—
string.other.link.description.title.markdown	#C792EA	—
constant.other.reference.link.markdown	#FFCB6B	—
markup.raw.block	#C792EA	—
markup.raw.block.fenced.markdown	#00000050	—
punctuation.definition.fenced.markdown	#00000050	—
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end	#EEFFFF	—
variable.language.fenced.markdown	#65737E	—
meta.separator	#65737E	bold
markup.table	#EEFFFF	—
source.python support.type.python	#d67e5c	—
string.interpolated.python string.quoted.single.python	#16b673	—
meta.function-call.generic.python	#16a3b6	—
storage.type.string.python, source.python meta.function-call.python support.type.python, entity.other.inherited-class.python	#49ace9	—
source.python, meta.function-call.arguments.python	#bce2fc	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter, support.type.exception.python	#73bca2	—
source.python support.type.python	#d67e5c	—
string.interpolated.python string.quoted.single.python	#16b673	—
meta.function-call.generic.python	#16a3b6	—
storage.type.string.python, source.python meta.function-call.python support.type.python, entity.other.inherited-class.python	#49ace9	—

VS Code preview

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

PurpleSpace — PurpleSpace

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#140114
activityBar.background#0c000c
activityBar.border#140114
activityBar.foreground#f3c2f3
activityBar.inactiveForeground#8d708d
activityBarBadge.background#350535
activityBarBadge.foreground#ddd
badge.background#580358
banner.background#29393f
breadcrumb.background#140114
breadcrumb.focusForeground#c090c0
breadcrumb.foreground#f0b3f0
button.background#380338
button.border#b350b3
button.foreground#ddd
button.hoverBackground#4e054e
button.secondaryBackground#532c69
button.secondaryForeground#ddd
button.secondaryHoverBackground#240433
checkbox.background#3b1e3c
checkbox.border#894686
checkbox.foreground#cdcdcd
descriptionForeground#e0dbe7
dropdown.border#894683
editor.background#140114
editor.findMatchBackground#97019760
editor.findMatchHighlightBackground#311331a8
editor.findMatchHighlightBorder#881b88
editor.foreground#eeffff
editor.hoverHighlightBackground#6e0a6ea6
editor.inactiveSelectionBackground#360936
editor.lineHighlightBackground#4d014d86
editor.lineHighlightBorder#5700579f
editor.rangeHighlightBackground#580458a9
editor.rangeHighlightBorder#9e069e
editor.selectionBackground#410941
editor.selectionHighlightBackground#ad16ad
editor.selectionHighlightBorder#972a47
editor.wordHighlightBackground#83038371
editor.wordHighlightBorder#642939
editor.wordHighlightStrongBackground#8b046983
editor.wordHighlightStrongBorder#ad29ad
editorBracketHighlight.foreground1#74dac3
editorBracketHighlight.foreground2#f59657
editorBracketHighlight.foreground3#25a1f5
editorBracketHighlight.foreground4#baec04
editorBracketHighlight.foreground5#00b8a3
editorBracketHighlight.foreground6#e75585
editorBracketMatch.background#720672a1
editorBracketMatch.border#9b229b50
editorCursor.foreground#f7f5fd
editorError.background#e22a2a8a
editorError.border#b88d00
editorError.foreground#ff0000
editorGroup.border#bb34bb
editorGroupHeader.tabsBackground#080008
editorGutter.background#140114
editorHoverWidget.background#290129
editorHoverWidget.border#6b246b
editorHoverWidget.foreground#fff
editorIndentGuide.activeBackground#b9007c
editorIndentGuide.background#962c9681
editorInfo.border#5e479e
editorLineNumber.activeForeground#ca2cca
editorLineNumber.foreground#694669
editorOverviewRuler.border#140114
editorOverviewRuler.findMatchForeground#8d068d
editorSuggestWidget.background#140114
editorSuggestWidget.border#5a185a
editorSuggestWidget.focusHighlightForeground#989999
editorSuggestWidget.foreground#f5d9eb
editorSuggestWidget.highlightForeground#67ec88
editorSuggestWidget.selectedBackground#470347
editorSuggestWidget.selectedForeground#fff
editorSuggestWidget.selectedIconForeground#ff00f2
editorWidget.background#240124
editorWidget.border#a33fa3
editorWidget.foreground#f0c1f0
editorWidget.resizeBorder#880888
focusBorder#ad58ad
foreground#ebc1eb
icon.foreground#ec79ec
input.background#5c065c71
input.border#942e94
input.foreground#e68de6
input.placeholderForeground#fff
inputOption.activeBackground#2e042eda
inputOption.activeBorder#991399
inputOption.activeForeground#f1ccf1
inputOption.hoverBackground#692c7c
list.activeSelectionBackground#530353
list.activeSelectionForeground#fff
list.activeSelectionIconForeground#f883f8
list.deemphasizedForeground#cdcdcd
list.hoverBackground#440344
list.hoverForeground#fff
list.inactiveSelectionBackground#290329
list.inactiveSelectionForeground#f19af1
list.inactiveSelectionIconForeground#cc53cc
menu.background#140114
menu.border#140114
menu.foreground#f8bcf8
menu.selectionBorder#7e367e
menu.selectionForeground#fff
menu.separatorBackground#b458b4
menubar.selectionBackground#330933
menubar.selectionForeground#eba0eb
minimap.selectionHighlight#3d45495e
minimapSlider.activeBackground#00000028
minimapSlider.background#0000001a
minimapSlider.hoverBackground#2a0b7a4d
notifications.background#140114
notifications.border#140114
notifications.foreground#fff
panel.background#0f000f
panel.border#af1eaf
panelTitle.activeBorder#f1a2f1
panelTitle.activeForeground#fff
panelTitle.inactiveForeground#d398d3
quickInput.background#140114
quickInput.foreground#fff
quickInputList.focusBackground#5c0e5cb7
quickInputList.focusForeground#fff
quickInputList.focusIconForeground#dd8bdd
scrollbarSlider.activeBackground#6e096e
scrollbarSlider.background#500650b0
scrollbarSlider.hoverBackground#7c0f7c
settings.checkboxBackground#140114
settings.checkboxBorder#c246c2
settings.checkboxForeground#f0b6c5
settings.dropdownBackground#140114
settings.dropdownBorder#c246c2
settings.dropdownForeground#f1cfd8
settings.focusedRowBackground#3502357a
settings.focusedRowBorder#c246c2
settings.headerBorder#c246c2
settings.headerForeground#eb54eb
settings.modifiedItemIndicator#c246c2
settings.numberInputBackground#6e076e49
settings.numberInputBorder#c246c2
settings.numberInputForeground#eca5ec
settings.rowHoverBackground#52025273
settings.sashBorder#c246c2
settings.textInputBackground#270227
settings.textInputBorder#c246c2
settings.textInputForeground#f1c5f1
sideBar.background#080008
sideBar.border#140114
sideBar.foreground#d3b8d3
sideBarSectionHeader.background#080008
sideBarSectionHeader.border#140114
sideBarSectionHeader.foreground#dba6db
sideBarTitle.foreground#f5daf5
statusBar.background#080008
statusBar.border#140114
statusBar.debuggingBackground#420142
statusBar.debuggingForeground#fff
statusBar.foreground#fcd0fc
statusBar.noFolderBackground#500250
statusBarItem.hoverBackground#531053
statusBarItem.remoteForeground#f1a1f1
tab.activeBackground#140114
tab.activeBorder#140114
tab.activeBorderTop#850085
tab.activeForeground#ffe3f9
tab.border#140114
tab.hoverBackground#5a0a5a71
tab.hoverBorder#140114
tab.hoverForeground#f577f5
tab.inactiveBackground#080008
tab.inactiveForeground#f3f0f3
terminal.ansiBlack#1D2021
terminal.ansiBlue#00a1f9
terminal.ansiBrightBlack#665C54
terminal.ansiBrightBlue#0D6678
terminal.ansiBrightCyan#8BA59B
terminal.ansiBrightGreen#f571f5
terminal.ansiBrightMagenta#8F4673
terminal.ansiBrightRed#FB543F
terminal.ansiBrightWhite#FDF4C1
terminal.ansiBrightYellow#f7cbf7
terminal.ansiCyan#8BA59B
terminal.ansiGreen#95C085
terminal.ansiMagenta#f7d2e8
terminal.ansiRed#FB543F
terminal.ansiWhite#A89984
terminal.ansiYellow#FAC03B
terminal.background#140114
terminal.findMatchBackground#510853
terminal.findMatchHighlightBackground#421344ab
terminal.foreground#db9ff7
terminal.selectionBackground#3d0b3dc7
terminal.selectionForeground#daa6da
terminalCursor.foreground#ddd
terminalOverviewRuler.cursorForeground#8d368d
titleBar.activeBackground#080008
titleBar.activeForeground#fdfafd
titleBar.border#140114
titleBar.inactiveBackground#140114cb
titleBar.inactiveForeground#fff
tree.indentGuidesStroke#ec79ec
widget.shadow#7e047e42

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#58547a	italic
variable, string constant.other.placeholder	#00f7ad	—
constant.other.color	#ffffff	—
invalid, invalid.illegal	#FF5370	—
keyword, storage.type, storage.modifier	#b648ff	—
keyword.control, constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution	#f35b5be1	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter	#ff849f	—
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method	#f38653	—
meta.block variable.other	#f0bd71e3	—
support.other.variable, string.other.link	#f07178	—
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other	#83dbf1	—
string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js	#f5799e	—
entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types	#ec1668	—
support.type	#B2CCD6	—
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name	#B2CCD6	—
entity.name.module.js, variable.import.parameter.js, variable.other.class.js	#FF5370	—
variable.language	#FF5370	italic
entity.name.method.js	#82AAFF	italic
meta.class-method.js entity.name.function.js, variable.function.constructor	#82AAFF	—
entity.other.attribute-name	#b6899e	—
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name	#FFCB6B	italic
entity.other.attribute-name.class	#FFCB6B	—
source.sass keyword.control	#82AAFF	—
markup.inserted	#C3E88D	—
markup.deleted	#FF5370	—
markup.changed	#C792EA	—
string.regexp	#89DDFF	—
constant.character.escape	#89DDFF	—
url, link, uri	—	underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js	#82AAFF	italic
source.js constant.other.object.key.js string.unquoted.label.js	#FF5370	italic
source.json meta.structure.dictionary.json support.type.property-name.json	#C792EA	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#FFCB6B	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#F78C6C	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#FF5370	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#C17E70	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#82AAFF	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#f07178	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#C792EA	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#C3E88D	—
text.html.markdown, punctuation.definition.list_item.markdown	#EEFFFF	—
text.html.markdown markup.inline.raw.markdown	#C792EA	—
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown	#65737E	—
markdown.heading, markup.heading \| markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown	#C3E88D	—
markup.italic	#f07178	italic
markup.bold, markup.bold string	#f07178	bold
markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string	#f07178	bold
markup.underline	#F78C6C	underline
markup.quote punctuation.definition.blockquote.markdown	#65737E	—
markup.quote	—	italic
string.other.link.title.markdown	#82AAFF	—
string.other.link.description.title.markdown	#C792EA	—
constant.other.reference.link.markdown	#FFCB6B	—
markup.raw.block	#C792EA	—
markup.raw.block.fenced.markdown	#00000050	—
punctuation.definition.fenced.markdown	#00000050	—
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end	#EEFFFF	—
variable.language.fenced.markdown	#65737E	—
meta.separator	#65737E	bold
markup.table	#EEFFFF	—
source.python support.type.python	#d67e5c	—
string.interpolated.python string.quoted.single.python	#16b673	—
meta.function-call.generic.python	#16a3b6	—
storage.type.string.python, source.python meta.function-call.python support.type.python, entity.other.inherited-class.python	#49ace9	—
source.python, meta.function-call.arguments.python	#bce2fc	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter, support.type.exception.python	#73bca2	—
source.python support.type.python	#d67e5c	—
string.interpolated.python string.quoted.single.python	#16b673	—
meta.function-call.generic.python	#16a3b6	—
storage.type.string.python, source.python meta.function-call.python support.type.python, entity.other.inherited-class.python	#49ace9	—

VS Code preview

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

PurpleSpace — PurpleSpaceII

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#190220
activityBar.background#0c000c
activityBar.border#190220
activityBar.foreground#edb4ff
activityBar.inactiveForeground#937f99
activityBarBadge.background#350535
activityBarBadge.foreground#ddd
badge.background#520669
banner.background#29393f
breadcrumb.background#190220
breadcrumb.focusForeground#c090c0
breadcrumb.foreground#f0b3f0
button.background#380338
button.border#b350b3
button.foreground#ddd
button.hoverBackground#4e054e
button.secondaryBackground#532c69
button.secondaryForeground#ddd
button.secondaryHoverBackground#240433
checkbox.background#3b1e3c
checkbox.border#894686
checkbox.foreground#cdcdcd
descriptionForeground#e0dbe7
dropdown.border#894683
editor.background#190220
editor.findMatchBackground#97019760
editor.findMatchHighlightBackground#311331a8
editor.findMatchHighlightBorder#881b88
editor.foreground#eeffff
editor.hoverHighlightBackground#520452bb
editor.inactiveSelectionBackground#360936
editor.lineHighlightBackground#53036b48
editor.lineHighlightBorder#4b0361
editor.rangeHighlightBackground#580458a9
editor.rangeHighlightBorder#9e069e
editor.selectionBackground#410941
editor.selectionHighlightBackground#ad16ad
editor.selectionHighlightBorder#972a47
editor.wordHighlightBackground#830383a2
editor.wordHighlightBorder#642939
editor.wordHighlightStrongBackground#8b0443c0
editor.wordHighlightStrongBorder#ad29ad
editorBracketHighlight.foreground1#74dac3
editorBracketHighlight.foreground2#f59657
editorBracketHighlight.foreground3#25a1f5
editorBracketHighlight.foreground4#baec04
editorBracketHighlight.foreground5#00b8a3
editorBracketHighlight.foreground6#e75585
editorBracketMatch.background#1d2731b9
editorBracketMatch.border#9b229b50
editorCursor.foreground#f7f5fd
editorError.background#e22a2a8a
editorError.border#b88d00
editorError.foreground#ff0000
editorGroup.border#bb34bb
editorGroupHeader.tabsBackground#080008
editorGutter.background#140114
editorHoverWidget.background#260231
editorHoverWidget.border#4e1161
editorHoverWidget.foreground#fff
editorIndentGuide.activeBackground#b9007c
editorIndentGuide.background#962c9681
editorInfo.border#5e479e
editorLineNumber.activeForeground#d368f3
editorLineNumber.foreground#6e4b79
editorOverviewRuler.border#220522
editorOverviewRuler.findMatchForeground#8d068d
editorSuggestWidget.background#140114
editorSuggestWidget.border#220522
editorSuggestWidget.focusHighlightForeground#989999
editorSuggestWidget.foreground#f5d9eb
editorSuggestWidget.highlightForeground#67ec88
editorSuggestWidget.selectedBackground#470347
editorSuggestWidget.selectedForeground#fff
editorSuggestWidget.selectedIconForeground#c532f1
editorWidget.background#140114
editorWidget.border#a33fa3
editorWidget.foreground#f0c1f0
editorWidget.resizeBorder#880888
focusBorder#8f40a7
foreground#ebc1eb
icon.foreground#cb6ee7
input.background#3d173d9d
input.border#903fa8
input.foreground#e68de6
input.placeholderForeground#fff
inputOption.activeBackground#460858
inputOption.activeBorder#d368f3
inputOption.activeForeground#f1ccf1
inputOption.hoverBackground#692c7c
list.activeSelectionBackground#530353
list.activeSelectionForeground#fff
list.activeSelectionIconForeground#cd57f1
list.deemphasizedForeground#cdcdcd
list.hoverBackground#2e022e
list.hoverForeground#fff
list.inactiveSelectionBackground#290329
list.inactiveSelectionForeground#e0a2f3
list.inactiveSelectionIconForeground#d05df3
menu.background#140114
menu.border#472652
menu.foreground#f8bcf8
menu.selectionBorder#7e367e
menu.selectionForeground#fff
menu.separatorBackground#b458b4
menubar.selectionBackground#330933
menubar.selectionForeground#eba0eb
minimap.selectionHighlight#3d45495e
minimapSlider.activeBackground#00000028
minimapSlider.background#0000001a
minimapSlider.hoverBackground#2a0b7a4d
notifications.background#140114
notifications.border#190220
notifications.foreground#fff
panel.background#0f000f
panel.border#9c3bb9
panelTitle.activeBorder#f1a2f1
panelTitle.activeForeground#fff
panelTitle.inactiveForeground#d398d3
quickInput.background#140114
quickInput.foreground#fff
quickInputList.focusBackground#5c0e5cb7
quickInputList.focusForeground#fff
quickInputList.focusIconForeground#ca8add
scrollbarSlider.activeBackground#6e096e
scrollbarSlider.background#500650b0
scrollbarSlider.hoverBackground#7c0f7c
settings.checkboxBackground#140114
settings.checkboxBorder#d368f3
settings.checkboxForeground#f0b6c5
settings.dropdownBackground#140114
settings.dropdownBorder#d368f3
settings.dropdownForeground#f1cfd8
settings.focusedRowBackground#2502357a
settings.focusedRowBorder#d368f3
settings.headerBorder#d368f3
settings.headerForeground#d368f3
settings.modifiedItemIndicator#d368f3
settings.numberInputBackground#43085550
settings.numberInputBorder#d368f3
settings.numberInputForeground#d368f3
settings.rowHoverBackground#39025273
settings.sashBorder#d368f3
settings.textInputBackground#270227
settings.textInputBorder#d368f3
settings.textInputForeground#f1c5f1
sideBar.background#080008
sideBar.border#190220
sideBar.foreground#f8e8fd
sideBarSectionHeader.background#080008
sideBarSectionHeader.border#190220
sideBarSectionHeader.foreground#dba6db
sideBarTitle.foreground#f5daf5
statusBar.background#080008
statusBar.border#190220
statusBar.debuggingBackground#420142
statusBar.debuggingForeground#fff
statusBar.foreground#fcd0fc
statusBar.noFolderBackground#500250
statusBarItem.hoverBackground#531053
statusBarItem.remoteForeground#f1a1f1
tab.activeBackground#140114
tab.activeBorder#140114
tab.activeBorderTop#850085
tab.activeForeground#ffe3f9
tab.border#140114
tab.hoverBackground#5a0a5a71
tab.hoverBorder#190220
tab.hoverForeground#f577f5
tab.inactiveBackground#080008
tab.inactiveForeground#f3f0f3
terminal.ansiBlack#1D2021
terminal.ansiBlue#00a1f9
terminal.ansiBrightBlack#665C54
terminal.ansiBrightBlue#0D6678
terminal.ansiBrightCyan#8BA59B
terminal.ansiBrightGreen#da70fa
terminal.ansiBrightMagenta#8F4673
terminal.ansiBrightRed#FB543F
terminal.ansiBrightWhite#FDF4C1
terminal.ansiBrightYellow#f7cbf7
terminal.ansiCyan#8BA59B
terminal.ansiGreen#95C085
terminal.ansiMagenta#f7d2e8
terminal.ansiRed#FB543F
terminal.ansiWhite#A89984
terminal.ansiYellow#FAC03B
terminal.background#140114
terminal.findMatchBackground#510853
terminal.findMatchHighlightBackground#421344ab
terminal.foreground#db9ff7
terminal.selectionBackground#3d0b3dc7
terminal.selectionForeground#daa6da
terminalCursor.foreground#ddd
terminalOverviewRuler.cursorForeground#8d368d
titleBar.activeBackground#080008
titleBar.activeForeground#fdfafd
titleBar.border#190220
titleBar.inactiveBackground#140114cb
titleBar.inactiveForeground#fff
tree.indentGuidesStroke#ec79ec
widget.shadow#7e047e42

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#58547a	italic
variable, string constant.other.placeholder	#83dbf1	—
constant.other.color	#ffffff	—
invalid, invalid.illegal	#FF5370	—
keyword, storage.type, storage.modifier	#f35b5be1	—
keyword.control, constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution	#b648ff	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter	#ff849f	—
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method	#e6ad92	—
meta.block variable.other	#f0bd71e3	—
support.other.variable, string.other.link	#f07178	—
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other	#00f7ad	—
string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js	#f5799e	—
entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types	#ec1668	—
support.type	#f38653	—
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name	#B2CCD6	—
entity.name.module.js, variable.import.parameter.js, variable.other.class.js	#FF5370	—
variable.language	#FF5370	italic
entity.name.method.js	#82AAFF	italic
meta.class-method.js entity.name.function.js, variable.function.constructor	#82AAFF	—
entity.other.attribute-name	#b6899e	—
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name	#FFCB6B	italic
entity.other.attribute-name.class	#FFCB6B	—
source.sass keyword.control	#82AAFF	—
markup.inserted	#C3E88D	—
markup.deleted	#FF5370	—
markup.changed	#C792EA	—
string.regexp	#89DDFF	—
constant.character.escape	#89DDFF	—
url, link, uri	—	underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js	#82AAFF	italic
source.js constant.other.object.key.js string.unquoted.label.js	#FF5370	italic
source.json meta.structure.dictionary.json support.type.property-name.json	#C792EA	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#FFCB6B	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#F78C6C	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#FF5370	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#C17E70	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#82AAFF	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#f07178	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#C792EA	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#C3E88D	—
text.html.markdown, punctuation.definition.list_item.markdown	#EEFFFF	—
text.html.markdown markup.inline.raw.markdown	#C792EA	—
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown	#65737E	—
markdown.heading, markup.heading \| markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown	#C3E88D	—
markup.italic	#f07178	italic
markup.bold, markup.bold string	#f07178	bold
markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string	#f07178	bold
markup.underline	#F78C6C	underline
markup.quote punctuation.definition.blockquote.markdown	#65737E	—
markup.quote	—	italic
string.other.link.title.markdown	#82AAFF	—
string.other.link.description.title.markdown	#C792EA	—
constant.other.reference.link.markdown	#FFCB6B	—
markup.raw.block	#C792EA	—
markup.raw.block.fenced.markdown	#00000050	—
punctuation.definition.fenced.markdown	#00000050	—
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end	#EEFFFF	—
variable.language.fenced.markdown	#65737E	—
meta.separator	#65737E	bold
markup.table	#EEFFFF	—
source.python support.type.python	#d67e5c	—
string.interpolated.python string.quoted.single.python	#16b673	—
meta.function-call.generic.python	#16a3b6	—
storage.type.string.python, source.python meta.function-call.python support.type.python, entity.other.inherited-class.python	#49ace9	—
source.python, meta.function-call.arguments.python	#bce2fc	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter, support.type.exception.python	#73bca2	—
source.python support.type.python	#d67e5c	—
string.interpolated.python string.quoted.single.python	#16b673	—
meta.function-call.generic.python	#16a3b6	—
storage.type.string.python, source.python meta.function-call.python support.type.python, entity.other.inherited-class.python	#49ace9	—

VS Code preview

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

PurpleSpace — PurpleSpaceIII

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#1b011b
activityBar.activeBorder#220522
activityBar.background#0c000c
activityBar.border#220522
activityBar.foreground#f7a1f7
activityBar.inactiveForeground#916e91
activityBarBadge.background#05524e
activityBarBadge.foreground#ddd
badge.background#680168
banner.background#29393f
breadcrumb.background#220522
breadcrumb.focusForeground#c090c0
breadcrumb.foreground#f0b3f0
button.background#380338
button.border#b350b3
button.foreground#ddd
button.hoverBackground#0b297c
button.secondaryBackground#532c69
button.secondaryForeground#ddd
button.secondaryHoverBackground#240433
checkbox.background#3b1e3c
checkbox.border#894686
checkbox.foreground#cdcdcd
descriptionForeground#e0dbe7
dropdown.border#894683
editor.background#220522
editor.findMatchBackground#7e0a7e60
editor.findMatchHighlightBackground#311331a8
editor.findMatchHighlightBorder#881b88
editor.foreground#eeffff
editor.hoverHighlightBackground#520452
editor.inactiveSelectionBackground#580b5875
editor.lineHighlightBackground#3d083dcb
editor.lineHighlightBorder#5700576b
editor.rangeHighlightBackground#580458a9
editor.rangeHighlightBorder#9e069e
editor.selectionBackground#440768e7
editor.selectionHighlightBackground#ad16adcb
editor.selectionHighlightBorder#972a47
editor.wordHighlightBackground#83038393
editor.wordHighlightBorder#642939
editor.wordHighlightStrongBackground#8b0443c0
editor.wordHighlightStrongBorder#ad29ad
editorBracketHighlight.foreground1#74dac3
editorBracketHighlight.foreground2#f59657
editorBracketHighlight.foreground3#25a1f5
editorBracketHighlight.foreground4#baec04
editorBracketHighlight.foreground5#00b8a3
editorBracketHighlight.foreground6#e75585
editorBracketMatch.background#1d2731b9
editorBracketMatch.border#9b229b50
editorCursor.foreground#f7f5fd
editorError.background#e22a2a8a
editorError.border#b88d00
editorError.foreground#ff0000
editorGroup.border#bb34bb
editorGroupHeader.tabsBackground#1b001b
editorGutter.background#220522
editorHoverWidget.background#310431
editorHoverWidget.border#5f2b5f
editorHoverWidget.foreground#fff
editorIndentGuide.activeBackground#490749
editorIndentGuide.background#962c9681
editorInfo.border#5e479e
editorLineNumber.activeForeground#d809d8
editorLineNumber.foreground#795b79
editorOverviewRuler.border#220522
editorOverviewRuler.findMatchForeground#8d068d
editorSuggestWidget.background#220522
editorSuggestWidget.border#460e46
editorSuggestWidget.focusHighlightForeground#989999
editorSuggestWidget.foreground#f5d9eb
editorSuggestWidget.highlightForeground#67ec88
editorSuggestWidget.selectedBackground#470347
editorSuggestWidget.selectedForeground#fff
editorSuggestWidget.selectedIconForeground#ff00f2
editorWidget.background#1b011b
editorWidget.border#a33fa3
editorWidget.foreground#fad4fa
editorWidget.resizeBorder#062b8f
focusBorder#701d70
foreground#ebc1eb
icon.foreground#cb6ee7
input.background#3d173d9d
input.border#b43fb496
input.foreground#e68de6
input.placeholderForeground#fff
inputOption.activeBackground#460858
inputOption.activeBorder#b43fb4
inputOption.activeForeground#f1ccf1
inputOption.hoverBackground#692c7c
list.activeSelectionBackground#530353
list.activeSelectionForeground#fff
list.activeSelectionIconForeground#cd57f1
list.deemphasizedForeground#cdcdcd
list.hoverBackground#500850
list.hoverForeground#fff
list.inactiveSelectionBackground#3f033f
list.inactiveSelectionForeground#e0a2f3
list.inactiveSelectionIconForeground#d05df3
menu.background#220522
menu.border#b43fb47a
menu.foreground#f8bcf8
menu.selectionBorder#7e367e
menu.selectionForeground#fff
menu.separatorBackground#b458b4
menubar.selectionBackground#330933
menubar.selectionForeground#eba0eb
minimap.selectionHighlight#3d45495e
minimapSlider.activeBackground#00000028
minimapSlider.background#0000001a
minimapSlider.hoverBackground#2a0b7a4d
notifications.background#220522
notifications.border#220522
notifications.foreground#fff
panel.background#0f000f
panel.border#8a2f8a
panelTitle.activeBorder#f1a2f1
panelTitle.activeForeground#fff
panelTitle.inactiveForeground#d398d3
quickInput.background#220522
quickInput.foreground#fff
quickInputList.focusBackground#5c0e5cb7
quickInputList.focusForeground#fff
quickInputList.focusIconForeground#ca8add
scrollbarSlider.activeBackground#6e096e
scrollbarSlider.background#530c53
scrollbarSlider.hoverBackground#7c0f7c
settings.checkboxBackground#220522
settings.checkboxBorder#b43fb4
settings.checkboxForeground#f0b6c5
settings.dropdownBackground#220522
settings.dropdownBorder#b43fb4
settings.dropdownForeground#f1cfd8
settings.focusedRowBackground#2502357a
settings.focusedRowBorder#b43fb4
settings.headerBorder#b43fb4
settings.headerForeground#fa6efa
settings.modifiedItemIndicator#f580f5
settings.numberInputBackground#43085550
settings.numberInputBorder#b43fb4
settings.numberInputForeground#d368f3
settings.rowHoverBackground#39025273
settings.sashBorder#b43fb4
settings.textInputBackground#270227
settings.textInputBorder#b43fb4
settings.textInputForeground#f587f5
sideBar.background#1b001b
sideBar.border#220522
sideBar.foreground#ddd
sideBarSectionHeader.background#1b001b
sideBarSectionHeader.border#220522
sideBarSectionHeader.foreground#dba6db
sideBarTitle.foreground#f5daf5
statusBar.background#1b001b
statusBar.border#220522
statusBar.debuggingBackground#420142
statusBar.debuggingForeground#fff
statusBar.foreground#fcd0fc
statusBar.noFolderBackground#500250
statusBarItem.hoverBackground#531053
statusBarItem.remoteForeground#f1a1f1
tab.activeBackground#220522
tab.activeBorder#220522
tab.activeBorderTop#850085
tab.activeForeground#ffe3f9
tab.border#1b001b
tab.hoverBackground#5a0a5a71
tab.hoverBorder#220522
tab.hoverForeground#f577f5
tab.inactiveBackground#1b001b
tab.inactiveForeground#f3f0f3
terminal.ansiBlack#1D2021
terminal.ansiBlue#00a1f9
terminal.ansiBrightBlack#665C54
terminal.ansiBrightBlue#0D6678
terminal.ansiBrightCyan#8BA59B
terminal.ansiBrightGreen#ffa500
terminal.ansiBrightMagenta#8F4673
terminal.ansiBrightRed#FB543F
terminal.ansiBrightWhite#FDF4C1
terminal.ansiBrightYellow#f7cbf7
terminal.ansiCyan#8BA59B
terminal.ansiGreen#95C085
terminal.ansiMagenta#f7d2e8
terminal.ansiRed#FB543F
terminal.ansiWhite#A89984
terminal.ansiYellow#FAC03B
terminal.background#130113
terminal.findMatchBackground#510853
terminal.findMatchHighlightBackground#421344ab
terminal.foreground#acabac
terminal.selectionBackground#3d0b3dc7
terminal.selectionForeground#daa6da
terminalCursor.foreground#830983
terminalOverviewRuler.cursorForeground#8d368d
titleBar.activeBackground#1b001b
titleBar.activeForeground#fdfafd
titleBar.border#220522
titleBar.inactiveBackground#140114cb
titleBar.inactiveForeground#fff
tree.indentGuidesStroke#ec79ec
widget.shadow#7e047e42

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#58547a	italic
variable, string constant.other.placeholder	#dce5aa	—
constant.other.color	#ffffff	—
invalid, invalid.illegal	#FF5370	—
keyword, storage.type, storage.modifier	#60e4c3	—
keyword.control, constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution	#f8d285	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter	#9DADBF	—
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method	#8e9ef7	italic bold
meta.block variable.other	#f0bd71e3	—
support.other.variable, string.other.link	#f07178	—
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other	#FFF7D6	—
string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js	#f7ac95	—
entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types	#ec1668	—
support.type	#B2CCD6	—
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name	#B2CCD6	—
entity.name.module.js, variable.import.parameter.js, variable.other.class.js	#FF5370	—
variable.language	#FF5370	italic
entity.name.method.js	#82AAFF	italic
meta.class-method.js entity.name.function.js, variable.function.constructor	#82AAFF	—
entity.other.attribute-name	#b6899e	—
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name	#FFCB6B	italic
entity.other.attribute-name.class	#FFCB6B	—
source.sass keyword.control	#82AAFF	—
markup.inserted	#C3E88D	—
markup.deleted	#FF5370	—
markup.changed	#C792EA	—
string.regexp	#89DDFF	—
constant.character.escape	#89DDFF	—
url, link, uri	—	underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js	#82AAFF	italic
source.js constant.other.object.key.js string.unquoted.label.js	#FF5370	italic
source.json meta.structure.dictionary.json support.type.property-name.json	#C792EA	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#FFCB6B	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#F78C6C	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#FF5370	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#C17E70	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#82AAFF	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#f07178	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#C792EA	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#C3E88D	—
text.html.markdown, punctuation.definition.list_item.markdown	#EEFFFF	—
text.html.markdown markup.inline.raw.markdown	#C792EA	—
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown	#65737E	—
markdown.heading, markup.heading \| markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown	#C3E88D	—
markup.italic	#f07178	italic
markup.bold, markup.bold string	#f07178	bold
markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string	#f07178	bold
markup.underline	#F78C6C	underline
markup.quote punctuation.definition.blockquote.markdown	#65737E	—
markup.quote	—	italic
string.other.link.title.markdown	#82AAFF	—
string.other.link.description.title.markdown	#C792EA	—
constant.other.reference.link.markdown	#FFCB6B	—
markup.raw.block	#C792EA	—
markup.raw.block.fenced.markdown	#00000050	—
punctuation.definition.fenced.markdown	#00000050	—
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end	#EEFFFF	—
variable.language.fenced.markdown	#65737E	—
meta.separator	#65737E	bold
markup.table	#EEFFFF	—
source.python support.type.python	#d67e5c	—
string.interpolated.python string.quoted.single.python	#16b673	—
meta.function-call.generic.python	#16a3b6	—
storage.type.string.python, source.python meta.function-call.python support.type.python, entity.other.inherited-class.python	#49ace9	—
source.python, meta.function-call.arguments.python	#bce2fc	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter, support.type.exception.python	#73bca2	—
source.python support.type.python	#d67e5c	—
string.interpolated.python string.quoted.single.python	#16b673	—
meta.function-call.generic.python	#16a3b6	—
storage.type.string.python, source.python meta.function-call.python support.type.python, entity.other.inherited-class.python	#49ace9	—