Neon Pink Dark

Name: Neon Pink Dark
Author: kpab

Publisher: kpabThemes in package: 4

A cyberpunk-inspired dark theme with vibrant neon pink accents on pure black background. Four themes in one install: the original, Soft, Dimmed, and Classic — the 0.0.1 look, kept.

Open in VS Code GitHub

Color themes

VS Code preview

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

Neon Pink Dark — Neon Pink Dark

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

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

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

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

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

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

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

Problems1

Output

Debug Console

Terminal

Ports

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

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBorder#FF2DBE
activityBar.background#000000
activityBar.border#1A0010
activityBar.foreground#FF4FB3
activityBar.inactiveForeground#A8628F
activityBarBadge.background#FF2DBE
activityBarBadge.foreground#14000C
badge.background#FF2DBE
badge.foreground#14000C
breadcrumb.activeSelectionForeground#FF66D9
breadcrumb.background#000000
breadcrumb.focusForeground#FFE6FF
breadcrumb.foreground#C77AAE
button.background#FF2DBE
button.foreground#14000C
button.hoverBackground#FF5AD0
button.secondaryBackground#4D002E
button.secondaryForeground#FFD6FF
button.secondaryHoverBackground#66003D
checkbox.background#14000C
checkbox.border#4D002E
checkbox.foreground#FF66D9
diffEditor.border#33001A
diffEditor.diagonalFill#4D002E
diffEditor.insertedLineBackground#3FE0A014
diffEditor.insertedTextBackground#3FE0A01F
diffEditor.insertedTextBorder#3FE0A059
diffEditor.removedLineBackground#FF4A5F14
diffEditor.removedTextBackground#FF4A5F26
diffEditor.removedTextBorder#FF4A5F59
diffEditor.unchangedRegionBackground#0A0005
diffEditor.unchangedRegionForeground#C77AAE
diffEditorGutter.insertedLineBackground#3FE0A01A
diffEditorGutter.removedLineBackground#FF4A5F1A
diffEditorOverview.insertedForeground#3FE0A0CC
diffEditorOverview.removedForeground#FF4A5FCC
dropdown.background#14000C
dropdown.border#4D002E
dropdown.foreground#FFE6FF
dropdown.listBackground#0A0005
editor.background#000000
editor.findMatchBackground#B3006B
editor.findMatchBorder#FF2DBE
editor.findMatchHighlightBackground#FF2DBE4D
editor.findMatchHighlightBorder#FF2DBE80
editor.findRangeHighlightBackground#FF2DBE1A
editor.foreground#FFE6FF
editor.hoverHighlightBackground#FF2DBE26
editor.inactiveSelectionBackground#33001A
editor.lineHighlightBackground#33001A
editor.rangeHighlightBackground#FF2DBE1A
editor.selectionBackground#4D0026
editor.selectionHighlightBackground#FF2DBE33
editor.selectionHighlightBorder#FF2DBE66
editor.wordHighlightBackground#FF2DBE33
editor.wordHighlightStrongBackground#FF2DBE4D
editorBracketHighlight.foreground1#FF2DBE
editorBracketHighlight.foreground2#FFA3D9
editorBracketHighlight.foreground3#C77DFF
editorBracketHighlight.foreground4#6B8CFF
editorBracketHighlight.foreground5#4DDDE8
editorBracketHighlight.foreground6#7DFFC6
editorBracketHighlight.unexpectedBracket.foreground#FF4A5F
editorBracketMatch.background#FF2DBE33
editorBracketMatch.border#FF2DBE
editorCursor.foreground#FF2DBE
editorError.background#FF4A5F14
editorError.foreground#FF4A5F
editorGroup.border#33001A
editorGroup.emptyBackground#000000
editorGroupHeader.noTabsBackground#000000
editorGroupHeader.tabsBackground#000000
editorGroupHeader.tabsBorder#1A0010
editorGutter.addedBackground#3FE0A0
editorGutter.background#000000
editorGutter.commentRangeForeground#A8628F
editorGutter.deletedBackground#FF4A5F
editorGutter.modifiedBackground#C77DFF
editorHint.foreground#A8628F
editorHoverWidget.background#14000C
editorHoverWidget.border#4D002E
editorHoverWidget.foreground#FFE6FF
editorIndentGuide.activeBackground#7A0049
editorIndentGuide.activeBackground1#7A0049
editorIndentGuide.background#33001A
editorIndentGuide.background1#33001A
editorInfo.background#4DDDE814
editorInfo.foreground#4DDDE8
editorLineNumber.activeForeground#FF99E6
editorLineNumber.foreground#B3689B
editorMarkerNavigation.background#14000C
editorMarkerNavigationError.background#FF4A5F
editorMarkerNavigationError.headerBackground#FF4A5F1A
editorMarkerNavigationInfo.background#4DDDE8
editorMarkerNavigationInfo.headerBackground#4DDDE81A
editorMarkerNavigationWarning.background#FFB05C
editorMarkerNavigationWarning.headerBackground#FFB05C1A
editorOverviewRuler.addedForeground#3FE0A0CC
editorOverviewRuler.border#33001A
editorOverviewRuler.commonContentForeground#FFB05CCC
editorOverviewRuler.currentContentForeground#C77DFFCC
editorOverviewRuler.deletedForeground#FF4A5FCC
editorOverviewRuler.errorForeground#FF4A5FCC
editorOverviewRuler.findMatchForeground#FF2DBECC
editorOverviewRuler.incomingContentForeground#3FE0A0CC
editorOverviewRuler.infoForeground#4DDDE8CC
editorOverviewRuler.modifiedForeground#C77DFFCC
editorOverviewRuler.selectionHighlightForeground#FF8CF099
editorOverviewRuler.warningForeground#FFB05CCC
editorOverviewRuler.wordHighlightForeground#FF66D999
editorRuler.foreground#33001A
editorSuggestWidget.background#14000C
editorSuggestWidget.border#4D002E
editorSuggestWidget.focusHighlightForeground#FF9AE8
editorSuggestWidget.foreground#FFE6FF
editorSuggestWidget.highlightForeground#FF66D9
editorSuggestWidget.selectedBackground#7A0049
editorSuggestWidget.selectedForeground#FFFFFF
editorWarning.background#FFB05C14
editorWarning.foreground#FFB05C
editorWhitespace.foreground#4D002E
editorWidget.background#14000C
editorWidget.border#4D002E
editorWidget.foreground#FFE6FF
focusBorder#FF2DBE
gitDecoration.addedResourceForeground#3FE0A0
gitDecoration.conflictingResourceForeground#FFB05C
gitDecoration.deletedResourceForeground#FF4A5F
gitDecoration.ignoredResourceForeground#A8628F
gitDecoration.modifiedResourceForeground#C77DFF
gitDecoration.stageDeletedResourceForeground#FF7A70
gitDecoration.stageModifiedResourceForeground#D9A3FF
gitDecoration.submoduleResourceForeground#FF89D6
gitDecoration.untrackedResourceForeground#7DFFC6
input.background#14000C
input.border#4D002E
input.foreground#FFE6FF
input.placeholderForeground#C77AAE
inputOption.activeBackground#FF2DBE33
inputOption.activeBorder#FF2DBE
inputOption.activeForeground#FFFFFF
inputValidation.errorBackground#4D0018
inputValidation.errorBorder#FF4A5F
inputValidation.infoBackground#003D42
inputValidation.infoBorder#4DDDE8
inputValidation.warningBackground#3D2600
inputValidation.warningBorder#FFB05C
list.activeSelectionBackground#7A0049
list.activeSelectionForeground#FFFFFF
list.errorForeground#FF4A5F
list.focusBackground#66003D
list.focusForeground#FFE6FF
list.focusOutline#FF2DBE
list.highlightForeground#FF66D9
list.hoverBackground#2E001C
list.hoverForeground#FFD6FF
list.inactiveSelectionBackground#4D002E
list.inactiveSelectionForeground#FFD6FF
list.warningForeground#FFB05C
menu.background#14000C
menu.border#4D002E
menu.foreground#FFE6FF
menu.selectionBackground#7A0049
menu.selectionForeground#FFFFFF
menu.separatorBackground#4D002E
menubar.selectionBackground#4D002E
menubar.selectionForeground#FFE6FF
merge.commonContentBackground#FFB05C26
merge.commonHeaderBackground#FFB05C4D
merge.currentContentBackground#C77DFF26
merge.currentHeaderBackground#C77DFF4D
merge.incomingContentBackground#3FE0A026
merge.incomingHeaderBackground#3FE0A04D
mergeEditor.change.background#3FE0A014
mergeEditor.change.word.background#3FE0A01F
mergeEditor.conflict.handledFocused.border#3FE0A0
mergeEditor.conflict.handledUnfocused.border#3FE0A059
mergeEditor.conflict.unhandledFocused.border#FFB05C
mergeEditor.conflict.unhandledUnfocused.border#FFB05C80
minimap.background#00000000
minimap.errorHighlight#FF4A5F
minimap.findMatchHighlight#FF2DBE
minimap.selectionHighlight#FF8CF0
minimap.warningHighlight#FFB05C
minimapGutter.addedBackground#3FE0A0
minimapGutter.deletedBackground#FF4A5F
minimapGutter.modifiedBackground#C77DFF
minimapSlider.activeBackground#FF2DBE6E
minimapSlider.background#FF2DBE33
minimapSlider.hoverBackground#FF2DBE4D
notificationCenterHeader.background#1A0010
notificationCenterHeader.foreground#FFBEE8
notificationLink.foreground#FF66D9
notifications.background#14000C
notifications.border#4D002E
notifications.foreground#FFE6FF
notificationsErrorIcon.foreground#FF4A5F
notificationsInfoIcon.foreground#4DDDE8
notificationsWarningIcon.foreground#FFB05C
panel.background#000000
panel.border#33001A
panelTitle.activeBorder#FF2DBE
panelTitle.activeForeground#FF89D6
panelTitle.inactiveForeground#A8628F
peekView.border#FF2DBE
peekViewEditor.background#0A0005
peekViewEditor.matchHighlightBackground#FF2DBE4D
peekViewResult.background#14000C
peekViewResult.fileForeground#FFE6FF
peekViewResult.lineForeground#C77AAE
peekViewResult.matchHighlightBackground#FF2DBE4D
peekViewResult.selectionBackground#7A0049
peekViewResult.selectionForeground#FFFFFF
peekViewTitle.background#14000C
peekViewTitleDescription.foreground#C77AAE
peekViewTitleLabel.foreground#FFE6FF
pickerGroup.border#4D002E
pickerGroup.foreground#FF66D9
problemsErrorIcon.foreground#FF4A5F
problemsInfoIcon.foreground#4DDDE8
problemsWarningIcon.foreground#FFB05C
quickInput.background#14000C
quickInput.foreground#FFE6FF
quickInputList.focusBackground#7A0049
quickInputList.focusForeground#FFFFFF
scrollbarSlider.activeBackground#FF2DBE8C
scrollbarSlider.background#FF2DBE33
scrollbarSlider.hoverBackground#FF2DBE59
sideBar.background#000000
sideBar.border#1A0010
sideBar.foreground#FFBEE8
sideBarSectionHeader.background#0A0005
sideBarSectionHeader.border#1A0010
sideBarSectionHeader.foreground#FFBEE8
sideBarTitle.foreground#FF89D6
statusBar.background#1A0010
statusBar.border#33001A
statusBar.debuggingBackground#7A0049
statusBar.debuggingBorder#FF2DBE
statusBar.debuggingForeground#FFE6FF
statusBar.foreground#FF76D6
statusBar.noFolderBackground#4D002E
statusBar.noFolderForeground#FFBEE8
statusBarItem.hoverBackground#FF2DBE26
statusBarItem.remoteBackground#FF2DBE
statusBarItem.remoteForeground#14000C
tab.activeBackground#0A0005
tab.activeBorder#00000000
tab.activeBorderTop#FF2DBE
tab.activeForeground#FF89D6
tab.border#14000C
tab.hoverBackground#14000C
tab.inactiveBackground#000000
tab.inactiveForeground#A8628F
tab.unfocusedActiveBackground#050002
terminal.ansiBlack#1A0010
terminal.ansiBlue#8C6BFF
terminal.ansiBrightBlack#A8628F
terminal.ansiBrightBlue#9E85FF
terminal.ansiBrightCyan#8CF0F7
terminal.ansiBrightGreen#6BFFB0
terminal.ansiBrightMagenta#FF7ADB
terminal.ansiBrightRed#FF7A70
terminal.ansiBrightWhite#FFFFFF
terminal.ansiBrightYellow#FFD08C
terminal.ansiCyan#4DDDE8
terminal.ansiGreen#3FE0A0
terminal.ansiMagenta#FF2DBE
terminal.ansiRed#FF4A5F
terminal.ansiWhite#FFD6FF
terminal.ansiYellow#FFB35C
terminal.background#000000
terminal.border#33001A
terminal.foreground#FFE6FF
terminal.selectionBackground#7A004980
terminalCursor.background#000000
terminalCursor.foreground#FF2DBE
textLink.activeForeground#FF9AE8
textLink.foreground#FF66D9
titleBar.activeBackground#000000
titleBar.activeForeground#FF70C8
titleBar.border#1A0010
titleBar.inactiveBackground#000000
titleBar.inactiveForeground#A8628F
tree.indentGuidesStroke#4D002E
widget.border#33001A

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#C77AAE	italic
keyword, keyword.control, keyword.other	#FF2DBE
keyword.operator, storage.type.function.arrow	#FF7ADB	—
keyword.operator.expression, keyword.operator.new, keyword.operator.delete, keyword.operator.word, keyword.operator.logical.python	#FF2DBE	—
storage, storage.type, storage.modifier	#FF5AD0
string, punctuation.definition.string	#FF8CF0	—
constant.character.escape, constant.character.entity, constant.character.format.placeholder	#4DDDE8	—
string.regexp	#7DFFC6	—
constant.numeric, keyword.other.unit	#FF55C3	—
constant.language, constant.other, support.constant	#FF55C3	—
variable.other.constant, variable.other.enummember	#FF55C3	—
variable, variable.other, support.variable, entity.name.variable	#FFD6FF	—
variable.other.property, variable.other.object.property, support.variable.property, entity.name.variable.property, entity.name.variable.field, meta.attribute.python, meta.object-literal.key	#FF89D6	—
variable.parameter, entity.name.variable.parameter, meta.parameter, meta.function.parameter	#FFC2F0	italic
variable.language	#FF5AD0	italic
entity.name.function, support.function, meta.function-call.generic, variable.function	#FF5EC4	—
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, storage.type.class, meta.type.annotation	#FF9AD6	—
entity.other.inherited-class, entity.name.type.parameter	#FF9AD6	italic
entity.name.function.decorator, entity.name.decorator, meta.decorator, punctuation.decorator, meta.attribute.rust, entity.name.function.macro, entity.name.macro, support.function.macro, entity.name.function.preprocessor, meta.preprocessor	#C77DFF	—
entity.name.label, constant.other.label	#FF9AD6	—
invalid, invalid.illegal	#FF4A5F	—
invalid.deprecated	#FF9AD6	strikethrough
punctuation, delimiter, meta.brace	#FFBEE8	—
constant.character.class.regexp, constant.other.character-class.regexp, constant.other.character-class.set.regexp	#4DDDE8	—
keyword.control.anchor.regexp	#FF2DBE	—
entity.name.tag	#FF2DBE	—
entity.other.attribute-name	#FF5EC4	—
support.class.component, entity.name.tag.custom, meta.tag.custom entity.name.tag	#FF9AD6	—
entity.name.tag.css, entity.name.tag.scss, entity.name.tag.less	#FF5AD0	—
entity.other.attribute-name.class	#FF5EC4	—
entity.other.attribute-name.id	#FF2DBE	—
entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element, entity.other.attribute-name.parent-selector	#FF7ADB	—
entity.other.keyframe-offset	#FF2DBE	—
support.type.property-name, meta.at-rule.media.header	#FF9AD6	—
support.constant.property-value, support.constant.font-name, support.constant.media, constant.other.color	#FF55C3	—
variable.other.custom-property, variable.css, variable.scss, variable.less, variable.argument.css	#FF7ADB	—
markup.heading, entity.name.section	#FF2DBE	bold
heading.2 entity.name.section	#FF5AD0	bold
heading.3 entity.name.section	#FF7ADB	bold
heading.4 entity.name.section	#FF89D6	bold
heading.5 entity.name.section	#FF9AD6	bold
heading.6 entity.name.section	#FFBEE8	bold
markup.bold	#FF5EC4	bold
markup.italic	#FF9AD6	italic
markup.strikethrough	#C77AAE	strikethrough
markup.inline.raw, markup.raw, markup.fenced_code	#FF8CF0	—
fenced_code.block.language	#FF9AD6	—
markup.quote	#C77AAE	italic
punctuation.definition.list, beginning.punctuation.definition.list	#FF2DBE	—
markup.underline.link, string.other.link, markup.underline	#FF66D9	underline
markup.table	#FFBEE8	—
meta.separator	#FF7ADB	—
support.type.property-name.json, support.type.property-name.toml, entity.name.tag.yaml, entity.name.tag.toml	#FF9AD6	—
entity.other.document.begin, entity.other.document.end, punctuation.definition.anchor, punctuation.definition.alias	#FFBEE8	—
string.interpolated, punctuation.definition.variable.shell	#FF8CF0	—

