Pink Pixel Enchanted Themes

Name: Pink Pixel Enchanted Themes
Author: Pink Pixel

Publisher: Pink PixelThemes in package: 12

Dark colorful themes and contrast-heavy editor looks for Visual Studio Code by Pink Pixel.

Open in VS Code GitHub

Color themes

VS Code preview

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

Pink Pixel Enchanted Themes — Pink Pixel Glimmer

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#34343d
activityBar.activeFocusBorder#ff8fb0
activityBar.background#131316
activityBar.border#ffffff
activityBar.foreground#63d9ff
activityBar.inactiveForeground#ff8fb0
activityBarBadge.background#4181d3
activityBarBadge.foreground#adcceb
activityBarTop.activeBorder#63d9ff
activityBarTop.foreground#63d9ff
badge.background#4181d3
badge.foreground#adcceb
breadcrumb.activeSelectionForeground#ffffff
breadcrumb.background#1c1c23
breadcrumb.focusForeground#d5d9e6
breadcrumb.foreground#ffffff
breadcrumbPicker.background#16161b
button.background#b98cff
button.foreground#ffffff
button.hoverBackground#cfa8ff
button.secondaryBackground#3f3f48
button.secondaryForeground#eceef4
button.secondaryHoverBackground#54545f
checkbox.background#131316
checkbox.border#ffffff
checkbox.foreground#eceef4
commandCenter.activeBackground#231636
commandCenter.activeBorder#ffffff
commandCenter.activeForeground#ff8fb0
commandCenter.background#131317
commandCenter.border#ff8fb0
commandCenter.foreground#63d9ff
contrastActiveBorder#ffffff
contrastBorder#ffffff
debugExceptionWidget.background#591923
debugExceptionWidget.border#ff78aa
debugTokenExpression.boolean#65c2f5
debugTokenExpression.name#9cffcd
debugTokenExpression.number#63ebf7
debugTokenExpression.string#55e5b3
debugTokenExpression.value#c9a9ff
debugToolBar.background#16161b
debugToolBar.border#b98cff
descriptionForeground#a3a6b3
diffEditor.diagonalFill#2a2a33
diffEditor.insertedLineBackground#1e583b66
diffEditor.insertedTextBackground#21916244
diffEditor.removedLineBackground#581e2866
diffEditor.removedTextBackground#b71e3244
diffEditorGutter.insertedLineBackground#1f9362
diffEditorGutter.removedLineBackground#b91c31
disabledForeground#7d808d
dropdown.background#101014
dropdown.border#63d9ff
dropdown.foreground#eceef4
dropdown.listBackground#0d0d11
editor.background#101010
editor.findMatchBackground#9cffcd
editor.findMatchForeground#eef1f8
editor.findMatchHighlightBackground#216b8988
editor.findRangeHighlightBackground#4a4a6a44
editor.foreground#eceef4
editor.hoverHighlightBackground#46466655
editor.inactiveSelectionBackground#3f3f5f77
editor.lineHighlightBackground#2e2e3877
editor.lineHighlightBorder#2a2a33
editor.rangeHighlightBackground#4f83c533
editor.selectionBackground#35686faa
editor.selectionHighlightBackground#55557755
editor.wordHighlightBackground#4f83c544
editor.wordHighlightStrongBackground#62d8af44
editorBracketHighlight.foreground1#9aa8ff
editorBracketHighlight.foreground2#ff8fb0
editorBracketHighlight.foreground3#ffffff
editorBracketHighlight.foreground4#4ff0c8
editorBracketHighlight.foreground5#b98cff
editorBracketHighlight.foreground6#63d9ff
editorBracketHighlight.unexpectedBracket.foreground#ff6a7a
editorBracketMatch.background#9cffcd22
editorBracketMatch.border#63d9ff
editorCodeLens.foreground#878a97
editorCursor.background#1c1c23
editorCursor.foreground#ff8fb0
editorError.foreground#ff78aa
editorGroup.border#63d9ff
editorGroup.dropBackground#2e1c4a
editorGroupHeader.noTabsBackground#16161b
editorGroupHeader.tabsBackground#131316
editorGroupHeader.tabsBorder#63d9ff
editorGutter.addedBackground#55e5b3
editorGutter.background#1c1c23
editorGutter.deletedBackground#ff78aa
editorGutter.modifiedBackground#65c2f5
editorHint.foreground#55e5b3
editorHoverWidget.background#16161b
editorHoverWidget.border#b98cff
editorHoverWidget.foreground#eceef4
editorIndentGuide.activeBackground1#757885
editorIndentGuide.background1#26262e
editorInfo.foreground#65c2f5
editorInlayHint.background#24242c
editorInlayHint.foreground#a3a6b3
editorInlayHint.parameterBackground#24242c
editorInlayHint.parameterForeground#b9c6ff
editorInlayHint.typeBackground#253551
editorInlayHint.typeForeground#88bef1
editorLineNumber.activeForeground#ff8fb0
editorLineNumber.foreground#63d9ff
editorLink.activeForeground#63d9ff
editorOverviewRuler.border#00000000
editorOverviewRuler.errorForeground#ff78aaCC
editorOverviewRuler.findMatchForeground#9cffcdCC
editorOverviewRuler.infoForeground#65c2f5CC
editorOverviewRuler.warningForeground#9cffcdCC
editorRuler.foreground#2a2a33
editorSuggestWidget.background#16161b
editorSuggestWidget.border#b98cff
editorSuggestWidget.foreground#d5d9e6
editorSuggestWidget.highlightForeground#ff8fb0
editorSuggestWidget.selectedBackground#2b1948
editorSuggestWidget.selectedForeground#eceef4
editorUnnecessaryCode.opacity#00000088
editorWarning.foreground#9cffcd
editorWhitespace.foreground#46464f
editorWidget.background#16161b
editorWidget.border#b98cff
editorWidget.foreground#eceef4
errorForeground#ff78aa
focusBorder#63d9ff
foreground#eceef4
gitDecoration.addedResourceForeground#55e5b3
gitDecoration.conflictingResourceForeground#9cffcd
gitDecoration.deletedResourceForeground#ff78aa
gitDecoration.ignoredResourceForeground#7d808d
gitDecoration.modifiedResourceForeground#65c2f5
gitDecoration.renamedResourceForeground#89a5de
gitDecoration.submoduleResourceForeground#c9a9ff
gitDecoration.untrackedResourceForeground#73f0c0
icon.foreground#63d9ff
input.background#131316
input.border#ffffff
input.foreground#ff8fb0
input.placeholderForeground#63d9ff
inputOption.activeBackground#2d194d
inputOption.activeBorder#ff8fb0
inputOption.activeForeground#eceef4
inputValidation.errorBackground#591923
inputValidation.errorBorder#ff78aa
inputValidation.infoBackground#142734
inputValidation.infoBorder#65c2f5
inputValidation.warningBackground#16281f
inputValidation.warningBorder#9cffcd
list.activeSelectionBackground#2b1948
list.activeSelectionForeground#eceef4
list.errorForeground#ff78aa
list.focusBackground#311a53
list.focusForeground#eceef4
list.focusOutline#63d9ff
list.highlightForeground#ff8fb0
list.hoverBackground#1b1229
list.hoverForeground#eceef4
list.inactiveSelectionBackground#221733
list.inactiveSelectionForeground#eceef4
list.invalidItemForeground#ff78aa
list.warningForeground#9cffcd
menu.background#16161b
menu.border#b98cff
menu.foreground#eceef4
menu.selectionBackground#2b1948
menu.selectionForeground#eceef4
menu.separatorBackground#4c4c58
minimap.background#16161b
minimap.errorHighlight#ff78aaCC
minimap.findMatchHighlight#9cffcdAA
minimap.selectionHighlight#70bfea99
minimap.warningHighlight#9cffcdCC
minimapSlider.activeBackground#9cffcd66
minimapSlider.background#6d6d7a33
minimapSlider.hoverBackground#8484924D
notificationCenterHeader.background#16161b
notificationLink.foreground#63d9ff
notifications.background#16161b
notifications.border#b98cff
notifications.foreground#eceef4
notificationToast.border#b98cff
panel.background#121218
panel.border#63d9ff
panelInput.border#ffffff
panelTitle.activeBorder#ffffff
panelTitle.activeForeground#ff8fb0
panelTitle.inactiveForeground#63d9ff
peekView.border#b98cff
peekViewEditor.background#131317
peekViewEditor.matchHighlightBackground#5f5f92AA
peekViewResult.background#131316
peekViewResult.fileForeground#d3b8ff
peekViewResult.lineForeground#a3a6b3
peekViewResult.matchHighlightBackground#4f4f78AA
peekViewResult.selectionBackground#2b1948
peekViewResult.selectionForeground#eceef4
peekViewTitle.background#16161b
peekViewTitleDescription.foreground#a3a6b3
peekViewTitleLabel.foreground#d9dcea
pickerGroup.border#b98cff
pickerGroup.foreground#ffffff
progressBar.background#ffffff
quickInput.background#16161b
quickInput.foreground#eceef4
quickInputTitle.background#1a1a21
scrollbar.shadow#0d0d11
scrollbarSlider.activeBackground#9cffcdAA
scrollbarSlider.background#6d6d7a66
scrollbarSlider.hoverBackground#84849288
selection.background#4a4a72
settings.checkboxBackground#131316
settings.checkboxBorder#ffffff
settings.dropdownBackground#131316
settings.dropdownBorder#63d9ff
settings.headerForeground#ffffff
settings.modifiedItemIndicator#ffffff
settings.textInputBackground#101014
settings.textInputBorder#63d9ff
sideBar.background#151518
sideBar.border#34343d
sideBar.foreground#63d9ff
sideBarActivityBarTop.border#ff8fb0
sideBarSectionHeader.background#131317
sideBarSectionHeader.border#ff8fb0
sideBarSectionHeader.foreground#d3d8e6
sideBarTitle.border#ff8fb0
sideBarTitle.foreground#ff8fb0
statusBar.background#0f0f13
statusBar.border#b98cff
statusBar.debuggingBackground#4579c4
statusBar.debuggingForeground#eceef4
statusBar.foreground#ff8fb0
statusBar.noFolderBackground#131316
statusBar.noFolderForeground#c9cbd6
statusBarItem.activeBackground#321c54
statusBarItem.hoverBackground#25183a
statusBarItem.prominentBackground#5b4a99
statusBarItem.prominentForeground#f0e9ff
statusBarItem.remoteBackground#3f80ca
statusBarItem.remoteForeground#ff8fb0
tab.activeBackground#1c1c23
tab.activeBorder#ff8fb0
tab.activeBorderTop#63d9ff
tab.activeForeground#ffffff
tab.border#b98cff
tab.hoverBackground#1b1228
tab.hoverForeground#eceef4
tab.inactiveBackground#131316
tab.inactiveForeground#63d9ff
tab.lastPinnedBorder#616470
tab.unfocusedActiveBorderTop#b98cff
tab.unfocusedActiveForeground#ced1dc
tab.unfocusedInactiveForeground#7e818e
terminal.ansiBlack#1e1e26
terminal.ansiBlue#47a7df
terminal.ansiBrightBlack#6f7280
terminal.ansiBrightBlue#73c1ef
terminal.ansiBrightCyan#72eed6
terminal.ansiBrightGreen#71ecaa
terminal.ansiBrightMagenta#db87c7
terminal.ansiBrightRed#ff8490
terminal.ansiBrightWhite#e8ebf3
terminal.ansiBrightYellow#d6ccff
terminal.ansiCyan#49d9c8
terminal.ansiGreen#47da95
terminal.ansiMagenta#c564be
terminal.ansiRed#ff5165
terminal.ansiWhite#cfd2dd
terminal.ansiYellow#b6a6ff
terminal.background#131316
terminal.border#ffffff
terminal.foreground#eceef4
terminal.selectionBackground#4f4f78AA
terminalCursor.background#1c1c23
terminalCursor.foreground#ff8fb0
textBlockQuote.background#16161b
textBlockQuote.border#ff8fb0
textCodeBlock.background#131316
textLink.activeForeground#ff8fb0
textLink.foreground#63d9ff
textPreformat.foreground#b98cff
textSeparator.foreground#54545f
titleBar.activeBackground#0f0f13
titleBar.activeForeground#63d9ff
titleBar.border#b98cff
titleBar.inactiveBackground#0c0c0f
titleBar.inactiveForeground#7c7f8c
tree.inactiveIndentGuidesStroke#2a2a33
tree.indentGuidesStroke#52525e
walkThrough.embeddedEditorBackground#131317
welcomePage.background#1c1c23
welcomePage.tileBackground#1a1a21
welcomePage.tileHoverBackground#231736
widget.shadow#131318AA
window.activeBorder#ffffff
window.inactiveBorder#ffffff

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#5fa9a2	italic
string, string.quoted, string.template, punctuation.definition.string	#55e5b3	—
constant.character.escape, constant.other.placeholder	#ff9ae2	bold
constant.numeric, constant.language, constant.character, support.constant	#b792ff	—
keyword, storage.type, storage.modifier, keyword.control, keyword.operator.new	#63ebf7	—
keyword.control.conditional, keyword.control.loop, keyword.control.flow	#ff72af	bold
keyword.operator, punctuation.separator, punctuation.accessor	#7bf5f5	—
entity.name.function, meta.function-call, variable.function, support.function	#9cffcd	—
variable.parameter, meta.function.parameters	#e1e6ff	—
variable, variable.other.readwrite, variable.other.object	#fdfeff	—
variable.other.property, support.variable.property, meta.object-literal.key	#8be1bf	—
entity.name.type, entity.name.class, support.type, support.class, storage.type.class	#88bef1	—
entity.name.namespace, entity.name.module, support.type.object.module	#65c2f5	—
meta.decorator, punctuation.decorator, storage.type.annotation, entity.name.function.decorator	#eb71a8	—
entity.name.tag, punctuation.definition.tag, meta.tag	#63ebf7	—
entity.other.attribute-name, support.type.property-name	#9cffcd	—
string.regexp, constant.other.character-class.regexp, keyword.operator.quantifier.regexp	#d5bcff	—
support.type.property-name.json, meta.structure.dictionary.key.json string.quoted.double.json	#8be1bf	—
entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.name.tag.css	#63ebf7	—
support.type.property-name.css, support.type.vendored.property-name.css	#65c2f5	—
support.constant.property-value.css, constant.other.color.rgb-value.css, constant.other.color	#55e5b3	—
markup.heading, entity.name.section.markdown, punctuation.definition.heading.markdown	#d3b8ff	bold
markup.bold, punctuation.definition.bold.markdown	#c9a9ff	bold
markup.italic, punctuation.definition.italic.markdown	#88bef1	italic
markup.underline.link, string.other.link.title.markdown, meta.link.inline.markdown	#65c2f5	underline
markup.inline.raw, markup.fenced_code.block, markup.raw.block	#55e5b3	—
markup.quote, punctuation.definition.quote.begin.markdown	#b0b5c6	italic
markup.inserted, markup.inserted.git_gutter	#55e5b3	—
markup.deleted, markup.deleted.git_gutter	#ff78aa	—
markup.changed, markup.changed.git_gutter	#15c18a	—
invalid, invalid.illegal, invalid.deprecated	#ff99ca	underline

