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 — PurpleSpace IV Dark

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
export interface User {
  id: string;
  name: string;
  role: "admin" | "member";
  tags: string[];
}

/**
 * Fetch user data by ID
 * @param id
 * @returns User object or null if ID is invalid
 */
export async function fetchUser(id: string): Promise<User | null> {
  if (!id) {
    return null;
  }

  const response = await fetch(`/api/users/${id}`, {
    method: "GET",
    headers: { Accept: "application/json" },
  });

  if (!response.ok) {
    throw new Error(`HTTP ${response.status}`);
  }

  return (await response.json()) as User;
}

function greet(user: User): string {
  // Simple greeting function that uses the user's name
  return `Hello, ${user.name}!`;
}

Problems1

Output

Debug Console

Terminal

Ports

~/my-project $ pnpm dev
▲ Next.js ready on http://localhost:3000
✓ compiled client and server successfully in 412ms
wait - compiling /theme/vscode...
~/my-project $

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBackground#09060e
activityBar.activeBorder#af9bf7
activityBar.background#0e0914
activityBar.foreground#aae7e9
activityBar.inactiveForeground#897db8
activityBarBadge.background#032c2e
activityBarBadge.foreground#d5cef0
badge.background#411274
badge.foreground#fff
banner.background#33293f
breadcrumb.background#09060e
breadcrumb.focusForeground#fff
breadcrumb.foreground#c2b5f0
button.background#4c26b470
button.border#8f75ec
button.foreground#e6d4f5
button.hoverBackground#3e0480
button.secondaryBackground#340c5c
button.secondaryForeground#ddd
button.secondaryHoverBackground#4227a7
checkbox.background#0e0914
checkbox.border#8f75ec
checkbox.foreground#cdcdcd
descriptionForeground#dfd5ee
dropdown.border#7850b8
editor.background#09060e
editor.findMatchBackground#290750ad
editor.findMatchHighlightBackground#302f6c60
editor.findMatchHighlightBorder#2e0c64c7
editor.foreground#cdcdcd
editor.hoverHighlightBackground#32026894
editor.inactiveSelectionBackground#441b709f
editor.lineHighlightBackground#0e0914
editor.lineHighlightBorder#462f5f71
editor.rangeHighlightBackground#47034949
editor.rangeHighlightBorder#5e2f6c
editor.selectionBackground#441b709f
editor.selectionHighlightBackground#403159
editor.selectionHighlightBorder#967c98
editor.wordHighlightBackground#2e0649e0
editor.wordHighlightBorder#0e0914
editor.wordHighlightStrongBackground#094e5f98
editor.wordHighlightStrongBorder#602f6c
editorBracketHighlight.foreground1#75e8ec
editorBracketHighlight.foreground2#ffeaa7
editorBracketHighlight.foreground3#dfe6e9
editorBracketHighlight.foreground4#baec04
editorBracketHighlight.foreground5#81ecec
editorBracketHighlight.foreground6#dce285
editorBracketMatch.background#4f2f6c93
editorBracketMatch.border#462f6c
editorCursor.foreground#cba2f7
editorError.background#f4425165
editorError.border#ec3535
editorError.foreground#ff0000
editorGroup.border#4f2f6c
editorGroupHeader.tabsBackground#0e0914
editorGroupHeader.tabsBorder#7450b857
editorGutter.background#09060e
editorHoverWidget.background#09060e
editorHoverWidget.border#6750b8
editorHoverWidget.foreground#c1abdd
editorIndentGuide.activeBackground#6c3e9e
editorIndentGuide.background#7a9ff017
editorInfo.border#462f6c
editorLineNumber.activeForeground#9562cc
editorLineNumber.foreground#6f6080e5
editorOverviewRuler.border#09060e
editorOverviewRuler.findMatchForeground#8f75ecd5
editorSuggestWidget.background#09060e
editorSuggestWidget.border#6c50b86c
editorSuggestWidget.focusHighlightForeground#f1e1a8
editorSuggestWidget.foreground#d3dadd
editorSuggestWidget.highlightForeground#fab1a0
editorSuggestWidget.selectedBackground#260842b7
editorSuggestWidget.selectedForeground#9ae6cc
editorSuggestWidget.selectedIconForeground#c17ae2
editorWidget.background#12071f
editorWidget.border#8f75ec
editorWidget.foreground#c8f1e4
editorWidget.resizeBorder#8f75ec
focusBorder#8f75ec
foreground#c3b2e2
icon.foreground#75e8ec
input.background#0e0914
input.border#9f75ecb0
input.foreground#d8e1f0
input.placeholderForeground#ddd
inputOption.activeBackground#2e0450dc
inputOption.activeBorder#8f75ec
inputOption.activeForeground#e5cdf8
inputOption.hoverBackground#3f0746
list.activeSelectionBackground#3e0b4b77
list.activeSelectionForeground#fff
list.activeSelectionIconForeground#b585e7
list.deemphasizedForeground#cdcdcd
list.hoverBackground#220f31
list.hoverForeground#a566e9
list.inactiveSelectionBackground#34214996
list.inactiveSelectionForeground#fbf7ff
list.inactiveSelectionIconForeground#75e8ec
menu.background#09060e
menu.border#8f75ec6b
menu.foreground#d1c8f1
menu.selectionBackground#2b0842cc
menu.selectionBorder#6f50b8
menu.selectionForeground#fff
menu.separatorBackground#a77fdb6e
menubar.selectionBackground#2f1a7c73
menubar.selectionForeground#c9bde9
minimap.selectionHighlight#3d45495e
minimapSlider.activeBackground#00000028
minimapSlider.background#1212123f
minimapSlider.hoverBackground#3d45496e
notifications.background#09060e
notifications.border#867c98
notifications.foreground#fff
panel.background#090113
panel.border#8f75eca2
panelTitle.activeBorder#8f75ec
panelTitle.activeForeground#fff
panelTitle.inactiveForeground#bca7e4
quickInput.background#09060e
quickInput.foreground#d1b7f3
quickInputList.focusBackground#280842b7
quickInputList.focusForeground#fff
quickInputList.focusIconForeground#8f75ec
scrollbarSlider.activeBackground#132742
scrollbarSlider.background#351058bb
scrollbarSlider.hoverBackground#602f6c
settings.checkboxBackground#1e034273
settings.checkboxBorder#8f75ec
settings.checkboxForeground#c9baeb
settings.dropdownBackground#0e0914
settings.dropdownBorder#8f75ec
settings.dropdownForeground#dcc2f1
settings.focusedRowBackground#03332283
settings.focusedRowBorder#8f75ec
settings.headerBorder#8f75ec
settings.headerForeground#bdabff
settings.modifiedItemIndicator#8f75ec
settings.numberInputBackground#1a0536b4
settings.numberInputBorder#8f75ec
settings.numberInputForeground#d3c6f1
settings.rowHoverBackground#1a044d6b
settings.sashBorder#8f75ec
settings.textInputBackground#2e065c52
settings.textInputBorder#8f75ec
settings.textInputForeground#eee
sideBar.background#09060e
sideBar.border#7450b817
sideBar.foreground#bbb3d6
sideBarSectionHeader.background#09060e
sideBarSectionHeader.border#7450b80a
sideBarSectionHeader.foreground#aadadb
sideBarTitle.foreground#aadadb
statusBar.background#09060e
statusBar.debuggingBackground#230447
statusBar.debuggingForeground#fff
statusBar.foreground#cdc3f1
statusBar.noFolderBackground#09060e
statusBarItem.hoverBackground#441758
statusBarItem.remoteBackground#0e0914
statusBarItem.remoteForeground#ccc0f7
tab.activeBackground#09060e
tab.activeBorder#09060e
tab.activeBorderTop#734cbb
tab.activeForeground#fff
tab.border#7450b857
tab.hoverBackground#26084263
tab.hoverBorder#8f75ec
tab.hoverForeground#c29ff0
tab.inactiveBackground#0e0914
tab.inactiveForeground#cdcdcd
tab.unfocusedActiveBorder#09060e
tab.unfocusedActiveBorderTop#09060e
tab.unfocusedActiveForeground#d2cbe9
tab.unfocusedInactiveBackground#0e0914
tab.unfocusedInactiveForeground#c0d1d8
terminal.ansiBlack#1d211d
terminal.ansiBlue#00f95f
terminal.ansiBrightBlack#665C54
terminal.ansiBrightBlue#0D6678
terminal.ansiBrightCyan#8BA59B
terminal.ansiBrightGreen#b2a1f0
terminal.ansiBrightMagenta#8F4673
terminal.ansiBrightRed#FB543F
terminal.ansiBrightWhite#FDF4C1
terminal.ansiBrightYellow#dfe6e9
terminal.ansiCyan#8BA59B
terminal.ansiGreen#95C085
terminal.ansiMagenta#8F4673
terminal.ansiRed#FB543F
terminal.ansiWhite#A89984
terminal.ansiYellow#FAC03B
terminal.background#0a0813
terminal.findMatchBackground#300652b6
terminal.findMatchHighlightBackground#57045350
terminal.foreground#b2acbb
terminal.selectionBackground#0e0914
terminal.selectionForeground#fff
terminalCursor.foreground#5a3383
terminalOverviewRuler.cursorForeground#fff
titleBar.activeBackground#09060e
titleBar.activeForeground#dcd4f7
titleBar.border#7450b857
titleBar.inactiveBackground#09060e
titleBar.inactiveForeground#dcd4f7
tree.indentGuidesStroke#8f75ec
widget.shadow#8650b827

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#696186	italic underline
variable, string constant.other.placeholder, source.python, meta.function-call.arguments.python	#a5ec75	—
constant.other.color	#ffffff	—
invalid, invalid.illegal	#FF5370	—
keyword, storage.type, storage.modifier	#75e8ec	—
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	#ffdd59	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter, support.type.exception.python	#f0cc1b	—
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method	#ff9d87	—
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	#f8fcbd	—
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	#f7f4cb	—
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	#89b2db	—
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	#7bed9f	—
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	#e9a9a9	—
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 — PurpleSpaceLight

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
export interface User {
  id: string;
  name: string;
  role: "admin" | "member";
  tags: string[];
}