VS Code preview

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

Neon Pink Dark — Neon Pink Dark Classic

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.background#000000
activityBar.foreground#FF4FB3
badge.background#FF2DBE
editor.background#000000
editor.foreground#FFE6FF
editor.inactiveSelectionBackground#33001A
editor.lineHighlightBackground#33001A
editor.selectionBackground#660033
editorCursor.foreground#FF2DBE
editorLineNumber.activeForeground#FF99E6
editorLineNumber.foreground#FF66CCAA
minimap.background#00000000
panel.background#000000
panel.border#33001A
sideBar.background#000000
sideBar.foreground#FFBEE8
statusBar.background#1A0010
statusBar.foreground#FF76D6
tab.activeBackground#0A0005
tab.activeForeground#FF89D6
tab.inactiveBackground#000000
tab.inactiveForeground#82456A
titleBar.activeBackground#000000
titleBar.activeForeground#FF70C8

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
keyword, storage	#FF2DBE
string	#FF8CF0	—
variable, parameter	#FFD6FF	—
constant.numeric	#FF55C3	—
entity.name.function	#FF5EC4	—
entity.name.type, support.type	#FF9AD6	—
comment	#FF66CAA3	italic
punctuation, delimiter	#FFBEE8	—

VS Code preview

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

Neon Pink Dark — Neon Pink Dark Soft

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#F646C0
activityBar.background#12000A
activityBar.border#260217
activityBar.foreground#F263B4
activityBar.inactiveForeground#A2698E
activityBarBadge.background#F646C0
activityBarBadge.foreground#210213
badge.background#F646C0
badge.foreground#210213
breadcrumb.activeSelectionForeground#F377D4
breadcrumb.background#12000A
breadcrumb.focusForeground#FFEBFF
breadcrumb.foreground#C082AC
button.background#F646C0
button.foreground#210213
button.hoverBackground#F36DCD
button.secondaryBackground#520834
button.secondaryForeground#FDDCFD
button.secondaryHoverBackground#680B43
checkbox.background#210213
checkbox.border#520834
checkbox.foreground#F377D4
diffEditor.border#3B0521
diffEditor.diagonalFill#520834
diffEditor.insertedLineBackground#56E1AA14
diffEditor.insertedTextBackground#56E1AA1F
diffEditor.insertedTextBorder#56E1AA59
diffEditor.removedLineBackground#F15E6F14
diffEditor.removedTextBackground#F15E6F26
diffEditor.removedTextBorder#F15E6F59
diffEditor.unchangedRegionBackground#19010E
diffEditor.unchangedRegionForeground#C082AC
diffEditorGutter.insertedLineBackground#56E1AA1A
diffEditorGutter.removedLineBackground#F15E6F1A
diffEditorOverview.insertedForeground#56E1AACC
diffEditorOverview.removedForeground#F15E6FCC
dropdown.background#210213
dropdown.border#520834
dropdown.foreground#FFEBFF
dropdown.listBackground#19010E
editor.background#12000A
editor.findMatchBackground#B11572
editor.findMatchBorder#F646C0
editor.findMatchHighlightBackground#F646C04D
editor.findMatchHighlightBorder#F646C080
editor.findRangeHighlightBackground#F646C01A
editor.foreground#FFEBFF
editor.hoverHighlightBackground#F646C026
editor.inactiveSelectionBackground#3B0521
editor.lineHighlightBackground#3B0521
editor.rangeHighlightBackground#F646C01A
editor.selectionBackground#52082D
editor.selectionHighlightBackground#F646C033
editor.selectionHighlightBorder#F646C066
editor.wordHighlightBackground#F646C033
editor.wordHighlightStrongBackground#F646C04D
editorBracketHighlight.foreground1#F646C0
editorBracketHighlight.foreground2#F6ACD8
editorBracketHighlight.foreground3#C288EE
editorBracketHighlight.foreground4#7791EB
editorBracketHighlight.foreground5#64DFE8
editorBracketHighlight.foreground6#92FFD0
editorBracketHighlight.unexpectedBracket.foreground#F15E6F
editorBracketMatch.background#F646C033
editorBracketMatch.border#F646C0
editorCursor.foreground#F646C0
editorError.background#F15E6F14
editorError.foreground#F15E6F
editorGroup.border#3B0521
editorGroup.emptyBackground#12000A
editorGroupHeader.noTabsBackground#12000A
editorGroupHeader.tabsBackground#12000A
editorGroupHeader.tabsBorder#260217
editorGutter.addedBackground#56E1AA
editorGutter.background#12000A
editorGutter.commentRangeForeground#A2698E
editorGutter.deletedBackground#F15E6F
editorGutter.modifiedBackground#C288EE
editorHint.foreground#A2698E
editorHoverWidget.background#210213
editorHoverWidget.border#520834
editorHoverWidget.foreground#FFEBFF
editorIndentGuide.activeBackground#7A0E4E
editorIndentGuide.activeBackground1#7A0E4E
editorIndentGuide.background#3B0521
editorIndentGuide.background1#3B0521
editorInfo.background#64DFE814
editorInfo.foreground#64DFE8
editorLineNumber.activeForeground#F6A4E1
editorLineNumber.foreground#AC7099
editorMarkerNavigation.background#210213
editorMarkerNavigationError.background#F15E6F
editorMarkerNavigationError.headerBackground#F15E6F1A
editorMarkerNavigationInfo.background#64DFE8
editorMarkerNavigationInfo.headerBackground#64DFE81A
editorMarkerNavigationWarning.background#F8B771
editorMarkerNavigationWarning.headerBackground#F8B7711A
editorOverviewRuler.addedForeground#56E1AACC
editorOverviewRuler.border#3B0521
editorOverviewRuler.commonContentForeground#F8B771CC
editorOverviewRuler.currentContentForeground#C288EECC
editorOverviewRuler.deletedForeground#F15E6FCC
editorOverviewRuler.errorForeground#F15E6FCC
editorOverviewRuler.findMatchForeground#F646C0CC
editorOverviewRuler.incomingContentForeground#56E1AACC
editorOverviewRuler.infoForeground#64DFE8CC
editorOverviewRuler.modifiedForeground#C288EECC
editorOverviewRuler.selectionHighlightForeground#F598E999
editorOverviewRuler.warningForeground#F8B771CC
editorOverviewRuler.wordHighlightForeground#F377D499
editorRuler.foreground#3B0521
editorSuggestWidget.background#210213
editorSuggestWidget.border#520834
editorSuggestWidget.focusHighlightForeground#F6A5E3
editorSuggestWidget.foreground#FFEBFF
editorSuggestWidget.highlightForeground#F377D4
editorSuggestWidget.selectedBackground#7A0E4E
editorSuggestWidget.selectedForeground#FFFFFF
editorWarning.background#F8B77114
editorWarning.foreground#F8B771
editorWhitespace.foreground#520834
editorWidget.background#210213
editorWidget.border#520834
editorWidget.foreground#FFEBFF
focusBorder#F646C0
gitDecoration.addedResourceForeground#56E1AA
gitDecoration.conflictingResourceForeground#F8B771
gitDecoration.deletedResourceForeground#F15E6F
gitDecoration.ignoredResourceForeground#A2698E
gitDecoration.modifiedResourceForeground#C288EE
gitDecoration.stageDeletedResourceForeground#F2877F
gitDecoration.stageModifiedResourceForeground#D6ABF4
gitDecoration.submoduleResourceForeground#F495D3
gitDecoration.untrackedResourceForeground#92FFD0
input.background#210213
input.border#520834
input.foreground#FFEBFF
input.placeholderForeground#C082AC
inputOption.activeBackground#F646C033
inputOption.activeBorder#F646C0
inputOption.activeForeground#FFFFFF
inputValidation.errorBackground#520822
inputValidation.errorBorder#F15E6F
inputValidation.infoBackground#133D47
inputValidation.infoBorder#64DFE8
inputValidation.warningBackground#46270D
inputValidation.warningBorder#F8B771
list.activeSelectionBackground#7A0E4E
list.activeSelectionForeground#FFFFFF
list.errorForeground#F15E6F
list.focusBackground#680B43
list.focusForeground#FFEBFF
list.focusOutline#F646C0
list.highlightForeground#F377D4
list.hoverBackground#370523
list.hoverForeground#FDDCFD
list.inactiveSelectionBackground#520834
list.inactiveSelectionForeground#FDDCFD
list.warningForeground#F8B771
menu.background#210213
menu.border#520834
menu.foreground#FFEBFF
menu.selectionBackground#7A0E4E
menu.selectionForeground#FFFFFF
menu.separatorBackground#520834
menubar.selectionBackground#520834
menubar.selectionForeground#FFEBFF
merge.commonContentBackground#F8B77126
merge.commonHeaderBackground#F8B7714D
merge.currentContentBackground#C288EE26
merge.currentHeaderBackground#C288EE4D
merge.incomingContentBackground#56E1AA26
merge.incomingHeaderBackground#56E1AA4D
mergeEditor.change.background#56E1AA14
mergeEditor.change.word.background#56E1AA1F
mergeEditor.conflict.handledFocused.border#56E1AA
mergeEditor.conflict.handledUnfocused.border#56E1AA59
mergeEditor.conflict.unhandledFocused.border#F8B771
mergeEditor.conflict.unhandledUnfocused.border#F8B77180
minimap.background#00000000
minimap.errorHighlight#F15E6F
minimap.findMatchHighlight#F646C0
minimap.selectionHighlight#F598E9
minimap.warningHighlight#F8B771
minimapGutter.addedBackground#56E1AA
minimapGutter.deletedBackground#F15E6F
minimapGutter.modifiedBackground#C288EE
minimapSlider.activeBackground#F646C06E
minimapSlider.background#F646C033
minimapSlider.hoverBackground#F646C04D
notificationCenterHeader.background#260217
notificationCenterHeader.foreground#F9C5E7
notificationLink.foreground#F377D4
notifications.background#210213
notifications.border#520834
notifications.foreground#FFEBFF
notificationsErrorIcon.foreground#F15E6F
notificationsInfoIcon.foreground#64DFE8
notificationsWarningIcon.foreground#F8B771
panel.background#12000A
panel.border#3B0521
panelTitle.activeBorder#F646C0
panelTitle.activeForeground#F495D3
panelTitle.inactiveForeground#A2698E
peekView.border#F646C0
peekViewEditor.background#19010E
peekViewEditor.matchHighlightBackground#F646C04D
peekViewResult.background#210213
peekViewResult.fileForeground#FFEBFF
peekViewResult.lineForeground#C082AC
peekViewResult.matchHighlightBackground#F646C04D
peekViewResult.selectionBackground#7A0E4E
peekViewResult.selectionForeground#FFFFFF
peekViewTitle.background#210213
peekViewTitleDescription.foreground#C082AC
peekViewTitleLabel.foreground#FFEBFF
pickerGroup.border#520834
pickerGroup.foreground#F377D4
problemsErrorIcon.foreground#F15E6F
problemsInfoIcon.foreground#64DFE8
problemsWarningIcon.foreground#F8B771
quickInput.background#210213
quickInput.foreground#FFEBFF
quickInputList.focusBackground#7A0E4E
quickInputList.focusForeground#FFFFFF
scrollbarSlider.activeBackground#F646C08C
scrollbarSlider.background#F646C033
scrollbarSlider.hoverBackground#F646C059
sideBar.background#12000A
sideBar.border#260217
sideBar.foreground#F9C5E7
sideBarSectionHeader.background#19010E
sideBarSectionHeader.border#260217
sideBarSectionHeader.foreground#F9C5E7
sideBarTitle.foreground#F495D3
statusBar.background#260217
statusBar.border#3B0521
statusBar.debuggingBackground#7A0E4E
statusBar.debuggingBorder#F646C0
statusBar.debuggingForeground#FFEBFF
statusBar.foreground#F385D2
statusBar.noFolderBackground#520834
statusBar.noFolderForeground#F9C5E7
statusBarItem.hoverBackground#F646C026
statusBarItem.remoteBackground#F646C0
statusBarItem.remoteForeground#210213
tab.activeBackground#19010E
tab.activeBorder#00000000
tab.activeBorderTop#F646C0
tab.activeForeground#F495D3
tab.border#210213
tab.hoverBackground#210213
tab.inactiveBackground#12000A
tab.inactiveForeground#A2698E
tab.unfocusedActiveBackground#15000B
terminal.ansiBlack#260217
terminal.ansiBlue#8E75E7
terminal.ansiBrightBlack#A2698E
terminal.ansiBrightBlue#A08CEB
terminal.ansiBrightCyan#9EF1F7
terminal.ansiBrightGreen#82FFBD
terminal.ansiBrightMagenta#F388D6
terminal.ansiBrightRed#F2877F
terminal.ansiBrightWhite#FFFFFF
terminal.ansiBrightYellow#FBD59D
terminal.ansiCyan#64DFE8
terminal.ansiGreen#56E1AA
terminal.ansiMagenta#F646C0
terminal.ansiRed#F15E6F
terminal.ansiWhite#FDDCFD
terminal.ansiYellow#F8B971
terminal.background#12000A
terminal.border#3B0521
terminal.foreground#FFEBFF
terminal.selectionBackground#7A0E4E80
terminalCursor.background#12000A
terminalCursor.foreground#F646C0
textLink.activeForeground#F6A5E3
textLink.foreground#F377D4
titleBar.activeBackground#12000A
titleBar.activeForeground#F27FC6
titleBar.border#260217
titleBar.inactiveBackground#12000A
titleBar.inactiveForeground#A2698E
tree.indentGuidesStroke#520834
widget.border#3B0521

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#C082AC	italic
keyword, keyword.control, keyword.other	#F646C0
keyword.operator, storage.type.function.arrow	#F388D6	—
keyword.operator.expression, keyword.operator.new, keyword.operator.delete, keyword.operator.word, keyword.operator.logical.python	#F646C0	—
storage, storage.type, storage.modifier	#F36DCD
string, punctuation.definition.string	#F598E9	—
constant.character.escape, constant.character.entity, constant.character.format.placeholder	#64DFE8	—
string.regexp	#92FFD0	—
constant.numeric, keyword.other.unit	#F368C2	—
constant.language, constant.other, support.constant	#F368C2	—
variable.other.constant, variable.other.enummember	#F368C2	—
variable, variable.other, support.variable, entity.name.variable	#FDDCFD	—
variable.other.property, variable.other.object.property, support.variable.property, entity.name.variable.property, entity.name.variable.field, meta.attribute.python, meta.object-literal.key	#F495D3	—
variable.parameter, entity.name.variable.parameter, meta.parameter, meta.function.parameter	#FAC9EE	italic
variable.language	#F36DCD	italic
entity.name.function, support.function, meta.function-call.generic, variable.function	#F270C3	—
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, storage.type.class, meta.type.annotation	#F5A4D4	—
entity.other.inherited-class, entity.name.type.parameter	#F5A4D4	italic
entity.name.function.decorator, entity.name.decorator, meta.decorator, punctuation.decorator, meta.attribute.rust, entity.name.function.macro, entity.name.macro, support.function.macro, entity.name.function.preprocessor, meta.preprocessor	#C288EE	—
entity.name.label, constant.other.label	#F5A4D4	—
invalid, invalid.illegal	#F15E6F	—
invalid.deprecated	#F5A4D4	strikethrough
punctuation, delimiter, meta.brace	#F9C5E7	—
constant.character.class.regexp, constant.other.character-class.regexp, constant.other.character-class.set.regexp	#64DFE8	—
keyword.control.anchor.regexp	#F646C0	—
entity.name.tag	#F646C0	—
entity.other.attribute-name	#F270C3	—
support.class.component, entity.name.tag.custom, meta.tag.custom entity.name.tag	#F5A4D4	—
entity.name.tag.css, entity.name.tag.scss, entity.name.tag.less	#F36DCD	—
entity.other.attribute-name.class	#F270C3	—
entity.other.attribute-name.id	#F646C0	—
entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element, entity.other.attribute-name.parent-selector	#F388D6	—
entity.other.keyframe-offset	#F646C0	—
support.type.property-name, meta.at-rule.media.header	#F5A4D4	—
support.constant.property-value, support.constant.font-name, support.constant.media, constant.other.color	#F368C2	—
variable.other.custom-property, variable.css, variable.scss, variable.less, variable.argument.css	#F388D6	—
markup.heading, entity.name.section	#F646C0	bold
heading.2 entity.name.section	#F36DCD	bold
heading.3 entity.name.section	#F388D6	bold
heading.4 entity.name.section	#F495D3	bold
heading.5 entity.name.section	#F5A4D4	bold
heading.6 entity.name.section	#F9C5E7	bold
markup.bold	#F270C3	bold
markup.italic	#F5A4D4	italic
markup.strikethrough	#C082AC	strikethrough
markup.inline.raw, markup.raw, markup.fenced_code	#F598E9	—
fenced_code.block.language	#F5A4D4	—
markup.quote	#C082AC	italic
punctuation.definition.list, beginning.punctuation.definition.list	#F646C0	—
markup.underline.link, string.other.link, markup.underline	#F377D4	underline
markup.table	#F9C5E7	—
meta.separator	#F388D6	—
support.type.property-name.json, support.type.property-name.toml, entity.name.tag.yaml, entity.name.tag.toml	#F5A4D4	—
entity.other.document.begin, entity.other.document.end, punctuation.definition.anchor, punctuation.definition.alias	#F9C5E7	—
string.interpolated, punctuation.definition.variable.shell	#F598E9	—