VS Code preview

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

Pink Pixel Enchanted Themes — Pink Pixel Mermaid

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#ff5ca8
activityBar.activeFocusBorder#f45ce0
activityBar.background#0b1714
activityBar.border#3fe0d0
activityBar.foreground#e6fbff
activityBar.inactiveForeground#5f9ca0
activityBarBadge.background#ff5ca8
activityBarBadge.foreground#3a0a1f
activityBarTop.activeBorder#ff5ca8
activityBarTop.foreground#e6fbff
badge.background#3fe0d0
badge.foreground#062622
breadcrumb.activeSelectionForeground#ff5ca8
breadcrumb.foreground#7fb0b4
button.background#ff5ca8
button.foreground#3a0a1f
button.hoverBackground#ff8fc4
button.secondaryBackground#153b3a
button.secondaryForeground#e6fbff
button.secondaryHoverBackground#1a4a47
checkbox.background#0b1714
checkbox.border#3fe0d0
checkbox.foreground#e6fbff
commandCenter.activeBackground#153b3a
commandCenter.activeBorder#ff5ca8
commandCenter.activeForeground#e6fbff
commandCenter.background#091411
commandCenter.border#b47aff
commandCenter.foreground#b0e4ec
contrastActiveBorder#ff5ca8
contrastBorder#3fe0d0
debugToolBar.border#b47aff
descriptionForeground#7fb0b4
diffEditor.diagonalFill#2a5a52
diffEditor.insertedLineBackground#1a9e7233
diffEditor.insertedTextBackground#22c48f55
diffEditor.removedLineBackground#9e2a4433
diffEditor.removedTextBackground#c43a5a55
disabledForeground#4a7a7e
dropdown.background#0b1714
dropdown.border#3fe0d0
dropdown.foreground#e6fbff
editor.background#12241f
editor.findMatchBackground#a8811aAA
editor.findMatchBorder#ffc93d
editor.findMatchHighlightBackground#8c6c1666
editor.foreground#e6fbff
editor.inactiveSelectionBackground#1f7a8055
editor.lineHighlightBackground#172e27
editor.lineHighlightBorder#1e3b32
editor.rangeHighlightBackground#ff5ca81f
editor.selectionBackground#2a8a94AA
editor.selectionHighlightBackground#3aa8b444
editor.wordHighlightBackground#3fe0d026
editor.wordHighlightStrongBackground#ff5ca82B
editorBracketHighlight.foreground1#ff5ca8
editorBracketHighlight.foreground2#3fe0d0
editorBracketHighlight.foreground3#b47aff
editorBracketHighlight.foreground4#ffc93d
editorBracketHighlight.foreground5#ff8a5c
editorBracketHighlight.foreground6#5fd0f0
editorBracketHighlight.unexpectedBracket.foreground#ff7a8f
editorBracketMatch.background#ff5ca826
editorBracketMatch.border#ff5ca8
editorCodeLens.foreground#5f9ca0
editorCursor.foreground#ff5ca8
editorError.foreground#ff7a8f
editorGroup.border#3fe0d0
editorGroupHeader.tabsBackground#0b1714
editorGroupHeader.tabsBorder#3fe0d0
editorGutter.addedBackground#3fe0d0
editorGutter.deletedBackground#ff7a8f
editorGutter.modifiedBackground#5fd0f0
editorHint.foreground#3fe0d0
editorHoverWidget.border#b47aff
editorIndentGuide.activeBackground1#3f7a6e
editorIndentGuide.background1#20443c
editorInfo.foreground#5fd0f0
editorInlayHint.background#193a33
editorInlayHint.foreground#9ccfd4
editorLineNumber.activeForeground#ff5ca8
editorLineNumber.foreground#5f9ca0
editorLink.activeForeground#f45ce0
editorRuler.foreground#20443c
editorSuggestWidget.background#0e1d19
editorSuggestWidget.border#b47aff
editorSuggestWidget.foreground#b0e4ec
editorSuggestWidget.highlightForeground#ff5ca8
editorSuggestWidget.selectedBackground#153b3a
editorWarning.foreground#ffc93d
editorWhitespace.foreground#28524a
editorWidget.background#0e1d19
editorWidget.border#b47aff
editorWidget.foreground#e6fbff
errorForeground#ff7a8f
focusBorder#ff5ca8
foreground#e6fbff
gitDecoration.addedResourceForeground#3fe0d0
gitDecoration.conflictingResourceForeground#ffc93d
gitDecoration.deletedResourceForeground#ff7a8f
gitDecoration.ignoredResourceForeground#4a7a7e
gitDecoration.modifiedResourceForeground#5fd0f0
gitDecoration.renamedResourceForeground#b47aff
gitDecoration.untrackedResourceForeground#6ff0e8
icon.foreground#b0e4ec
input.background#0b1714
input.border#3fe0d0
input.foreground#e6fbff
input.placeholderForeground#5f9ca0
inputOption.activeBackground#1a4a47
inputOption.activeBorder#ff5ca8
inputValidation.errorBackground#4a1a26
inputValidation.errorBorder#ff7a8f
inputValidation.infoBackground#123540
inputValidation.infoBorder#5fd0f0
inputValidation.warningBackground#3d3315
inputValidation.warningBorder#ffc93d
list.activeSelectionBackground#153b3a
list.activeSelectionForeground#e6fbff
list.focusBackground#1a4a47
list.focusForeground#e6fbff
list.focusOutline#ff5ca8
list.highlightForeground#ff5ca8
list.hoverBackground#122e27
list.hoverForeground#e6fbff
list.inactiveSelectionBackground#143630
list.inactiveSelectionForeground#e6fbff
list.invalidItemForeground#ff7a8f
menu.background#0e1d19
menu.border#b47aff
menu.foreground#e6fbff
menu.selectionBackground#153b3a
menu.selectionForeground#e6fbff
menu.separatorBackground#2a5a52
minimap.background#0e1d19
minimap.errorHighlight#ff7a8f
minimap.findMatchHighlight#ffc93dcb
minimap.selectionHighlight#3aa8b4cd
minimap.warningHighlight#ffc93d
minimapGutter.addedBackground#3fe0d0
minimapGutter.deletedBackground#ff7a8f
minimapGutter.modifiedBackground#5fd0f0
notificationCenterHeader.background#0e1d19
notificationLink.foreground#5fd0f0
notifications.background#0e1d19
notifications.border#b47aff
notifications.foreground#e6fbff
notificationToast.border#b47aff
panel.background#0c1a16
panel.border#3fe0d0
panelInput.border#3fe0d0
panelTitle.activeBorder#ff5ca8
panelTitle.activeForeground#e6fbff
panelTitle.inactiveForeground#5f9ca0
peekView.border#b47aff
peekViewEditor.background#091411
peekViewEditor.matchHighlightBackground#8c6c1688
peekViewResult.background#0b1714
peekViewResult.selectionBackground#153b3a
peekViewTitle.background#0e1d19
pickerGroup.border#b47aff
pickerGroup.foreground#ff5ca8
progressBar.background#ff5ca8
quickInput.background#0e1d19
quickInput.foreground#e6fbff
quickInputList.focusBackground#153b3a
quickInputList.focusForeground#e6fbff
scrollbar.shadow#050c0a
scrollbarSlider.activeBackground#3aa8b499
scrollbarSlider.background#2a8a9455
scrollbarSlider.hoverBackground#3aa8b477
selection.background#2a8a9466
settings.checkboxBorder#3fe0d0
settings.dropdownBorder#3fe0d0
settings.headerForeground#ff5ca8
settings.modifiedItemIndicator#ffc93d
settings.textInputBorder#3fe0d0
sideBar.background#0e1d19
sideBar.border#3fe0d0
sideBar.foreground#b0e4ec
sideBarActivityBarTop.border#3fe0d0
sideBarSectionHeader.background#091411
sideBarSectionHeader.border#3fe0d0
sideBarSectionHeader.foreground#3fe0d0
sideBarTitle.border#3fe0d0
sideBarTitle.foreground#ff5ca8
statusBar.background#081310
statusBar.border#b47aff
statusBar.debuggingBackground#a8267a
statusBar.debuggingForeground#e6fbff
statusBar.foreground#3fe0d0
statusBar.noFolderBackground#0b1714
statusBarItem.hoverBackground#1a3f38
statusBarItem.remoteBackground#ff5ca8
statusBarItem.remoteForeground#3a0a1f
tab.activeBackground#12241f
tab.activeBorder#ff5ca8
tab.activeBorderTop#3fe0d0
tab.activeForeground#e6fbff
tab.activeModifiedBorder#ffc93d
tab.border#2a5a52
tab.hoverBackground#122e27
tab.hoverForeground#e6fbff
tab.inactiveBackground#0b1714
tab.inactiveForeground#5f9ca0
tab.inactiveModifiedBorder#a8842a
tab.unfocusedActiveBorderTop#1fa89c
terminal.ansiBlack#172e27
terminal.ansiBlue#5fd0f0
terminal.ansiBrightBlack#5f9ca0
terminal.ansiBrightBlue#8fe0ff
terminal.ansiBrightCyan#6ff0e8
terminal.ansiBrightGreen#7fffbf
terminal.ansiBrightMagenta#d0a3ff
terminal.ansiBrightRed#ffa3b2
terminal.ansiBrightWhite#e6fbff
terminal.ansiBrightYellow#ffe08a
terminal.ansiCyan#3fe0d0
terminal.ansiGreen#a8e86b
terminal.ansiMagenta#f45ce0
terminal.ansiRed#ff7a8f
terminal.ansiWhite#b0e4ec
terminal.ansiYellow#ffc93d
terminal.background#0b1714
terminal.border#3fe0d0
terminal.foreground#e6fbff
terminal.selectionBackground#2a8a94AA
terminalCursor.background#12241f
terminalCursor.foreground#ff5ca8
textBlockQuote.background#0e1d19
textBlockQuote.border#3fe0d0
textCodeBlock.background#0b1714
textLink.activeForeground#f45ce0
textLink.foreground#5fd0f0
textPreformat.foreground#3fe0d0
titleBar.activeBackground#081310
titleBar.activeForeground#3fe0d0
titleBar.border#b47aff
titleBar.inactiveBackground#060f0d
titleBar.inactiveForeground#5f9ca0
tree.inactiveIndentGuidesStroke#1b3830
tree.indentGuidesStroke#2a5a52
window.activeBorder#3fe0d0
window.inactiveBorder#1fa89c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#5f9ca0	italic
string, string.quoted, string.template	#3fe0d0	—
constant.character.escape, constant.other.placeholder	#6ff0e8	—
constant.numeric, constant.language, constant.other	#ffc93d	—
keyword, storage.type, storage.modifier	#b47aff	—
keyword.control, keyword.control.flow, keyword.control.conditional	#d0a3ff	bold
keyword.operator, punctuation.separator, punctuation.accessor	#7fb0b4	—
variable, meta.definition.variable.name	#e6fbff	—
variable.parameter, meta.parameter	#ffab87	—
variable.other.property, support.variable.property, meta.object-literal.key	#ff8a5c	—
entity.name.function, support.function, meta.function-call	#ff5ca8	—
entity.name.type, entity.name.class, support.type, support.class	#5fd0f0	—
entity.name.namespace, entity.name.module, support.module	#6ff0e8	—
entity.name.tag, punctuation.definition.tag	#f45ce0	—
entity.other.attribute-name	#ffc93d	—
string.regexp, constant.regexp	#a8e86b	—
invalid, invalid.illegal	#ff7a8f	—
markup.heading, entity.name.section.markdown	#ff5ca8	bold
markup.bold, punctuation.definition.bold.markdown	#ffc93d	bold
markup.italic, punctuation.definition.italic.markdown	#d0a3ff	italic
markup.underline.link, string.other.link.title.markdown	#5fd0f0	underline
markup.inline.raw, markup.fenced_code.block	#3fe0d0	—
markup.inserted, meta.diff.header.to-file	#3fe0d0	—
markup.deleted, meta.diff.header.from-file	#ff7a8f	—
markup.changed	#ffc93d	—