/**
 * Fetch user data by ID
 * @param id
 * @returns User object or null if ID is invalid
 */
export async function fetchUser(id: string): Promise<User | null> {
  if (!id) {
    return null;
  }

  const response = await fetch(`/api/users/${id}`, {
    method: "GET",
    headers: { Accept: "application/json" },
  });

  if (!response.ok) {
    throw new Error(`HTTP ${response.status}`);
  }

  return (await response.json()) as User;
}

function greet(user: User): string {
  // Simple greeting function that uses the user's name
  return `Hello, ${user.name}!`;
}

Problems1

Output

Debug Console

Terminal

Ports

~/my-project $ pnpm dev
▲ Next.js ready on http://localhost:3000
✓ compiled client and server successfully in 412ms
wait - compiling /theme/vscode...
~/my-project $

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Light+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBackground#f8daf8
activityBar.activeBorder#8b00fd
activityBar.background#f8daf8
activityBar.foreground#420042
activityBar.inactiveForeground#2b2b2bcc
activityBarBadge.background#770077
activityBarBadge.foreground#fff
badge.background#cf2969
badge.foreground#fff
breadcrumb.background#FFE7FF
breadcrumb.focusForeground#c98ec9
breadcrumb.foreground#2b2b2b
button.background#681b4e
button.foreground#ddd
button.hoverBackground#3c0b41
button.secondaryBackground#bb3c3c
button.secondaryForeground#ddd
button.secondaryHoverBackground#141d01
editor.background#FFE7FF
editor.findMatchBackground#f498dd
editor.findMatchHighlightBackground#f5baf5
editor.foreground#200120
editor.hoverHighlightBackground#f4dfd7c2
editor.inactiveSelectionBackground#e9c4e1
editor.lineHighlightBackground#f808f825
editor.lineHighlightBorder#f5baf5
editor.rangeHighlightBackground#fb93f693
editor.rangeHighlightBorder#c141c1
editor.selectionBackground#961f966c
editor.selectionHighlightBackground#469459
editor.wordHighlightBackground#7f81046f
editor.wordHighlightStrongBackground#f0d67d
editor.wordHighlightStrongBorder#f1ffb9
editorBracketHighlight.foreground1#0a7738
editorBracketHighlight.foreground2#d05f14
editorBracketHighlight.foreground3#0e84d3
editorBracketHighlight.foreground4#276007
editorBracketHighlight.foreground5#00b8a3
editorBracketHighlight.foreground6#dc195a
editorBracketMatch.background#9ad23115
editorBracketMatch.border#9ad23198
editorCursor.foreground#fe0357
editorError.border#00b8a3
editorError.foreground#ff0000
editorGroupHeader.tabsBackground#f8daf8
editorGutter.background#FFE7FF
editorHoverWidget.background#f5baf5
editorHoverWidget.border#9b9b9b
editorHoverWidget.foreground#000
editorIndentGuide.activeBackground#fe02aa
editorLineNumber.activeForeground#2e022e
editorLineNumber.foreground#a191a1
editorOverviewRuler.border#fff
editorSuggestWidget.background#fff
editorSuggestWidget.border#fff
editorSuggestWidget.focusHighlightForeground#520452
editorSuggestWidget.foreground#2b2b2b
editorSuggestWidget.highlightForeground#313003
editorSuggestWidget.selectedBackground#e38ed5
editorSuggestWidget.selectedForeground#e8092e
editorSuggestWidget.selectedIconForeground#011a08
editorWidget.background#f5baf5
editorWidget.foreground#000
editorWidget.resizeBorder#f5ad05
focusBorder#ec043e
input.background#c581c559
input.border#fd04e8
input.placeholderForeground#420242
list.activeSelectionBackground#c17ab2
list.activeSelectionIconForeground#000
list.hoverBackground#d86ed8
list.inactiveSelectionBackground#e07fe0
menu.background#f5baf5
menu.border#fff
menu.foreground#000
menu.selectionBackground#bb4dbb
minimapSlider.activeBackground#00000028
minimapSlider.background#0000001a
minimapSlider.hoverBackground#dd93fbab
notifications.background#f5baf5
notifications.border#fff
notifications.foreground#000
panel.border#be8fbe
quickInput.background#f5baf5
quickInput.foreground#000
scrollbarSlider.activeBackground#dfe38f
scrollbarSlider.background#dfa994
scrollbarSlider.hoverBackground#e7de7c
settings.checkboxBackground#f6b79f
settings.dropdownBackground#fff
settings.textInputBackground#f5baf5
sideBar.background#f8daf8
sideBar.foreground#2b2b2b
sideBarSectionHeader.background#f8daf8
sideBarSectionHeader.foreground#eb0aeb
sideBarTitle.foreground#4d044d
statusBar.background#1b011b
statusBar.debuggingBackground#500450
statusBar.debuggingForeground#fff
statusBar.foreground#ebceeb
statusBar.noFolderBackground#f5baf5
tab.activeBackground#FFE7FF
tab.activeBorder#FFE7FF
tab.activeBorderTop#ff00ff
tab.activeForeground#300330
tab.border#f8daf8
tab.hoverBackground#f5baf5
tab.hoverBorder#fff
tab.inactiveBackground#f8daf8
tab.inactiveForeground#2b2b2b
terminal.ansiBlack#1D2021
terminal.ansiBlue#00a1f9
terminal.ansiBrightBlack#665C54
terminal.ansiBrightBlue#0D6678
terminal.ansiBrightCyan#8BA59B
terminal.ansiBrightGreen#0687ff
terminal.ansiBrightMagenta#8F4673
terminal.ansiBrightRed#FB543F
terminal.ansiBrightWhite#FDF4C1
terminal.ansiBrightYellow#FFCC80
terminal.ansiCyan#8BA59B
terminal.ansiGreen#95C085
terminal.ansiMagenta#8F4673
terminal.ansiRed#FB543F
terminal.ansiWhite#A89984
terminal.ansiYellow#FAC03B
terminal.background#ffffff
terminal.foreground#290429
terminalCursor.foreground#ff0239
titleBar.activeBackground#FFE7FF
titleBar.activeForeground#000
titleBar.border#f5baf5

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#817f7f	italic
comment.block.preprocessor	#AAAAAA
comment.documentation, comment.block.documentation	#448C27	—
invalid.illegal	#660000	—
keyword.operator	#db6b20	—
keyword, storage	#a0293f	—
storage.type, support.type	#29043f	—
constant.language, support.constant, variable.language	#682405	—
variable, support.variable	#91075e	bold
entity.name.function, support.function	#d80909	italic bold
entity.name.type, entity.other.inherited-class, support.class	#3e9d8d	bold
entity.name.exception	#660000	—
entity.name.section	—	bold
constant.numeric, constant.character, constant	#065180	—
string	#350303	—
constant.character.escape	#777777	—
string.regexp	#4B83CD	—
constant.other.symbol	#AB6526	—
punctuation	#4dca81	—
meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html	#AAAAAA	—
meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html	#13d399	—
entity.name.tag	#048383	italic bold
meta.tag entity.other.attribute-name, entity.other.attribute-name.html	#8f8501	italic
constant.character.entity, punctuation.definition.entity	#7e3d05	—
meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css	#0a9739	italic bold
meta.property-name, support.type.property-name	#011530	—
meta.property-value, meta.property-value constant.other, support.constant.property-value	#065972	—
keyword.other.important	—	bold
markup.changed	#000000	—
markup.deleted	#000000	—
markup.italic	—	italic
markup.error	#660000	—
markup.inserted	#000000	—
meta.link	#4B83CD	—
markup.output, markup.raw	#777777	—
markup.prompt	#777777	—
markup.heading	#AA3731	—
markup.bold	—	bold
markup.traceback	#660000	—
markup.underline	—	underline
markup.quote	#7A3E9D	—
markup.list	#4B83CD	—
markup.bold, markup.italic	#448C27	—
markup.inline.raw	#AB6526
meta.diff.range, meta.diff.index, meta.separator	#434343	—
meta.diff.header.from-file	#434343	—
meta.diff.header.to-file	#434343	—
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 Sober

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#1f1324
activityBar.activeBorder#af9bf7
activityBar.background#1f1324
activityBar.foreground#fff
activityBar.inactiveForeground#e0e0e0d2
activityBarBadge.background#2f2541
activityBarBadge.foreground#d5cef0
badge.background#2f2541
badge.foreground#fff
banner.background#33293f
breadcrumb.background#2f2541
breadcrumb.focusForeground#fff
breadcrumb.foreground#c2b5f0
button.background#4c26b470
button.border#8f75ec
button.foreground#e6d4f5
button.hoverBackground#3e0480
button.secondaryBackground#340c5c
button.secondaryForeground#ddd
button.secondaryHoverBackground#4227a7
checkbox.background#1f1324
checkbox.border#8f75ec
checkbox.foreground#cdcdcd
descriptionForeground#dfd5ee
dropdown.border#7850b8
editor.background#2f2541
editor.findMatchBackground#191020
editor.findMatchHighlightBackground#191020
editor.findMatchHighlightBorder#191020
editor.foreground#cdcdcd
editor.hoverHighlightBackground#171020
editor.inactiveSelectionBackground#191020
editor.lineHighlightBackground#2f2541
editor.lineHighlightBorder#453a58
editor.rangeHighlightBackground#191020
editor.selectionBackground#191020
editor.selectionHighlightBackground#403159
editor.selectionHighlightBorder#967c98
editor.wordHighlightBackground#191020
editor.wordHighlightBorder#1f1324
editor.wordHighlightStrongBackground#094e5f98
editor.wordHighlightStrongBorder#191020
editorBracketHighlight.foreground1#f7b7bd
editorBracketHighlight.foreground2#ffeaa7
editorBracketHighlight.foreground3#dfe6e9
editorBracketHighlight.foreground4#baec04
editorBracketHighlight.foreground5#81ecec
editorBracketHighlight.foreground6#dce285
editorBracketMatch.background#191020
editorBracketMatch.border#191020
editorCursor.foreground#cba2f7
editorError.background#f4425165
editorError.border#ec3535
editorError.foreground#ff0000
editorGroup.border#4f2f6c
editorGroupHeader.tabsBackground#1f1324
editorGroupHeader.tabsBorder#7450b817
editorGutter.background#2f2541
editorHoverWidget.background#2f2541
editorHoverWidget.border#4f4563
editorHoverWidget.foreground#c1abdd
editorIndentGuide.activeBackground#6c3e9e
editorIndentGuide.background#7a9ff017
editorInfo.border#462f6c
editorLineNumber.activeForeground#fdb599
editorLineNumber.foreground#8a8391e5
editorOverviewRuler.border#2f2541
editorOverviewRuler.findMatchForeground#8f75ecd5
editorSuggestWidget.background#2f2541
editorSuggestWidget.border#2f2541
editorSuggestWidget.focusHighlightForeground#f1e1a8
editorSuggestWidget.foreground#d3dadd
editorSuggestWidget.highlightForeground#fab1a0
editorSuggestWidget.selectedBackground#1f1324
editorSuggestWidget.selectedForeground#b79ae6
editorSuggestWidget.selectedIconForeground#c17ae2
editorWidget.background#12071f
editorWidget.border#8f75ec
editorWidget.foreground#f7edff
editorWidget.resizeBorder#8f75ec
focusBorder#8f75ec
foreground#c3b2e2
icon.foreground#fce0d1
input.background#1f1324
input.border#9f75ec2d
input.foreground#faf5ff
input.placeholderForeground#ddd
inputOption.activeBackground#191020
inputOption.activeBorder#8f75ec4d
inputOption.activeForeground#e5cdf8
inputOption.hoverBackground#280746
list.activeSelectionBackground#3e0b4b77
list.activeSelectionForeground#fff
list.activeSelectionIconForeground#a365e6
list.deemphasizedForeground#cdcdcd
list.hoverBackground#220f31
list.hoverForeground#ffffff
list.inactiveSelectionBackground#34214996
list.inactiveSelectionForeground#fff
list.inactiveSelectionIconForeground#c290f8
menu.background#2f2541
menu.foreground#d1c8f1
menu.selectionBackground#191020
menu.selectionBorder#191020
menu.selectionForeground#fff
menu.separatorBackground#5e487c6e
menubar.selectionBackground#301f3d
menubar.selectionForeground#fff
minimap.selectionHighlight#3d45495e
minimapSlider.activeBackground#00000028
minimapSlider.background#1212123f
minimapSlider.hoverBackground#3d45496e
notifications.background#2f2541
notifications.border#867c98
notifications.foreground#fff
panel.background#191020
panel.border#887696
panelTitle.activeBorder#8f75ec
panelTitle.activeForeground#fff
panelTitle.inactiveForeground#cdcdcd
quickInput.background#2f2541
quickInput.foreground#d1b7f3
quickInputList.focusBackground#280842b7
quickInputList.focusForeground#fff
quickInputList.focusIconForeground#8f75ec
scrollbarSlider.activeBackground#231342
scrollbarSlider.background#261830
scrollbarSlider.hoverBackground#3a2549
settings.checkboxBackground#191020
settings.checkboxBorder#8c6ea5
settings.checkboxForeground#c9baeb
settings.dropdownBackground#191020
settings.dropdownBorder#8c6ea5
settings.dropdownForeground#dcc2f1
settings.focusedRowBackground#191020
settings.focusedRowBorder#8c6ea5
settings.headerBorder#8c6ea5
settings.headerForeground#ccc0f7
settings.modifiedItemIndicator#8f75ec
settings.numberInputBackground#191020
settings.numberInputBorder#8c6ea5
settings.numberInputForeground#d3c6f1
settings.rowHoverBackground#191020
settings.sashBorder#8c6ea5
settings.textInputBackground#191020
settings.textInputBorder#8c6ea5
settings.textInputForeground#eee
sideBar.background#191020
sideBar.foreground#cfc7eb
sideBarSectionHeader.background#191020
sideBarSectionHeader.border#7450b80a
sideBarSectionHeader.foreground#e3dbff
sideBarTitle.foreground#fff
statusBar.background#191020
statusBar.debuggingBackground#400447
statusBar.debuggingForeground#fff
statusBar.foreground#cdc3f1
statusBar.noFolderBackground#2f2541
statusBarItem.hoverBackground#281933
statusBarItem.remoteBackground#08050a
statusBarItem.remoteForeground#ccc0f7
tab.activeBackground#1f1324
tab.activeBorder#2f2541
tab.activeBorderTop#fdb599
tab.activeForeground#fff
tab.border#1f1324
tab.hoverBackground#2f2541
tab.hoverBorder#fdb599
tab.hoverForeground#fff
tab.inactiveBackground#1f1324
tab.inactiveForeground#cdcdcd
tab.unfocusedActiveBorder#2f2541
tab.unfocusedActiveBorderTop#2f2541
tab.unfocusedActiveForeground#d2cbe9
tab.unfocusedInactiveBackground#1f1324
tab.unfocusedInactiveForeground#c0d1d8
terminal.ansiBlack#1d211d
terminal.ansiBlue#00f95f
terminal.ansiBrightBlack#665C54
terminal.ansiBrightBlue#0D6678
terminal.ansiBrightCyan#8BA59B
terminal.ansiBrightGreen#fff
terminal.ansiBrightMagenta#8F4673
terminal.ansiBrightRed#FB543F
terminal.ansiBrightWhite#FDF4C1
terminal.ansiBrightYellow#dfe6e9
terminal.ansiCyan#8BA59B
terminal.ansiGreen#95C085
terminal.ansiMagenta#8F4673
terminal.ansiRed#FB543F
terminal.ansiWhite#A89984
terminal.ansiYellow#FAC03B
terminal.background#100a14
terminal.findMatchBackground#300652b6
terminal.findMatchHighlightBackground#57045350
terminal.foreground#e9e9e9
terminal.selectionBackground#1f1324
terminal.selectionForeground#fff
terminalCursor.foreground#5a3383
terminalOverviewRuler.cursorForeground#fff
titleBar.activeBackground#191020
titleBar.activeForeground#dcd4f7
titleBar.inactiveBackground#191020
titleBar.inactiveForeground#dcd4f7
tree.indentGuidesStroke#8f75ec
widget.shadow#8650b827

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#696186	italic underline
variable, string constant.other.placeholder, source.python, meta.function-call.arguments.python	#55efc4	—
constant.other.color	#ffffff	—
invalid, invalid.illegal	#FF5370	—
keyword, storage.type, storage.modifier	#f88690	—
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	#a29bfe	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter, support.type.exception.python	#f0cc1b	—
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method	#ffeaa7	—
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	#ffbe76	—
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	#dbecec	—
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	#c7ecee	—
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	#7bed9f	—
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	#7ed6df	—
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 Sober S

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#262236
activityBar.activeBorder#af9bf7
activityBar.background#221e30
activityBar.foreground#cec8e6
activityBar.inactiveForeground#a4a0b6
activityBarBadge.background#5233c2
activityBarBadge.foreground#d5cef0
badge.background#411274
badge.foreground#fff
banner.background#33293f
breadcrumb.background#262236
breadcrumb.focusForeground#fff
breadcrumb.foreground#c2b5f0
button.background#4c26b470
button.border#8f75ec
button.foreground#e6d4f5
button.hoverBackground#3e0480
button.secondaryBackground#340c5c
button.secondaryForeground#ddd
button.secondaryHoverBackground#4227a7
checkbox.background#221e30
checkbox.border#8f75ec
checkbox.foreground#cdcdcd
descriptionForeground#dfd5ee
dropdown.border#7850b8
editor.background#262236
editor.findMatchBackground#290750ad
editor.findMatchHighlightBackground#302f6c60
editor.findMatchHighlightBorder#2e0c64c7
editor.foreground#cdcdcd
editor.hoverHighlightBackground#32026894
editor.inactiveSelectionBackground#441b709f
editor.lineHighlightBackground#221e30
editor.lineHighlightBorder#221e30
editor.rangeHighlightBackground#47034949
editor.rangeHighlightBorder#5e2f6c
editor.selectionBackground#441b709f
editor.selectionHighlightBackground#403159
editor.selectionHighlightBorder#967c98
editor.wordHighlightBackground#2e0649e0
editor.wordHighlightBorder#221e30
editor.wordHighlightStrongBackground#094e5f98
editor.wordHighlightStrongBorder#602f6c
editorBracketHighlight.foreground1#f7b7bd
editorBracketHighlight.foreground2#ffeaa7
editorBracketHighlight.foreground3#dfe6e9
editorBracketHighlight.foreground4#baec04
editorBracketHighlight.foreground5#81ecec
editorBracketHighlight.foreground6#dce285
editorBracketMatch.background#4f2f6c93
editorBracketMatch.border#462f6c
editorCursor.foreground#cba2f7
editorError.background#f4425165
editorError.border#ec3535
editorError.foreground#ff0000
editorGroup.border#4f2f6c
editorGroupHeader.tabsBackground#221e30
editorGroupHeader.tabsBorder#7450b817
editorGutter.background#262236
editorHoverWidget.background#262236
editorHoverWidget.border#6750b8
editorHoverWidget.foreground#c1abdd
editorIndentGuide.activeBackground#6c3e9e
editorIndentGuide.background#7a9ff017
editorInfo.border#462f6c
editorLineNumber.activeForeground#edddff
editorLineNumber.foreground#857d8de5
editorOverviewRuler.border#262236
editorOverviewRuler.findMatchForeground#8f75ecd5
editorSuggestWidget.background#262236
editorSuggestWidget.border#6c50b86c
editorSuggestWidget.focusHighlightForeground#f1e1a8
editorSuggestWidget.foreground#d3dadd
editorSuggestWidget.highlightForeground#fab1a0
editorSuggestWidget.selectedBackground#260842b7
editorSuggestWidget.selectedForeground#9ae6cc
editorSuggestWidget.selectedIconForeground#c17ae2
editorWidget.background#12071f
editorWidget.border#8f75ec
editorWidget.foreground#c8f1e4
editorWidget.resizeBorder#8f75ec
focusBorder#8f75ec
foreground#c3b2e2
icon.foreground#8f75ec
input.background#221e30
input.border#9f75ecb0
input.foreground#d8e1f0
input.placeholderForeground#ddd
inputOption.activeBackground#2e0450dc
inputOption.activeBorder#8f75ec
inputOption.activeForeground#e5cdf8
inputOption.hoverBackground#3f0746
list.activeSelectionBackground#221e30
list.activeSelectionForeground#fff
list.activeSelectionIconForeground#aa9fd1
list.deemphasizedForeground#cdcdcd
list.hoverBackground#221e30
list.hoverForeground#fff
list.inactiveSelectionBackground#221e30
list.inactiveSelectionForeground#cdcdcd
list.inactiveSelectionIconForeground#c290f8
menu.background#262236
menu.border#8f75ec6b
menu.foreground#d1c8f1
menu.selectionBackground#2b0842cc
menu.selectionBorder#6f50b8
menu.selectionForeground#fff
menu.separatorBackground#a77fdb6e
menubar.selectionBackground#2f1a7c73
menubar.selectionForeground#c9bde9
minimap.selectionHighlight#3d45495e
minimapSlider.activeBackground#00000028
minimapSlider.background#1212123f
minimapSlider.hoverBackground#3d45496e
notifications.background#262236
notifications.border#867c98
notifications.foreground#fff
panel.background#090113
panel.border#8f75eca2
panelTitle.activeBorder#8f75ec
panelTitle.activeForeground#fff
panelTitle.inactiveForeground#bca7e4
quickInput.background#262236
quickInput.foreground#d1b7f3
quickInputList.focusBackground#280842b7
quickInputList.focusForeground#fff
quickInputList.focusIconForeground#8f75ec
scrollbarSlider.activeBackground#132742
scrollbarSlider.background#351058bb
scrollbarSlider.hoverBackground#602f6c
settings.checkboxBackground#221e30
settings.checkboxBorder#635b81
settings.checkboxForeground#c9baeb
settings.dropdownBackground#221e30
settings.dropdownBorder#635b81
settings.dropdownForeground#dcc2f1
settings.focusedRowBackground#221e30
settings.focusedRowBorder#635b81
settings.headerBorder#635b81
settings.headerForeground#bdabff
settings.modifiedItemIndicator#8f75ec
settings.numberInputBackground#221e30
settings.numberInputBorder#635b81
settings.numberInputForeground#d3c6f1
settings.rowHoverBackground#1a044d6b
settings.sashBorder#635b81
settings.textInputBackground#221e30
settings.textInputBorder#635b81
settings.textInputForeground#eee
sideBar.background#262236
sideBar.border#7450b817
sideBar.foreground#bbb3d6
sideBarSectionHeader.background#262236
sideBarSectionHeader.border#7450b80a
sideBarSectionHeader.foreground#b4a1fa
sideBarTitle.foreground#cabcfc
statusBar.background#221e30
statusBar.debuggingBackground#400447
statusBar.debuggingForeground#fff
statusBar.foreground#cdc3f1
statusBar.noFolderBackground#262236
statusBarItem.hoverBackground#441758
statusBarItem.remoteBackground#221e30
statusBarItem.remoteForeground#ccc0f7
tab.activeBackground#262236
tab.activeBorder#262236
tab.activeBorderTop#262236
tab.activeForeground#fff
tab.border#221e30
tab.hoverBackground#26084263
tab.hoverBorder#8f75ec
tab.hoverForeground#c29ff0
tab.inactiveBackground#221e30
tab.inactiveForeground#cdcdcd
tab.unfocusedActiveBorder#262236
tab.unfocusedActiveBorderTop#262236
tab.unfocusedActiveForeground#d2cbe9
tab.unfocusedInactiveBackground#221e30
tab.unfocusedInactiveForeground#c0d1d8
terminal.ansiBlack#1d211d
terminal.ansiBlue#00f95f
terminal.ansiBrightBlack#665C54
terminal.ansiBrightBlue#0D6678
terminal.ansiBrightCyan#8BA59B
terminal.ansiBrightGreen#b2a1f0
terminal.ansiBrightMagenta#8F4673
terminal.ansiBrightRed#FB543F
terminal.ansiBrightWhite#FDF4C1
terminal.ansiBrightYellow#dfe6e9
terminal.ansiCyan#8BA59B
terminal.ansiGreen#95C085
terminal.ansiMagenta#8F4673
terminal.ansiRed#FB543F
terminal.ansiWhite#A89984
terminal.ansiYellow#FAC03B
terminal.background#0a0813
terminal.findMatchBackground#300652b6
terminal.findMatchHighlightBackground#57045350
terminal.foreground#b2acbb
terminal.selectionBackground#221e30
terminal.selectionForeground#fff
terminalCursor.foreground#5a3383
terminalOverviewRuler.cursorForeground#fff
titleBar.activeBackground#262236
titleBar.activeForeground#dcd4f7
titleBar.border#7450b817
titleBar.inactiveBackground#262236
titleBar.inactiveForeground#dcd4f7
tree.indentGuidesStroke#8f75ec
widget.shadow#8650b827

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#9891b1	italic
variable, string constant.other.placeholder	#ffeaa7	—
constant.other.color	#ffffff	—
invalid, invalid.illegal	#FF5370	—
keyword, storage.type, storage.modifier	#f88690	—
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	#ffdd59	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter, support.type.exception.python	#f0cc1b	—
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method	#fab1a0	—
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	#7bed9f	—
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	#dbecec	—
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	#89b2db	—
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	#7bed9f	—
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	—