VS Code preview

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

Neon Pink Dark — Neon Pink Dimmed

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#E25DB9
activityBar.background#0D0008
activityBar.border#1E0414
activityBar.foreground#DD73AF
activityBar.inactiveForeground#976E89
activityBarBadge.background#E25DB9
activityBarBadge.foreground#190310
badge.background#E25DB9
badge.foreground#190310
breadcrumb.activeSelectionForeground#E084C9
breadcrumb.background#0D0008
breadcrumb.focusForeground#FAEBFA
breadcrumb.foreground#B487A6
button.background#E25DB9
button.foreground#190310
button.hoverBackground#DF7CC3
button.secondaryBackground#491133
button.secondaryForeground#F6DEF6
button.secondaryHoverBackground#5F1742
checkbox.background#190310
checkbox.border#491133
checkbox.foreground#E084C9
diffEditor.border#330A20
diffEditor.diagonalFill#491133
diffEditor.insertedLineBackground#6FDDB114
diffEditor.insertedTextBackground#6FDDB11F
diffEditor.insertedTextBorder#6FDDB159
diffEditor.removedLineBackground#DB6E7B14
diffEditor.removedTextBackground#DB6E7B26
diffEditor.removedTextBorder#DB6E7B59
diffEditor.unchangedRegionBackground#12010B
diffEditor.unchangedRegionForeground#B487A6
diffEditorGutter.insertedLineBackground#6FDDB11A
diffEditorGutter.removedLineBackground#DB6E7B1A
diffEditorOverview.insertedForeground#6FDDB1CC
diffEditorOverview.removedForeground#DB6E7BCC
dropdown.background#190310
dropdown.border#491133
dropdown.foreground#FAEBFA
dropdown.listBackground#12010B
editor.background#0D0008
editor.findMatchBackground#A52B74
editor.findMatchBorder#E25DB9
editor.findMatchHighlightBackground#E25DB94D
editor.findMatchHighlightBorder#E25DB980
editor.findRangeHighlightBackground#E25DB91A
editor.foreground#FAEBFA
editor.hoverHighlightBackground#E25DB926
editor.inactiveSelectionBackground#330A20
editor.lineHighlightBackground#330A20
editor.rangeHighlightBackground#E25DB91A
editor.selectionBackground#49112D
editor.selectionHighlightBackground#E25DB933
editor.selectionHighlightBorder#E25DB966
editor.wordHighlightBackground#E25DB933
editor.wordHighlightStrongBackground#E25DB94D
editorBracketHighlight.foreground1#E25DB9
editorBracketHighlight.foreground2#E8B2D2
editorBracketHighlight.foreground3#B98FD9
editorBracketHighlight.foreground4#7F92D3
editorBracketHighlight.foreground5#7ADBE3
editorBracketHighlight.foreground6#A6FBD5
editorBracketHighlight.unexpectedBracket.foreground#DB6E7B
editorBracketMatch.background#E25DB933
editorBracketMatch.border#E25DB9
editorCursor.foreground#E25DB9
editorError.background#DB6E7B14
editorError.foreground#DB6E7B
editorGroup.border#330A20
editorGroup.emptyBackground#0D0008
editorGroupHeader.noTabsBackground#0D0008
editorGroupHeader.tabsBackground#0D0008
editorGroupHeader.tabsBorder#1E0414
editorGutter.addedBackground#6FDDB1
editorGutter.background#0D0008
editorGutter.commentRangeForeground#976E89
editorGutter.deletedBackground#DB6E7B
editorGutter.modifiedBackground#B98FD9
editorHint.foreground#976E89
editorHoverWidget.background#190310
editorHoverWidget.border#491133
editorHoverWidget.foreground#FAEBFA
editorIndentGuide.activeBackground#701C4E
editorIndentGuide.activeBackground1#701C4E
editorIndentGuide.background#330A20
editorIndentGuide.background1#330A20
editorInfo.background#7ADBE314
editorInfo.foreground#7ADBE3
editorLineNumber.activeForeground#E7ABD8
editorLineNumber.foreground#A17593
editorMarkerNavigation.background#190310
editorMarkerNavigationError.background#DB6E7B
editorMarkerNavigationError.headerBackground#DB6E7B1A
editorMarkerNavigationInfo.background#7ADBE3
editorMarkerNavigationInfo.headerBackground#7ADBE31A
editorMarkerNavigationWarning.background#EBB984
editorMarkerNavigationWarning.headerBackground#EBB9841A
editorOverviewRuler.addedForeground#6FDDB1CC
editorOverviewRuler.border#330A20
editorOverviewRuler.commonContentForeground#EBB984CC
editorOverviewRuler.currentContentForeground#B98FD9CC
editorOverviewRuler.deletedForeground#DB6E7BCC
editorOverviewRuler.errorForeground#DB6E7BCC
editorOverviewRuler.findMatchForeground#E25DB9CC
editorOverviewRuler.incomingContentForeground#6FDDB1CC
editorOverviewRuler.infoForeground#7ADBE3CC
editorOverviewRuler.modifiedForeground#B98FD9CC
editorOverviewRuler.selectionHighlightForeground#E5A1DC99
editorOverviewRuler.warningForeground#EBB984CC
editorOverviewRuler.wordHighlightForeground#E084C999
editorRuler.foreground#330A20
editorSuggestWidget.background#190310
editorSuggestWidget.border#491133
editorSuggestWidget.focusHighlightForeground#E7ABDA
editorSuggestWidget.foreground#FAEBFA
editorSuggestWidget.highlightForeground#E084C9
editorSuggestWidget.selectedBackground#701C4E
editorSuggestWidget.selectedForeground#FFFFFF
editorWarning.background#EBB98414
editorWarning.foreground#EBB984
editorWhitespace.foreground#491133
editorWidget.background#190310
editorWidget.border#491133
editorWidget.foreground#FAEBFA
focusBorder#E25DB9
gitDecoration.addedResourceForeground#6FDDB1
gitDecoration.conflictingResourceForeground#EBB984
gitDecoration.deletedResourceForeground#DB6E7B
gitDecoration.ignoredResourceForeground#976E89
gitDecoration.modifiedResourceForeground#B98FD9
gitDecoration.stageDeletedResourceForeground#DE908A
gitDecoration.stageModifiedResourceForeground#CEAFE4
gitDecoration.submoduleResourceForeground#E39ECB
gitDecoration.untrackedResourceForeground#A6FBD5
input.background#190310
input.border#491133
input.foreground#FAEBFA
input.placeholderForeground#B487A6
inputOption.activeBackground#E25DB933
inputOption.activeBorder#E25DB9
inputOption.activeForeground#FFFFFF
inputValidation.errorBackground#481124
inputValidation.errorBorder#DB6E7B
inputValidation.infoBackground#193C44
inputValidation.infoBorder#7ADBE3
inputValidation.warningBackground#3F2814
inputValidation.warningBorder#EBB984
list.activeSelectionBackground#701C4E
list.activeSelectionForeground#FFFFFF
list.errorForeground#DB6E7B
list.focusBackground#5F1742
list.focusForeground#FAEBFA
list.focusOutline#E25DB9
list.highlightForeground#E084C9
list.hoverBackground#2E0920
list.hoverForeground#F6DEF6
list.inactiveSelectionBackground#491133
list.inactiveSelectionForeground#F6DEF6
list.warningForeground#EBB984
menu.background#190310
menu.border#491133
menu.foreground#FAEBFA
menu.selectionBackground#701C4E
menu.selectionForeground#FFFFFF
menu.separatorBackground#491133
menubar.selectionBackground#491133
menubar.selectionForeground#FAEBFA
merge.commonContentBackground#EBB98426
merge.commonHeaderBackground#EBB9844D
merge.currentContentBackground#B98FD926
merge.currentHeaderBackground#B98FD94D
merge.incomingContentBackground#6FDDB126
merge.incomingHeaderBackground#6FDDB14D
mergeEditor.change.background#6FDDB114
mergeEditor.change.word.background#6FDDB11F
mergeEditor.conflict.handledFocused.border#6FDDB1
mergeEditor.conflict.handledUnfocused.border#6FDDB159
mergeEditor.conflict.unhandledFocused.border#EBB984
mergeEditor.conflict.unhandledUnfocused.border#EBB98480
minimap.background#00000000
minimap.errorHighlight#DB6E7B
minimap.findMatchHighlight#E25DB9
minimap.selectionHighlight#E5A1DC
minimap.warningHighlight#EBB984
minimapGutter.addedBackground#6FDDB1
minimapGutter.deletedBackground#DB6E7B
minimapGutter.modifiedBackground#B98FD9
minimapSlider.activeBackground#E25DB96E
minimapSlider.background#E25DB933
minimapSlider.hoverBackground#E25DB94D
notificationCenterHeader.background#1E0414
notificationCenterHeader.foreground#EFC8E1
notificationLink.foreground#E084C9
notifications.background#190310
notifications.border#491133
notifications.foreground#FAEBFA
notificationsErrorIcon.foreground#DB6E7B
notificationsInfoIcon.foreground#7ADBE3
notificationsWarningIcon.foreground#EBB984
panel.background#0D0008
panel.border#330A20
panelTitle.activeBorder#E25DB9
panelTitle.activeForeground#E39ECB
panelTitle.inactiveForeground#976E89
peekView.border#E25DB9
peekViewEditor.background#12010B
peekViewEditor.matchHighlightBackground#E25DB94D
peekViewResult.background#190310
peekViewResult.fileForeground#FAEBFA
peekViewResult.lineForeground#B487A6
peekViewResult.matchHighlightBackground#E25DB94D
peekViewResult.selectionBackground#701C4E
peekViewResult.selectionForeground#FFFFFF
peekViewTitle.background#190310
peekViewTitleDescription.foreground#B487A6
peekViewTitleLabel.foreground#FAEBFA
pickerGroup.border#491133
pickerGroup.foreground#E084C9
problemsErrorIcon.foreground#DB6E7B
problemsInfoIcon.foreground#7ADBE3
problemsWarningIcon.foreground#EBB984
quickInput.background#190310
quickInput.foreground#FAEBFA
quickInputList.focusBackground#701C4E
quickInputList.focusForeground#FFFFFF
scrollbarSlider.activeBackground#E25DB98C
scrollbarSlider.background#E25DB933
scrollbarSlider.hoverBackground#E25DB959
sideBar.background#0D0008
sideBar.border#1E0414
sideBar.foreground#EFC8E1
sideBarSectionHeader.background#12010B
sideBarSectionHeader.border#1E0414
sideBarSectionHeader.foreground#EFC8E1
sideBarTitle.foreground#E39ECB
statusBar.background#1E0414
statusBar.border#330A20
statusBar.debuggingBackground#701C4E
statusBar.debuggingBorder#E25DB9
statusBar.debuggingForeground#FAEBFA
statusBar.foreground#E190C8
statusBar.noFolderBackground#491133
statusBar.noFolderForeground#EFC8E1
statusBarItem.hoverBackground#E25DB926
statusBarItem.remoteBackground#E25DB9
statusBarItem.remoteForeground#190310
tab.activeBackground#12010B
tab.activeBorder#00000000
tab.activeBorderTop#E25DB9
tab.activeForeground#E39ECB
tab.border#190310
tab.hoverBackground#190310
tab.inactiveBackground#0D0008
tab.inactiveForeground#976E89
tab.unfocusedActiveBackground#100109
terminal.ansiBlack#1E0414
terminal.ansiBlue#8C7ACB
terminal.ansiBrightBlack#976E89
terminal.ansiBrightBlue#9E90D4
terminal.ansiBrightCyan#ADEEF2
terminal.ansiBrightGreen#98FBC6
terminal.ansiBrightMagenta#E293CC
terminal.ansiBrightRed#DE908A
terminal.ansiBrightWhite#FFFFFF
terminal.ansiBrightYellow#F3D5AB
terminal.ansiCyan#7ADBE3
terminal.ansiGreen#6FDDB1
terminal.ansiMagenta#E25DB9
terminal.ansiRed#DB6E7B
terminal.ansiWhite#F6DEF6
terminal.ansiYellow#ECBC85
terminal.background#0D0008
terminal.border#330A20
terminal.foreground#FAEBFA
terminal.selectionBackground#701C4E80
terminalCursor.background#0D0008
terminalCursor.foreground#E25DB9
textLink.activeForeground#E7ABDA
textLink.foreground#E084C9
titleBar.activeBackground#0D0008
titleBar.activeForeground#DF8BBF
titleBar.border#1E0414
titleBar.inactiveBackground#0D0008
titleBar.inactiveForeground#976E89
tree.indentGuidesStroke#491133
widget.border#330A20

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#B487A6	italic
keyword, keyword.control, keyword.other	#E25DB9
keyword.operator, storage.type.function.arrow	#E293CC	—
keyword.operator.expression, keyword.operator.new, keyword.operator.delete, keyword.operator.word, keyword.operator.logical.python	#E25DB9	—
storage, storage.type, storage.modifier	#DF7CC3
string, punctuation.definition.string	#E5A1DC	—
constant.character.escape, constant.character.entity, constant.character.format.placeholder	#7ADBE3	—
string.regexp	#A6FBD5	—
constant.numeric, keyword.other.unit	#DE78BA	—
constant.language, constant.other, support.constant	#DE78BA	—
variable.other.constant, variable.other.enummember	#DE78BA	—
variable, variable.other, support.variable, entity.name.variable	#F6DEF6	—
variable.other.property, variable.other.object.property, support.variable.property, entity.name.variable.property, entity.name.variable.field, meta.attribute.python, meta.object-literal.key	#E39ECB	—
variable.parameter, entity.name.variable.parameter, meta.parameter, meta.function.parameter	#F0CCE7	italic
variable.language	#DF7CC3	italic
entity.name.function, support.function, meta.function-call.generic, variable.function	#DE7EBB	—
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, storage.type.class, meta.type.annotation	#E6ABCE	—
entity.other.inherited-class, entity.name.type.parameter	#E6ABCE	italic
entity.name.function.decorator, entity.name.decorator, meta.decorator, punctuation.decorator, meta.attribute.rust, entity.name.function.macro, entity.name.macro, support.function.macro, entity.name.function.preprocessor, meta.preprocessor	#B98FD9	—
entity.name.label, constant.other.label	#E6ABCE	—
invalid, invalid.illegal	#DB6E7B	—
invalid.deprecated	#E6ABCE	strikethrough
punctuation, delimiter, meta.brace	#EFC8E1	—
constant.character.class.regexp, constant.other.character-class.regexp, constant.other.character-class.set.regexp	#7ADBE3	—
keyword.control.anchor.regexp	#E25DB9	—
entity.name.tag	#E25DB9	—
entity.other.attribute-name	#DE7EBB	—
support.class.component, entity.name.tag.custom, meta.tag.custom entity.name.tag	#E6ABCE	—
entity.name.tag.css, entity.name.tag.scss, entity.name.tag.less	#DF7CC3	—
entity.other.attribute-name.class	#DE7EBB	—
entity.other.attribute-name.id	#E25DB9	—
entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element, entity.other.attribute-name.parent-selector	#E293CC	—
entity.other.keyframe-offset	#E25DB9	—
support.type.property-name, meta.at-rule.media.header	#E6ABCE	—
support.constant.property-value, support.constant.font-name, support.constant.media, constant.other.color	#DE78BA	—
variable.other.custom-property, variable.css, variable.scss, variable.less, variable.argument.css	#E293CC	—
markup.heading, entity.name.section	#E25DB9	bold
heading.2 entity.name.section	#DF7CC3	bold
heading.3 entity.name.section	#E293CC	bold
heading.4 entity.name.section	#E39ECB	bold
heading.5 entity.name.section	#E6ABCE	bold
heading.6 entity.name.section	#EFC8E1	bold
markup.bold	#DE7EBB	bold
markup.italic	#E6ABCE	italic
markup.strikethrough	#B487A6	strikethrough
markup.inline.raw, markup.raw, markup.fenced_code	#E5A1DC	—
fenced_code.block.language	#E6ABCE	—
markup.quote	#B487A6	italic
punctuation.definition.list, beginning.punctuation.definition.list	#E25DB9	—
markup.underline.link, string.other.link, markup.underline	#E084C9	underline
markup.table	#EFC8E1	—
meta.separator	#E293CC	—
support.type.property-name.json, support.type.property-name.toml, entity.name.tag.yaml, entity.name.tag.toml	#E6ABCE	—
entity.other.document.begin, entity.other.document.end, punctuation.definition.anchor, punctuation.definition.alias	#EFC8E1	—
string.interpolated, punctuation.definition.variable.shell	#E5A1DC	—