VS Code preview

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

Pink Pixel Enchanted Themes — Pink Pixel Moonberry

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#ff5edb
activityBar.activeFocusBorder#c46bff
activityBar.background#0c070f
activityBar.border#ff5edb
activityBar.foreground#8ab6ff
activityBar.inactiveForeground#c46bff
activityBarBadge.background#7dbeff
activityBarBadge.foreground#0d1423
activityBarTop.activeBorder#8ab6ff
activityBarTop.foreground#8ab6ff
badge.background#fe0b72
badge.foreground#ff99b4
breadcrumb.activeSelectionForeground#ff5edb
breadcrumb.foreground#ff5edb
button.background#ff6f96
button.foreground#ff5edb
button.hoverBackground#e228b7
button.secondaryBackground#1b2267
button.secondaryForeground#f6ecff
button.secondaryHoverBackground#283480
checkbox.background#0c070f
checkbox.border#ff5edb
checkbox.foreground#f6ecff
commandCenter.activeBackground#2a1636
commandCenter.activeBorder#ff5edb
commandCenter.activeForeground#c46bff
commandCenter.background#0e0912
commandCenter.border#c46bff
commandCenter.foreground#8ab6ff
contrastActiveBorder#ff5edb
contrastBorder#ff5edb
debugToolBar.border#ff6f96
descriptionForeground#a47dd7
diffEditor.diagonalFill#3b2463
diffEditor.insertedLineBackground#1776412E
diffEditor.insertedTextBackground#1bae583D
diffEditor.removedLineBackground#a00b362E
diffEditor.removedTextBackground#ff13583D
disabledForeground#7c688a
dropdown.background#0a060d
dropdown.border#8ab6ff
dropdown.foreground#f6ecff
editor.background#180f1e
editor.findMatchBackground#ffd06566
editor.findMatchBorder#ffde8f
editor.findMatchHighlightBackground#d8871e44
editor.foreground#f6ecff
editor.inactiveSelectionBackground#49207c5E
editor.lineHighlightBackground#120f29
editor.lineHighlightBorder#27195e
editor.rangeHighlightBackground#432b7644
editor.selectionBackground#6e2b9988
editor.selectionHighlightBackground#863ba450
editor.wordHighlightBackground#2664c63D
editor.wordHighlightStrongBackground#ed1c744D
editorBracketHighlight.foreground1#ffdf5c
editorBracketHighlight.foreground2#c46bff
editorBracketHighlight.foreground3#ff5edb
editorBracketHighlight.foreground4#5cffd0
editorBracketHighlight.foreground5#ff6f96
editorBracketHighlight.foreground6#8ab6ff
editorBracketHighlight.unexpectedBracket.foreground#ff758d
editorBracketMatch.background#ff5cbe22
editorBracketMatch.border#8ab6ff
editorCodeLens.foreground#8a5cc3
editorCursor.foreground#c46bff
editorError.foreground#ff8094
editorGroup.border#8ab6ff
editorGroupHeader.tabsBackground#0c070f
editorGroupHeader.tabsBorder#8ab6ff
editorGutter.addedBackground#48ff90
editorGutter.deletedBackground#ff8d9d
editorGutter.modifiedBackground#7dbeff
editorHint.foreground#5fffb6
editorHoverWidget.border#ff6f96
editorIndentGuide.activeBackground1#5f3a8e
editorIndentGuide.background1#1a1434
editorInfo.foreground#7dbeff
editorInlayHint.background#16112e
editorInlayHint.foreground#aa7fd5
editorLineNumber.activeForeground#c46bff
editorLineNumber.foreground#8ab6ff
editorLink.activeForeground#8ab6ff
editorRuler.foreground#1a1434
editorSuggestWidget.background#110a15
editorSuggestWidget.border#ff6f96
editorSuggestWidget.foreground#d0adeb
editorSuggestWidget.highlightForeground#c46bff
editorSuggestWidget.selectedBackground#351948
editorWarning.foreground#ffd065
editorWhitespace.foreground#322260
editorWidget.background#110a15
editorWidget.border#ff6f96
editorWidget.foreground#f6ecff
errorForeground#ff8d9d
focusBorder#8ab6ff
foreground#f6ecff
gitDecoration.addedResourceForeground#48ff90
gitDecoration.conflictingResourceForeground#ffd065
gitDecoration.deletedResourceForeground#ff8d9d
gitDecoration.ignoredResourceForeground#7c688a
gitDecoration.modifiedResourceForeground#7dbeff
gitDecoration.renamedResourceForeground#d878ff
gitDecoration.untrackedResourceForeground#5fffb6
icon.foreground#8ab6ff
input.background#0c070f
input.border#ff5edb
input.foreground#c46bff
input.placeholderForeground#8ab6ff
inputOption.activeBackground#38194d
inputOption.activeBorder#c46bff
inputValidation.errorBackground#31131d
inputValidation.errorBorder#ff8d9d
inputValidation.infoBackground#132033
inputValidation.infoBorder#7dbeff
inputValidation.warningBackground#302612
inputValidation.warningBorder#ffd065
list.activeSelectionBackground#351948
list.activeSelectionForeground#f6ecff
list.focusBackground#3d1a53
list.focusForeground#f6ecff
list.focusOutline#8ab6ff
list.highlightForeground#c46bff
list.hoverBackground#201229
list.hoverForeground#f6ecff
list.inactiveSelectionBackground#281733
list.inactiveSelectionForeground#f6ecff
list.invalidItemForeground#ff8d9d
menu.background#110a15
menu.border#ff6f96
menu.foreground#f6ecff
menu.selectionBackground#351948
menu.selectionForeground#f6ecff
menu.separatorBackground#3d246d
minimap.background#110a15
minimap.errorHighlight#ff8d9dCC
minimap.findMatchHighlight#ffd065AA
minimap.selectionHighlight#cb4ce788
minimap.warningHighlight#ffd065CC
minimapGutter.addedBackground#48ff90
minimapGutter.deletedBackground#ff8d9d
minimapGutter.modifiedBackground#7dbeff
notificationCenterHeader.background#110a15
notificationLink.foreground#8ab6ff
notifications.background#110a15
notifications.border#ff6f96
notifications.foreground#f6ecff
notificationToast.border#ff6f96
panel.background#0f0913
panel.border#8ab6ff
panelInput.border#ff5edb
panelTitle.activeBorder#ff5edb
panelTitle.activeForeground#c46bff
panelTitle.inactiveForeground#8ab6ff
peekView.border#ff6f96
peekViewEditor.background#0e0912
peekViewEditor.matchHighlightBackground#ffd06555
peekViewResult.background#0c070f
peekViewResult.selectionBackground#351948
peekViewTitle.background#110a15
pickerGroup.border#ff6f96
pickerGroup.foreground#ff5edb
progressBar.background#ff5edb
quickInput.background#110a15
quickInput.foreground#f6ecff
quickInputList.focusBackground#351948
quickInputList.focusForeground#f6ecff
scrollbar.shadow#080713
scrollbarSlider.activeBackground#b673e499
scrollbarSlider.background#734ba255
scrollbarSlider.hoverBackground#9161c477
selection.background#822a9e88
settings.checkboxBorder#ff5edb
settings.dropdownBorder#8ab6ff
settings.headerForeground#ff5edb
settings.modifiedItemIndicator#ff5edb
settings.textInputBorder#8ab6ff
sideBar.background#110a15
sideBar.border#ff5edb
sideBar.foreground#8ab6ff
sideBarActivityBarTop.border#c46bff
sideBarSectionHeader.background#0e0912
sideBarSectionHeader.border#c46bff
sideBarSectionHeader.foreground#ff75ca
sideBarTitle.border#c46bff
sideBarTitle.foreground#c46bff
statusBar.background#09050b
statusBar.border#ff6f96
statusBar.debuggingBackground#b52587
statusBar.debuggingForeground#f6ecff
statusBar.foreground#c46bff
statusBar.noFolderBackground#0c070f
statusBarItem.hoverBackground#2c183a
statusBarItem.remoteBackground#236ae6
statusBarItem.remoteForeground#c46bff
tab.activeBackground#180f1e
tab.activeBorder#c46bff
tab.activeBorderTop#8ab6ff
tab.activeForeground#ff5edb
tab.activeModifiedBorder#7dbeff
tab.border#ff6f96
tab.hoverBackground#201228
tab.hoverForeground#f6ecff
tab.inactiveBackground#0c070f
tab.inactiveForeground#8ab6ff
tab.inactiveModifiedBorder#307bd9
tab.unfocusedActiveBorderTop#ff6f96
terminal.ansiBlack#15112c
terminal.ansiBlue#7dbeff
terminal.ansiBrightBlack#705e7c
terminal.ansiBrightBlue#99ceff
terminal.ansiBrightCyan#8efffd
terminal.ansiBrightGreen#7dffac
terminal.ansiBrightMagenta#ff99d5
terminal.ansiBrightRed#ff99a8
terminal.ansiBrightWhite#d7a0f8
terminal.ansiBrightYellow#ffde8f
terminal.ansiCyan#59fbff
terminal.ansiGreen#48ff90
terminal.ansiMagenta#ff5cbe
terminal.ansiRed#ff8094
terminal.ansiWhite#c8abed
terminal.ansiYellow#ffd065
terminal.background#0c070f
terminal.border#ff5edb
terminal.foreground#f6ecff
terminal.selectionBackground#6e2b9988
terminalCursor.background#180f1e
terminalCursor.foreground#c46bff
textBlockQuote.background#110a15
textBlockQuote.border#c46bff
textCodeBlock.background#0c070f
textLink.activeForeground#c46bff
textLink.foreground#8ab6ff
textPreformat.foreground#ff6f96
titleBar.activeBackground#09050b
titleBar.activeForeground#8ab6ff
titleBar.border#ff6f96
titleBar.inactiveBackground#070409
titleBar.inactiveForeground#7d698b
tree.inactiveIndentGuidesStroke#2a1b5b
tree.indentGuidesStroke#462a76
window.activeBorder#ff5edb
window.inactiveBorder#ff5edb

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#966fb1	italic
string, string.quoted, string.template	#77ffad	—
constant.character.escape, constant.other.placeholder	#ffc896	bold
constant.numeric, constant.language, constant.other	#ffc896	—
keyword, storage.type, storage.modifier	#ff74bc	—
keyword.control, keyword.control.flow	#ff8baa	bold
keyword.operator, punctuation.separator, punctuation.accessor	#b382f8	—
variable, meta.definition.variable.name	#cca4f4	—
variable.parameter, meta.parameter	#f2a3e2	—
variable.other.property, support.variable.property, meta.object-literal.key	#99cbff	—
entity.name.function, support.function, meta.function-call	#ff5cbe	—
entity.name.type, entity.name.class, support.type, support.class	#d878ff	bold
entity.name.namespace, entity.name.module, support.module	#7dbeff	—
entity.name.tag, punctuation.definition.tag	#ff74bc	—
entity.other.attribute-name	#ffd065	—
string.regexp, constant.regexp	#5fffb6	—
invalid, invalid.illegal	#ff99b4	—
markup.heading, entity.name.section.markdown	#ff74bc	bold
markup.bold, punctuation.definition.bold.markdown	#ffc896	bold
markup.italic, punctuation.definition.italic.markdown	#d878ff	italic
markup.underline.link, string.other.link.title.markdown	#7dbeff	underline
markup.inline.raw, markup.fenced_code.block	#77ffad	—
markup.inserted, meta.diff.header.to-file	#7dffac	—
markup.deleted, meta.diff.header.from-file	#ff99a8	—
markup.changed	#ffde8f	—

VS Code preview

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

Pink Pixel Enchanted Themes — Pink Pixel Nightshade

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#8fdfff
activityBar.activeFocusBorder#d4f2ff
activityBar.background#0a110c
activityBar.border#6fe89a
activityBar.foreground#d4f2ff
activityBar.inactiveForeground#6d9177
activityBarBadge.background#8fdfff
activityBarBadge.foreground#062230
activityBarTop.activeBorder#8fdfff
activityBarTop.foreground#d4f2ff
badge.background#6fe89a
badge.foreground#062613
breadcrumb.activeSelectionForeground#8fdfff
breadcrumb.foreground#7fae90
button.background#8fdfff
button.foreground#062230
button.hoverBackground#a8e8ff
button.secondaryBackground#17332e
button.secondaryForeground#d8efe2
button.secondaryHoverBackground#1c4038
checkbox.background#0a110c
checkbox.border#6fe89a
checkbox.foreground#d8efe2
commandCenter.activeBackground#17332e
commandCenter.activeBorder#8fdfff
commandCenter.activeForeground#d4f2ff
commandCenter.background#080e0a
commandCenter.border#4fc3f0
commandCenter.foreground#b4d6c2
contrastActiveBorder#8fdfff
contrastBorder#6fe89a
debugToolBar.border#4fc3f0
descriptionForeground#7fae90
diffEditor.diagonalFill#255440
diffEditor.insertedLineBackground#1a8a5533
diffEditor.insertedTextBackground#22b06e55
diffEditor.removedLineBackground#8a2f3533
diffEditor.removedTextBackground#b03d4455
disabledForeground#5a7a63
dropdown.background#0a110c
dropdown.border#6fe89a
dropdown.foreground#d8efe2
editor.background#101a13
editor.findMatchBackground#5c7a2aAA
editor.findMatchBorder#b8e87a
editor.findMatchHighlightBackground#4d6a2366
editor.foreground#d8efe2
editor.inactiveSelectionBackground#1f5a7055
editor.lineHighlightBackground#15241a
editor.lineHighlightBorder#1c3024
editor.rangeHighlightBackground#2a6a8a2E
editor.selectionBackground#2a6a8aAA
editor.selectionHighlightBackground#3a83a444
editor.wordHighlightBackground#8fdfff26
editor.wordHighlightStrongBackground#6fe89a2B
editorBracketHighlight.foreground1#8fdfff
editorBracketHighlight.foreground2#6fe89a
editorBracketHighlight.foreground3#a8e8ff
editorBracketHighlight.foreground4#a8f5bd
editorBracketHighlight.foreground5#7fd8c4
editorBracketHighlight.foreground6#b8e87a
editorBracketHighlight.unexpectedBracket.foreground#ff8f8f
editorBracketMatch.background#8fdfff26
editorBracketMatch.border#8fdfff
editorCodeLens.foreground#6d9177
editorCursor.foreground#d4f2ff
editorError.foreground#ff8f8f
editorGroup.border#6fe89a
editorGroupHeader.tabsBackground#0a110c
editorGroupHeader.tabsBorder#6fe89a
editorGutter.addedBackground#3fd47f
editorGutter.deletedBackground#ff8f8f
editorGutter.modifiedBackground#8fdfff
editorHint.foreground#6fe89a
editorHoverWidget.border#4fc3f0
editorIndentGuide.activeBackground1#3d6b4e
editorIndentGuide.background1#1f3527
editorInfo.foreground#8fdfff
editorInlayHint.background#162b21
editorInlayHint.foreground#9cc4ad
editorLineNumber.activeForeground#d4f2ff
editorLineNumber.foreground#6d9177
editorLink.activeForeground#a8e8ff
editorRuler.foreground#1f3527
editorSuggestWidget.background#0c150f
editorSuggestWidget.border#4fc3f0
editorSuggestWidget.foreground#b4d6c2
editorSuggestWidget.highlightForeground#8fdfff
editorSuggestWidget.selectedBackground#17332e
editorWarning.foreground#b8e87a
editorWhitespace.foreground#25422f
editorWidget.background#0c150f
editorWidget.border#4fc3f0
editorWidget.foreground#d8efe2
errorForeground#ff8f8f
focusBorder#8fdfff
foreground#d8efe2
gitDecoration.addedResourceForeground#3fd47f
gitDecoration.conflictingResourceForeground#b8e87a
gitDecoration.deletedResourceForeground#ff8f8f
gitDecoration.ignoredResourceForeground#5a7a63
gitDecoration.modifiedResourceForeground#8fdfff
gitDecoration.renamedResourceForeground#7fd8c4
gitDecoration.untrackedResourceForeground#a8f5bd
icon.foreground#b4d6c2
input.background#0a110c
input.border#6fe89a
input.foreground#d8efe2
input.placeholderForeground#6d9177
inputOption.activeBackground#1c4038
inputOption.activeBorder#8fdfff
inputValidation.errorBackground#3a1c1c
inputValidation.errorBorder#ff8f8f
inputValidation.infoBackground#13303d
inputValidation.infoBorder#8fdfff
inputValidation.warningBackground#2c3318
inputValidation.warningBorder#b8e87a
list.activeSelectionBackground#17332e
list.activeSelectionForeground#d8efe2
list.focusBackground#1c4038
list.focusForeground#d8efe2
list.focusOutline#8fdfff
list.highlightForeground#8fdfff
list.hoverBackground#132318
list.hoverForeground#d8efe2
list.inactiveSelectionBackground#142b23
list.inactiveSelectionForeground#d8efe2
list.invalidItemForeground#ff8f8f
menu.background#0c150f
menu.border#4fc3f0
menu.foreground#d8efe2
menu.selectionBackground#17332e
menu.selectionForeground#d4f2ff
menu.separatorBackground#2a4a37
minimap.background#0c150f
minimap.errorHighlight#ff8f8f
minimap.findMatchHighlight#b8e87acb
minimap.selectionHighlight#3a83a4cd
minimap.warningHighlight#b8e87a
minimapGutter.addedBackground#3fd47f
minimapGutter.deletedBackground#ff8f8f
minimapGutter.modifiedBackground#8fdfff
notificationCenterHeader.background#0c150f
notificationLink.foreground#8fdfff
notifications.background#0c150f
notifications.border#4fc3f0
notifications.foreground#d8efe2
notificationToast.border#4fc3f0
panel.background#0b130d
panel.border#6fe89a
panelInput.border#6fe89a
panelTitle.activeBorder#8fdfff
panelTitle.activeForeground#d4f2ff
panelTitle.inactiveForeground#6d9177
peekView.border#4fc3f0
peekViewEditor.background#080e0a
peekViewEditor.matchHighlightBackground#4d6a2388
peekViewResult.background#0a110c
peekViewResult.selectionBackground#17332e
peekViewTitle.background#0c150f
pickerGroup.border#4fc3f0
pickerGroup.foreground#8fdfff
progressBar.background#8fdfff
quickInput.background#0c150f
quickInput.foreground#d8efe2
quickInputList.focusBackground#17332e
quickInputList.focusForeground#d4f2ff
scrollbar.shadow#040805
scrollbarSlider.activeBackground#3a83a499
scrollbarSlider.background#2a6a8a55
scrollbarSlider.hoverBackground#3a83a477
selection.background#2a6a8a66
settings.checkboxBorder#6fe89a
settings.dropdownBorder#6fe89a
settings.headerForeground#8fdfff
settings.modifiedItemIndicator#6fe89a
settings.textInputBorder#6fe89a
sideBar.background#0c150f
sideBar.border#6fe89a
sideBar.foreground#b4d6c2
sideBarActivityBarTop.border#6fe89a
sideBarSectionHeader.background#080e0a
sideBarSectionHeader.border#6fe89a
sideBarSectionHeader.foreground#6fe89a
sideBarTitle.border#6fe89a
sideBarTitle.foreground#d4f2ff
statusBar.background#060c08
statusBar.border#4fc3f0
statusBar.debuggingBackground#1d6b8a
statusBar.debuggingForeground#d4f2ff
statusBar.foreground#6fe89a
statusBar.noFolderBackground#0a110c
statusBarItem.hoverBackground#193026
statusBarItem.remoteBackground#6fe89a
statusBarItem.remoteForeground#062613
tab.activeBackground#101a13
tab.activeBorder#8fdfff
tab.activeBorderTop#6fe89a
tab.activeForeground#d4f2ff
tab.activeModifiedBorder#b8e87a
tab.border#2a4a37
tab.hoverBackground#132318
tab.hoverForeground#d8efe2
tab.inactiveBackground#0a110c
tab.inactiveForeground#6d9177
tab.inactiveModifiedBorder#7a9c4f
tab.unfocusedActiveBorderTop#2f9e63
terminal.ansiBlack#15241a
terminal.ansiBlue#4fc3f0
terminal.ansiBrightBlack#6d9177
terminal.ansiBrightBlue#8fdfff
terminal.ansiBrightCyan#a8f0e8
terminal.ansiBrightGreen#a8f5bd
terminal.ansiBrightMagenta#a8e8ff
terminal.ansiBrightRed#ffb3b3
terminal.ansiBrightWhite#d4f2ff
terminal.ansiBrightYellow#d4f09c
terminal.ansiCyan#7fd8c4
terminal.ansiGreen#6fe89a
terminal.ansiMagenta#8fdfff
terminal.ansiRed#ff8f8f
terminal.ansiWhite#b4d6c2
terminal.ansiYellow#b8e87a
terminal.background#0a110c
terminal.border#6fe89a
terminal.foreground#d8efe2
terminal.selectionBackground#2a6a8aAA
terminalCursor.background#101a13
terminalCursor.foreground#d4f2ff
textBlockQuote.background#0c150f
textBlockQuote.border#6fe89a
textCodeBlock.background#0a110c
textLink.activeForeground#a8e8ff
textLink.foreground#8fdfff
textPreformat.foreground#6fe89a
titleBar.activeBackground#060c08
titleBar.activeForeground#6fe89a
titleBar.border#4fc3f0
titleBar.inactiveBackground#050906
titleBar.inactiveForeground#6d9177
tree.inactiveIndentGuidesStroke#1a2c20
tree.indentGuidesStroke#2a4a37
window.activeBorder#6fe89a
window.inactiveBorder#2f9e63

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#6d9177	italic
string, string.quoted, string.template	#6fe89a	—
constant.character.escape, constant.other.placeholder	#b8e87a	—
constant.numeric, constant.language, constant.other	#b8e87a	—
keyword, storage.type, storage.modifier	#7fd8c4	—
keyword.control, keyword.control.flow	#d4f2ff	bold
keyword.operator, punctuation.separator, punctuation.accessor	#7fae90	—
variable, meta.definition.variable.name	#d8efe2	—
variable.parameter, meta.parameter	#a8e8ff	—
variable.other.property, support.variable.property, meta.object-literal.key	#a8f5bd	—
entity.name.function, support.function, meta.function-call	#8fdfff	—
entity.name.type, entity.name.class, support.type, support.class	#4fc3f0	—
entity.name.tag, punctuation.definition.tag	#7fd8c4	—
entity.other.attribute-name	#b8e87a	—
string.regexp, constant.regexp	#b8e87a	—
invalid, invalid.illegal	#ff8f8f	—
markup.heading, entity.name.section.markdown	#8fdfff	bold
markup.bold, punctuation.definition.bold.markdown	#b8e87a	bold
markup.italic, punctuation.definition.italic.markdown	#7fd8c4	italic
markup.underline.link, string.other.link.title.markdown	#4fc3f0	underline
markup.inline.raw, markup.fenced_code.block	#6fe89a	—
markup.inserted	#6fe89a	—
markup.deleted	#ff8f8f	—