Lime Grove

Name: Lime Grove
Author: Pipe Pipe Code

Publisher: Pipe Pipe CodeThemes in package: 14

A light theme for Visual Studio Code with lime green syntax and dark orange chrome. 6 perceptually distinct colors for maximum code readability.

Open in VS Code GitHub

Color themes

VS Code preview

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

Lime Grove — Lime Midnight Grove

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#0A0E0C
activityBar.border#060A08
activityBar.foreground#90D060
activityBar.inactiveForeground#305030
activityBarBadge.background#A0E020
activityBarBadge.foreground#111614
badge.background#A0E020
badge.foreground#111614
breadcrumb.activeSelectionForeground#C0FF40
breadcrumb.background#111614
breadcrumb.focusForeground#A0E020
breadcrumb.foreground#385838
button.background#3A7010
button.foreground#DCF0D0
button.hoverBackground#50A020
button.secondaryBackground#203020
button.secondaryForeground#90C880
button.secondaryHoverBackground#284028
contrastBorder#00000000
diffEditor.insertedLineBackground#3A701015
diffEditor.insertedTextBackground#3A701028
diffEditor.removedLineBackground#F0887815
diffEditor.removedTextBackground#F0887828
dropdown.background#182018
dropdown.border#283028
dropdown.foreground#DCF0D0
dropdown.listBackground#182018
editor.background#111614
editor.findMatchBackground#A0E02060
editor.findMatchHighlightBackground#A0E02028
editor.foreground#DCF0D0
editor.inactiveSelectionBackground#50A03020
editor.lineHighlightBackground#1A1E1C
editor.rangeHighlightBackground#50A03018
editor.selectionBackground#50A03050
editor.selectionHighlightBackground#50A03028
editor.wordHighlightBackground#50A03038
editor.wordHighlightStrongBackground#50A03050
editorBracketMatch.background#50A03038
editorBracketMatch.border#A0E020
editorCodeLens.foreground#385838
editorCursor.background#111614
editorCursor.foreground#A0E020
editorError.foreground#F08878
editorGroupHeader.tabsBackground#0A0E0C
editorGroupHeader.tabsBorder#060A08
editorGutter.addedBackground#70C840
editorGutter.background#0E1210
editorGutter.deletedBackground#F08878
editorGutter.modifiedBackground#F09040
editorHint.foreground#A0E020
editorHoverWidget.background#182018
editorHoverWidget.border#283028
editorHoverWidget.foreground#DCF0D0
editorIndentGuide.activeBackground1#385838
editorIndentGuide.background1#202820
editorInfo.foreground#70C840
editorLightBulb.foreground#F09040
editorLineNumber.activeForeground#A0E020
editorLineNumber.foreground#385838
editorOverviewRuler.border#202820
editorOverviewRuler.errorForeground#F08878
editorOverviewRuler.findMatchForeground#A0E020
editorOverviewRuler.warningForeground#F09040
editorRuler.foreground#202820
editorSuggestWidget.background#182018
editorSuggestWidget.border#283028
editorSuggestWidget.foreground#DCF0D0
editorSuggestWidget.highlightForeground#A0E020
editorSuggestWidget.selectedBackground#203020
editorWarning.foreground#F09040
editorWhitespace.foreground#283028
editorWidget.background#182018
editorWidget.border#283028
editorWidget.foreground#DCF0D0
focusBorder#A0E02060
gitDecoration.addedResourceForeground#A0E020
gitDecoration.conflictingResourceForeground#F09040
gitDecoration.deletedResourceForeground#F08878
gitDecoration.ignoredResourceForeground#385838
gitDecoration.modifiedResourceForeground#F09040
gitDecoration.untrackedResourceForeground#70C840
input.background#182018
input.border#283028
input.foreground#DCF0D0
input.placeholderForeground#385838
inputOption.activeBackground#203020
inputOption.activeBorder#A0E020
inputOption.activeForeground#DCF0D0
inputValidation.errorBackground#281818
inputValidation.errorBorder#F08878
inputValidation.infoBackground#141E14
inputValidation.infoBorder#A0E020
inputValidation.warningBackground#201808
inputValidation.warningBorder#F09040
list.activeSelectionBackground#1E3020
list.activeSelectionForeground#DCF0D0
list.errorForeground#F08878
list.focusBackground#1E3020
list.focusForeground#DCF0D0
list.highlightForeground#A0E020
list.hoverBackground#18201880
list.hoverForeground#DCF0D0
list.inactiveSelectionBackground#182018
list.inactiveSelectionForeground#90C880
list.warningForeground#F09040
menu.background#121814
menu.foreground#DCF0D0
menu.selectionBackground#1E3020
menu.selectionForeground#DCF0D0
menu.separatorBackground#202820
menubar.selectionBackground#182018
menubar.selectionForeground#DCF0D0
notificationLink.foreground#A0E020
notifications.background#182018
notifications.border#283028
notifications.foreground#DCF0D0
panel.background#0E1210
panel.border#060A08
panelTitle.activeBorder#A0E020
panelTitle.activeForeground#A0E020
panelTitle.inactiveForeground#385838
pickerGroup.border#203020
pickerGroup.foreground#385838
quickInput.background#182018
quickInput.foreground#DCF0D0
quickInputHighlight.foreground#A0E020
scrollbar.shadow#00000040
scrollbarSlider.activeBackground#A0E02050
scrollbarSlider.background#28302850
scrollbarSlider.hoverBackground#38503870
settings.checkboxBackground#182018
settings.checkboxBorder#283028
settings.dropdownBackground#182018
settings.dropdownBorder#283028
settings.headerForeground#A0E020
settings.modifiedItemIndicator#A0E020
settings.numberInputBackground#182018
settings.numberInputBorder#283028
settings.textInputBackground#182018
settings.textInputBorder#283028
sideBar.background#0E1210
sideBar.border#060A08
sideBar.foreground#90C880
sideBarSectionHeader.background#121814
sideBarSectionHeader.border#060A08
sideBarSectionHeader.foreground#90C880
sideBarTitle.foreground#A0E020
statusBar.background#183018
statusBar.border#0C1E0C
statusBar.debuggingBackground#F09040
statusBar.debuggingForeground#111614
statusBar.foreground#90D060
statusBar.noFolderBackground#0A0E0C
statusBar.noFolderForeground#90C880
statusBarItem.activeBackground#082008
statusBarItem.errorBackground#F08878
statusBarItem.errorForeground#111614
statusBarItem.hoverBackground#0C1E0C
statusBarItem.remoteBackground#70C840
statusBarItem.remoteForeground#111614
statusBarItem.warningBackground#F09040
statusBarItem.warningForeground#111614
tab.activeBackground#111614
tab.activeBorder#A0E020
tab.activeBorderTop#00000000
tab.activeForeground#DCF0D0
tab.border#060A08
tab.hoverBackground#121814
tab.hoverForeground#90C880
tab.inactiveBackground#0A0E0C
tab.inactiveForeground#305030
tab.unfocusedActiveBackground#0E1210
tab.unfocusedActiveForeground#487048
terminal.ansiBlack#202820
terminal.ansiBlue#50C0F0
terminal.ansiBrightBlack#385838
terminal.ansiBrightBlue#80D8FF
terminal.ansiBrightCyan#60E8B8
terminal.ansiBrightGreen#C0FF30
terminal.ansiBrightMagenta#D0A8FF
terminal.ansiBrightRed#FFB0A0
terminal.ansiBrightWhite#DCF0D0
terminal.ansiBrightYellow#FFB860
terminal.ansiCyan#30C890
terminal.ansiGreen#A0E020
terminal.ansiMagenta#B080FF
terminal.ansiRed#F08878
terminal.ansiWhite#90C880
terminal.ansiYellow#F09040
terminal.background#111614
terminal.foreground#DCF0D0
terminal.selectionBackground#50A03050
terminalCursor.foreground#A0E020
titleBar.activeBackground#0A0E0C
titleBar.activeForeground#90D060
titleBar.border#060A08
titleBar.inactiveBackground#0E1210
titleBar.inactiveForeground#305030
widget.shadow#00000050

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
source, text	#DCF0D0	—
comment, punctuation.definition.comment, comment.block, comment.line	#4A7050	italic
comment.block.documentation, comment.line.double-slash.documentation	#5A8860	italic
keyword, keyword.control, keyword.control.flow, keyword.control.conditional, keyword.control.loop, keyword.control.import, keyword.control.export, keyword.control.return, keyword.control.trycatch, keyword.control.exception, keyword.other.using, keyword.other.import, keyword.operator.new, keyword.operator.delete, keyword.operator.typeof, keyword.operator.void, keyword.operator.instanceof, keyword.operator.in, keyword.operator.of	#B080FF	bold
storage.type, storage.modifier	#B080FF	bold
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, entity.name.enum	#50C0F0	bold
support.class, support.type, meta.type.annotation, meta.type.parameters, entity.other.inherited-class	#50C0F0	—
keyword.type, support.type.primitive, storage.type.primitive, storage.type.numeric, storage.type.string, storage.type.boolean, storage.type.object, storage.type.void, storage.type.cs	#50C0F0	—
entity.name.function, entity.name.method, entity.name.member	#F09040	bold
meta.function-call entity.name.function, meta.method-call entity.name.function, support.function, support.function.builtin	#F09040	—
variable.parameter	#C89870	italic
variable, variable.other, variable.other.readwrite, variable.other.object, variable.other.object.property	#DCF0D0	—
variable.language	#B080FF	italic
variable.other.property, variable.other.member, support.variable.property	#80D8F8	—
string, string.quoted, string.quoted.single, string.quoted.double, string.quoted.triple, string.template, string.interpolated	#A0E020	—
constant.character.escape, constant.character.entity	#E0B040	bold
punctuation.definition.template-expression, punctuation.section.embedded	#F09040	bold
constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.octal, constant.numeric.binary	#F08878	—
constant.language, constant.language.boolean, constant.language.null, constant.language.undefined, constant.language.none	#F08878	bold
constant.other	#E0B040	—
keyword.operator, keyword.operator.arithmetic, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.logical, keyword.operator.bitwise, keyword.operator.ternary, keyword.operator.spread, keyword.operator.optional, keyword.operator.nullish, keyword.operator.arrow	#8AA8B0	—
punctuation, punctuation.separator, punctuation.terminator, punctuation.accessor, punctuation.definition.block, punctuation.definition.parameters, meta.brace, meta.delimiter	#6A9098	—
string.regexp, constant.other.character-class.regexp, constant.character.regexp, keyword.operator.quantifier.regexp, keyword.operator.or.regexp, punctuation.definition.group.regexp, punctuation.definition.character-class.regexp	#30E8A0	—
meta.decorator, punctuation.decorator, entity.name.function.decorator, storage.type.annotation	#E0B040	italic
entity.name.type.attribute.cs, support.type.attribute	#E0B040	—
entity.name.tag, entity.name.tag.xml, entity.name.tag.html, meta.tag.xml entity.name.tag	#50C0F0	bold
entity.other.attribute-name, entity.other.attribute-name.xml, entity.other.attribute-name.html	#E0B040	—
string.quoted.double.html, string.quoted.single.html, string.quoted.double.xml, string.quoted.single.xml	#A0E020	—
punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end, meta.tag punctuation	#8AA8B0	—
string.unquoted.cdata.xml	#A0E020	italic
meta.tag.sgml.doctype, meta.tag.preprocessor.xml	#4A7050	italic
entity.name.tag.namespace.xml	#B080FF	—
entity.name.tag.css	#50C0F0	—
entity.other.attribute-name.class.css, entity.other.attribute-name.id.css	#B080FF	—
support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less	#E0B040	—
support.constant.property-value.css, meta.property-value.css	#A0E020	—
keyword.other.unit.css	#F08878	—
entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css	#30E8A0	—
support.type.property-name.json	#E0B040	bold
string.quoted.double.json	#A0E020	—
constant.numeric.json	#F08878	—
constant.language.json	#F08878	bold
markup.heading, entity.name.section.markdown, punctuation.definition.heading.markdown	#B080FF	bold
markup.bold, punctuation.definition.bold.markdown	#F09040	bold
markup.italic, punctuation.definition.italic.markdown	#50C0F0	italic
markup.inline.raw, markup.fenced_code.block	#30E8A0	—
markup.underline.link, string.other.link	#30E8A0	underline
punctuation.definition.list.begin.markdown	#F09040	—
markup.quote, punctuation.definition.quote.begin.markdown	#4A7050	italic
invalid, invalid.illegal	#111614	—
invalid.deprecated	#F08878	strikethrough

VS Code preview

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

Lime Grove — Lime OLED Grove

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.border#000000
activityBar.foreground#90D060
activityBar.inactiveForeground#2A4A2A
activityBarBadge.background#A0E020
activityBarBadge.foreground#000000
badge.background#A0E020
badge.foreground#000000
breadcrumb.activeSelectionForeground#AAE336
breadcrumb.background#000000
breadcrumb.focusForeground#A0E020
breadcrumb.foreground#383838
button.background#587B12
button.foreground#DCF0D0
button.hoverBackground#709D16
button.secondaryBackground#1A2405
button.secondaryForeground#B4C5AB
button.secondaryHoverBackground#2C3619
contrastBorder#00000000
diffEditor.insertedLineBackground#A0E02015
diffEditor.insertedTextBackground#A0E02028
diffEditor.removedLineBackground#F0887815
diffEditor.removedTextBackground#F0887828
dropdown.background#0F0F0F
dropdown.border#242424
dropdown.foreground#DCF0D0
dropdown.listBackground#0F0F0F
editor.background#000000
editor.findMatchBackground#A0E02060
editor.findMatchHighlightBackground#A0E02028
editor.foreground#DCF0D0
editor.inactiveSelectionBackground#50A03020
editor.lineHighlightBackground#0D0D0D
editor.rangeHighlightBackground#50A03018
editor.selectionBackground#50A03050
editor.selectionHighlightBackground#50A03028
editor.wordHighlightBackground#50A03038
editor.wordHighlightStrongBackground#50A03050
editorBracketMatch.background#50A03038
editorBracketMatch.border#A0E020
editorCodeLens.foreground#383838
editorCursor.background#000000
editorCursor.foreground#A0E020
editorError.foreground#F08878
editorGroupHeader.tabsBackground#000000
editorGroupHeader.tabsBorder#000000
editorGutter.addedBackground#A0E020
editorGutter.background#000000
editorGutter.deletedBackground#F08878
editorGutter.modifiedBackground#F09040
editorHint.foreground#A0E020
editorHoverWidget.background#0F0F0F
editorHoverWidget.border#242424
editorHoverWidget.foreground#DCF0D0
editorIndentGuide.activeBackground1#383838
editorIndentGuide.background1#141414
editorInfo.foreground#50C0F0
editorLightBulb.foreground#E0B040
editorLineNumber.activeForeground#A0E020
editorLineNumber.foreground#383838
editorOverviewRuler.border#141414
editorOverviewRuler.errorForeground#F08878
editorOverviewRuler.findMatchForeground#A0E020
editorOverviewRuler.warningForeground#E0B040
editorRuler.foreground#141414
editorSuggestWidget.background#0F0F0F
editorSuggestWidget.border#242424
editorSuggestWidget.foreground#DCF0D0
editorSuggestWidget.highlightForeground#A0E020
editorSuggestWidget.selectedBackground#1A2405
editorWarning.foreground#E0B040
editorWhitespace.foreground#1F1F1F
editorWidget.background#0F0F0F
editorWidget.border#242424
editorWidget.foreground#DCF0D0
focusBorder#A0E02060
gitDecoration.addedResourceForeground#A0E020
gitDecoration.conflictingResourceForeground#F09040
gitDecoration.deletedResourceForeground#F08878
gitDecoration.ignoredResourceForeground#383838
gitDecoration.modifiedResourceForeground#F09040
gitDecoration.untrackedResourceForeground#AAE336
input.background#0F0F0F
input.border#242424
input.foreground#DCF0D0
input.placeholderForeground#383838
inputOption.activeBackground#1A2405
inputOption.activeBorder#A0E020
inputOption.activeForeground#DCF0D0
inputValidation.errorBackground#F0887815
inputValidation.errorBorder#F08878
inputValidation.infoBackground#A0E02018
inputValidation.infoBorder#A0E020
inputValidation.warningBackground#E0B04020
inputValidation.warningBorder#E0B040
list.activeSelectionBackground#1A2405
list.activeSelectionForeground#DCF0D0
list.errorForeground#F08878
list.focusBackground#1A2405
list.focusForeground#DCF0D0
list.highlightForeground#A0E020
list.hoverBackground#0F0F0F80
list.hoverForeground#DCF0D0
list.inactiveSelectionBackground#0F0F0F
list.inactiveSelectionForeground#B4C5AB
list.warningForeground#E0B040
menu.background#0F0F0F
menu.foreground#DCF0D0
menu.selectionBackground#1A2405
menu.selectionForeground#DCF0D0
menu.separatorBackground#242424
menubar.selectionBackground#0F0F0F
menubar.selectionForeground#DCF0D0
notificationLink.foreground#A0E020
notifications.background#0F0F0F
notifications.border#242424
notifications.foreground#DCF0D0
panel.background#080808
panel.border#000000
panelTitle.activeBorder#A0E020
panelTitle.activeForeground#A0E020
panelTitle.inactiveForeground#2A4A2A
pickerGroup.border#242424
pickerGroup.foreground#383838
quickInput.background#0F0F0F
quickInput.foreground#DCF0D0
quickInputHighlight.foreground#A0E020
scrollbar.shadow#00000060
scrollbarSlider.activeBackground#A0E02050
scrollbarSlider.background#33333350
scrollbarSlider.hoverBackground#52525270
settings.checkboxBackground#0F0F0F
settings.checkboxBorder#242424
settings.dropdownBackground#0F0F0F
settings.dropdownBorder#242424
settings.headerForeground#A0E020
settings.modifiedItemIndicator#A0E020
settings.numberInputBackground#0F0F0F
settings.numberInputBorder#242424
settings.textInputBackground#0F0F0F
settings.textInputBorder#242424
sideBar.background#080808
sideBar.border#000000
sideBar.foreground#B4C5AB
sideBarSectionHeader.background#0F0F0F
sideBarSectionHeader.border#000000
sideBarSectionHeader.foreground#B4C5AB
sideBarTitle.foreground#A0E020
statusBar.background#0C2A0C
statusBar.border#081D08
statusBar.debuggingBackground#F09040
statusBar.debuggingForeground#000000
statusBar.foreground#90D060
statusBar.noFolderBackground#000000
statusBar.noFolderForeground#90D060
statusBarItem.activeBackground#081D08
statusBarItem.errorBackground#F08878
statusBarItem.errorForeground#000000
statusBarItem.hoverBackground#081D08
statusBarItem.remoteBackground#A0E020
statusBarItem.remoteForeground#000000
statusBarItem.warningBackground#E0B040
statusBarItem.warningForeground#000000
tab.activeBackground#000000
tab.activeBorder#A0E020
tab.activeBorderTop#00000000
tab.activeForeground#DCF0D0
tab.border#000000
tab.hoverBackground#0F0F0F
tab.hoverForeground#DCF0D0
tab.inactiveBackground#000000
tab.inactiveForeground#2A4A2A
tab.unfocusedActiveBackground#080808
tab.unfocusedActiveForeground#84907D
terminal.ansiBlack#1A1A1A
terminal.ansiBlue#50C0F0
terminal.ansiBrightBlack#474747
terminal.ansiBrightBlue#73CDF3
terminal.ansiBrightCyan#59EDB3
terminal.ansiBrightGreen#B3E64D
terminal.ansiBrightMagenta#C099FF
terminal.ansiBrightRed#F3A093
terminal.ansiBrightWhite#DCF0D0
terminal.ansiBrightYellow#E6C066
terminal.ansiCyan#30E8A0
terminal.ansiGreen#A0E020
terminal.ansiMagenta#B080FF
terminal.ansiRed#F08878
terminal.ansiWhite#A5B49C
terminal.ansiYellow#E0B040
terminal.background#080808
terminal.foreground#DCF0D0
terminal.selectionBackground#50A03050
terminalCursor.foreground#A0E020
titleBar.activeBackground#000000
titleBar.activeForeground#90D060
titleBar.border#000000
titleBar.inactiveBackground#080808
titleBar.inactiveForeground#2A4A2A
widget.shadow#00000060

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
source, text	#DCF0D0	—
comment, punctuation.definition.comment, comment.block, comment.line	#4A7050	italic
comment.block.documentation, comment.line.double-slash.documentation	#65856A	italic
keyword, keyword.control, keyword.control.flow, keyword.control.conditional, keyword.control.loop, keyword.control.import, keyword.control.export, keyword.control.return, keyword.control.trycatch, keyword.control.exception, keyword.other.using, keyword.other.import, keyword.operator.new, keyword.operator.delete, keyword.operator.typeof, keyword.operator.void, keyword.operator.instanceof, keyword.operator.in, keyword.operator.of	#B080FF	bold
storage.type, storage.modifier	#B080FF	bold
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, entity.name.enum	#50C0F0	bold
support.class, support.type, meta.type.annotation, meta.type.parameters, entity.other.inherited-class	#50C0F0	—
keyword.type, support.type.primitive, storage.type.primitive, storage.type.numeric, storage.type.string, storage.type.boolean, storage.type.object, storage.type.void, storage.type.cs	#50C0F0	—
entity.name.function, entity.name.method, entity.name.member	#F09040	bold
meta.function-call entity.name.function, meta.method-call entity.name.function, support.function, support.function.builtin	#F09040	—
variable.parameter	#E8B67A	italic
variable, variable.other, variable.other.readwrite, variable.other.object, variable.other.object.property	#DCF0D0	—
variable.language	#B080FF	italic
variable.other.property, variable.other.member, support.variable.property	#6AC9F2	—
string, string.quoted, string.quoted.single, string.quoted.double, string.quoted.triple, string.template, string.interpolated	#A0E020	—
constant.character.escape, constant.character.entity	#E0B040	bold
punctuation.definition.template-expression, punctuation.section.embedded	#F09040	bold
constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.octal, constant.numeric.binary	#F08878	—
constant.language, constant.language.boolean, constant.language.null, constant.language.undefined, constant.language.none	#F08878	bold
constant.other	#E0B040	—
keyword.operator, keyword.operator.arithmetic, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.logical, keyword.operator.bitwise, keyword.operator.ternary, keyword.operator.spread, keyword.operator.optional, keyword.operator.nullish, keyword.operator.arrow	#8AA8B0	—
punctuation, punctuation.separator, punctuation.terminator, punctuation.accessor, punctuation.definition.block, punctuation.definition.parameters, meta.brace, meta.delimiter	#718A90	—
string.regexp, constant.other.character-class.regexp, constant.character.regexp, keyword.operator.quantifier.regexp, keyword.operator.or.regexp, punctuation.definition.group.regexp, punctuation.definition.character-class.regexp	#30E8A0	—
meta.decorator, punctuation.decorator, entity.name.function.decorator, storage.type.annotation	#E0B040	italic
entity.name.type.attribute.cs, support.type.attribute	#E0B040	—
entity.name.tag, entity.name.tag.xml, entity.name.tag.html, meta.tag.xml entity.name.tag	#50C0F0	bold
entity.other.attribute-name, entity.other.attribute-name.xml, entity.other.attribute-name.html	#E0B040	—
string.quoted.double.html, string.quoted.single.html, string.quoted.double.xml, string.quoted.single.xml	#A0E020	—
punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end, meta.tag punctuation	#8AA8B0	—
string.unquoted.cdata.xml	#A0E020	italic
meta.tag.sgml.doctype, meta.tag.preprocessor.xml	#4A7050	italic
entity.name.tag.namespace.xml	#B080FF	—
entity.name.tag.css	#50C0F0	—
entity.other.attribute-name.class.css, entity.other.attribute-name.id.css	#B080FF	—
support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less	#E0B040	—
support.constant.property-value.css, meta.property-value.css	#A0E020	—
keyword.other.unit.css	#F08878	—
entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css	#30E8A0	—
support.type.property-name.json	#E0B040	bold
string.quoted.double.json	#A0E020	—
constant.numeric.json	#F08878	—
constant.language.json	#F08878	bold
markup.heading, entity.name.section.markdown, punctuation.definition.heading.markdown	#B080FF	bold
markup.bold, punctuation.definition.bold.markdown	#F09040	bold
markup.italic, punctuation.definition.italic.markdown	#50C0F0	italic
markup.inline.raw, markup.fenced_code.block	#30E8A0	—
markup.underline.link, string.other.link	#30E8A0	underline
punctuation.definition.list.begin.markdown	#F09040	—
markup.quote, punctuation.definition.quote.begin.markdown	#4A7050	italic
invalid, invalid.illegal	#000000	—
invalid.deprecated	#F08878	strikethrough

VS Code preview

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

Lime Grove — Lime Sepia Grove

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

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

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

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

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

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

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

Problems1

Output

Debug Console

Terminal

Ports

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

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Light+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.background#473828
activityBar.border#392D20
activityBar.foreground#F0E4CC
activityBar.inactiveForeground#9A8A70
activityBarBadge.background#A05A1E
activityBarBadge.foreground#F4ECD8
badge.background#A05A1E
badge.foreground#F4ECD8
breadcrumb.activeSelectionForeground#90511B
breadcrumb.background#F4ECD8
breadcrumb.focusForeground#A05A1E
breadcrumb.foreground#ABA597
button.background#90511B
button.foreground#FFFFFF
button.hoverBackground#A05A1E
button.secondaryBackground#E5D2B7
button.secondaryForeground#716453
button.secondaryHoverBackground#D7C5AC
contrastBorder#00000000
diffEditor.insertedLineBackground#6A7A1E15
diffEditor.insertedTextBackground#6A7A1E28
diffEditor.removedLineBackground#B0401E15
diffEditor.removedTextBackground#B0401E28
dropdown.background#F7F2E4
dropdown.border#CDC6B5
dropdown.foreground#544636
dropdown.listBackground#F7F2E4
editor.background#F4ECD8
editor.findMatchBackground#A05A1E55
editor.findMatchHighlightBackground#A05A1E28
editor.foreground#544636
editor.inactiveSelectionBackground#C8A86A30
editor.lineHighlightBackground#E8E0CD
editor.rangeHighlightBackground#C8A86A22
editor.selectionBackground#C8A86A70
editor.selectionHighlightBackground#C8A86A40
editor.wordHighlightBackground#C8A86A50
editor.wordHighlightStrongBackground#C8A86A66
editorBracketMatch.background#C8A86A38
editorBracketMatch.border#A05A1E
editorCodeLens.foreground#ABA597
editorCursor.background#F4ECD8
editorCursor.foreground#A05A1E
editorError.foreground#B0401E
editorGroupHeader.tabsBackground#473828
editorGroupHeader.tabsBorder#392D20
editorGutter.addedBackground#6A7A1E
editorGutter.background#EDE5D2
editorGutter.deletedBackground#B0401E
editorGutter.modifiedBackground#B05A1E
editorHint.foreground#A05A1E
editorHoverWidget.background#F7F2E4
editorHoverWidget.border#CDC6B5
editorHoverWidget.foreground#544636
editorIndentGuide.activeBackground1#B0AA9C
editorIndentGuide.background1#DCD4C2
editorInfo.foreground#3A6A98
editorLightBulb.foreground#B05A1E
editorLineNumber.activeForeground#A05A1E
editorLineNumber.foreground#ABA597
editorOverviewRuler.border#DCD4C2
editorOverviewRuler.errorForeground#B0401E
editorOverviewRuler.findMatchForeground#A05A1E
editorOverviewRuler.warningForeground#B05A1E
editorRuler.foreground#DCD4C2
editorSuggestWidget.background#F7F2E4
editorSuggestWidget.border#CDC6B5
editorSuggestWidget.foreground#544636
editorSuggestWidget.highlightForeground#A05A1E
editorSuggestWidget.selectedBackground#E5D2B7
editorWarning.foreground#B05A1E
editorWhitespace.foreground#D2CBBA
editorWidget.background#F7F2E4
editorWidget.border#CDC6B5
editorWidget.foreground#544636
focusBorder#A05A1E60
gitDecoration.addedResourceForeground#6A7A1E
gitDecoration.conflictingResourceForeground#B05A1E
gitDecoration.deletedResourceForeground#B0401E
gitDecoration.ignoredResourceForeground#ABA597
gitDecoration.modifiedResourceForeground#B05A1E
gitDecoration.untrackedResourceForeground#65741C
input.background#F7F2E4
input.border#CDC6B5
input.foreground#544636
input.placeholderForeground#ABA597
inputOption.activeBackground#E5D2B7
inputOption.activeBorder#A05A1E
inputOption.activeForeground#544636
inputValidation.errorBackground#B0401E15
inputValidation.errorBorder#B0401E
inputValidation.infoBackground#A05A1E18
inputValidation.infoBorder#A05A1E
inputValidation.warningBackground#B05A1E20
inputValidation.warningBorder#B05A1E
list.activeSelectionBackground#E5D2B7
list.activeSelectionForeground#544636
list.errorForeground#B0401E
list.focusBackground#E5D2B7
list.focusForeground#544636
list.highlightForeground#A05A1E
list.hoverBackground#F7F2E480
list.hoverForeground#544636
list.inactiveSelectionBackground#F7F2E4
list.inactiveSelectionForeground#716453
list.warningForeground#B05A1E
menu.background#E9E1CF
menu.foreground#544636
menu.selectionBackground#E5D2B7
menu.selectionForeground#544636
menu.separatorBackground#CDC6B5
menubar.selectionBackground#F7F2E4
menubar.selectionForeground#544636
notificationLink.foreground#A05A1E
notifications.background#F7F2E4
notifications.border#CDC6B5
notifications.foreground#544636
panel.background#EEE6D3
panel.border#392D20
panelTitle.activeBorder#A05A1E
panelTitle.activeForeground#A05A1E
panelTitle.inactiveForeground#9A8A70
pickerGroup.border#CDC6B5
pickerGroup.foreground#ABA597
quickInput.background#F7F2E4
quickInput.foreground#544636
quickInputHighlight.foreground#A05A1E
scrollbar.shadow#0000001A
scrollbarSlider.activeBackground#A05A1E50
scrollbarSlider.background#B7B1A250
scrollbarSlider.hoverBackground#9F998C70
settings.checkboxBackground#F7F2E4
settings.checkboxBorder#CDC6B5
settings.dropdownBackground#F7F2E4
settings.dropdownBorder#CDC6B5
settings.headerForeground#A05A1E
settings.modifiedItemIndicator#A05A1E
settings.numberInputBackground#F7F2E4
settings.numberInputBorder#CDC6B5
settings.textInputBackground#F7F2E4
settings.textInputBorder#CDC6B5
sideBar.background#EEE6D3
sideBar.border#392D20
sideBar.foreground#716453
sideBarSectionHeader.background#E9E1CF
sideBarSectionHeader.border#392D20
sideBarSectionHeader.foreground#716453
sideBarTitle.foreground#A05A1E
statusBar.background#8A5A20
statusBar.border#754C1B
statusBar.debuggingBackground#B0481C
statusBar.debuggingForeground#F4ECD8
statusBar.foreground#F8EEDC
statusBar.noFolderBackground#473828
statusBar.noFolderForeground#F8EEDC
statusBarItem.activeBackground#6E481A
statusBarItem.errorBackground#B0401E
statusBarItem.errorForeground#F4ECD8
statusBarItem.hoverBackground#754C1B
statusBarItem.remoteBackground#A05A1E
statusBarItem.remoteForeground#F4ECD8
statusBarItem.warningBackground#B05A1E
statusBarItem.warningForeground#F4ECD8
tab.activeBackground#F4ECD8
tab.activeBorder#A05A1E
tab.activeBorderTop#00000000
tab.activeForeground#544636
tab.border#392D20
tab.hoverBackground#E9E1CF
tab.hoverForeground#544636
tab.inactiveBackground#473828
tab.inactiveForeground#9A8A70
tab.unfocusedActiveBackground#EEE6D3
tab.unfocusedActiveForeground#948877
terminal.ansiBlack#6C5F4E
terminal.ansiBlue#3A6A98
terminal.ansiBrightBlack#8C806F
terminal.ansiBrightBlue#345F89
terminal.ansiBrightCyan#266E5C
terminal.ansiBrightGreen#5F6E1B
terminal.ansiBrightMagenta#7C4790
terminal.ansiBrightRed#9E3A1B
terminal.ansiBrightWhite#544636
terminal.ansiBrightYellow#7C5A16
terminal.ansiCyan#2A7A66
terminal.ansiGreen#6A7A1E
terminal.ansiMagenta#8A4FA0
terminal.ansiRed#B0401E
terminal.ansiWhite#7C705E
terminal.ansiYellow#8A6418
terminal.background#EEE6D3
terminal.foreground#544636
terminal.selectionBackground#C8A86A70
terminalCursor.foreground#A05A1E
titleBar.activeBackground#473828
titleBar.activeForeground#F0E4CC
titleBar.border#392D20
titleBar.inactiveBackground#EEE6D3
titleBar.inactiveForeground#9A8A70
widget.shadow#0000001A

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
source, text	#544636	—
comment, punctuation.definition.comment, comment.block, comment.line	#A09070	italic
comment.block.documentation, comment.line.double-slash.documentation	#908265	italic
keyword, keyword.control, keyword.control.flow, keyword.control.conditional, keyword.control.loop, keyword.control.import, keyword.control.export, keyword.control.return, keyword.control.trycatch, keyword.control.exception, keyword.other.using, keyword.other.import, keyword.operator.new, keyword.operator.delete, keyword.operator.typeof, keyword.operator.void, keyword.operator.instanceof, keyword.operator.in, keyword.operator.of	#8A4FA0	bold
storage.type, storage.modifier	#8A4FA0	bold
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, entity.name.enum	#3A6A98	bold
support.class, support.type, meta.type.annotation, meta.type.parameters, entity.other.inherited-class	#3A6A98	—
keyword.type, support.type.primitive, storage.type.primitive, storage.type.numeric, storage.type.string, storage.type.boolean, storage.type.object, storage.type.void, storage.type.cs	#3A6A98	—
entity.name.function, entity.name.method, entity.name.member	#B05A1E	bold
meta.function-call entity.name.function, meta.method-call entity.name.function, support.function, support.function.builtin	#B05A1E	—
variable.parameter	#8B5228	italic
variable, variable.other, variable.other.readwrite, variable.other.object, variable.other.object.property	#544636	—
variable.language	#8A4FA0	italic
variable.other.property, variable.other.member, support.variable.property	#35628C	—
string, string.quoted, string.quoted.single, string.quoted.double, string.quoted.triple, string.template, string.interpolated	#6A7A1E	—
constant.character.escape, constant.character.entity	#8A6418	bold
punctuation.definition.template-expression, punctuation.section.embedded	#B05A1E	bold
constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.octal, constant.numeric.binary	#A0402A	—
constant.language, constant.language.boolean, constant.language.null, constant.language.undefined, constant.language.none	#A0402A	bold
constant.other	#8A6418	—
keyword.operator, keyword.operator.arithmetic, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.logical, keyword.operator.bitwise, keyword.operator.ternary, keyword.operator.spread, keyword.operator.optional, keyword.operator.nullish, keyword.operator.arrow	#8A7A60	—
punctuation, punctuation.separator, punctuation.terminator, punctuation.accessor, punctuation.definition.block, punctuation.definition.parameters, meta.brace, meta.delimiter	#9D8F76	—
string.regexp, constant.other.character-class.regexp, constant.character.regexp, keyword.operator.quantifier.regexp, keyword.operator.or.regexp, punctuation.definition.group.regexp, punctuation.definition.character-class.regexp	#2A7A66	—
meta.decorator, punctuation.decorator, entity.name.function.decorator, storage.type.annotation	#8A6418	italic
entity.name.type.attribute.cs, support.type.attribute	#8A6418	—
entity.name.tag, entity.name.tag.xml, entity.name.tag.html, meta.tag.xml entity.name.tag	#3A6A98	bold
entity.other.attribute-name, entity.other.attribute-name.xml, entity.other.attribute-name.html	#8A6418	—
string.quoted.double.html, string.quoted.single.html, string.quoted.double.xml, string.quoted.single.xml	#6A7A1E	—
punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end, meta.tag punctuation	#8A7A60	—
string.unquoted.cdata.xml	#6A7A1E	italic
meta.tag.sgml.doctype, meta.tag.preprocessor.xml	#A09070	italic
entity.name.tag.namespace.xml	#8A4FA0	—
entity.name.tag.css	#3A6A98	—
entity.other.attribute-name.class.css, entity.other.attribute-name.id.css	#8A4FA0	—
support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less	#8A6418	—
support.constant.property-value.css, meta.property-value.css	#6A7A1E	—
keyword.other.unit.css	#A0402A	—
entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css	#2A7A66	—
support.type.property-name.json	#8A6418	bold
string.quoted.double.json	#6A7A1E	—
constant.numeric.json	#A0402A	—
constant.language.json	#A0402A	bold
markup.heading, entity.name.section.markdown, punctuation.definition.heading.markdown	#8A4FA0	bold
markup.bold, punctuation.definition.bold.markdown	#B05A1E	bold
markup.italic, punctuation.definition.italic.markdown	#3A6A98	italic
markup.inline.raw, markup.fenced_code.block	#2A7A66	—
markup.underline.link, string.other.link	#2A7A66	underline
punctuation.definition.list.begin.markdown	#B05A1E	—
markup.quote, punctuation.definition.quote.begin.markdown	#A09070	italic
invalid, invalid.illegal	#F4ECD8	—
invalid.deprecated	#A0402A	strikethrough

VS Code preview

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

Lime Grove — Lime Slate Grove

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#090D16
activityBar.border#05080D
activityBar.foreground#9EC850
activityBar.inactiveForeground#46506A
activityBarBadge.background#9ED030
activityBarBadge.foreground#0F1420
badge.background#9ED030
badge.foreground#0F1420
breadcrumb.activeSelectionForeground#A8D545
breadcrumb.background#0F1420
breadcrumb.focusForeground#9ED030
breadcrumb.foreground#444851
button.background#57721A
button.foreground#C8D3E8
button.hoverBackground#6F9222
button.secondaryBackground#263223
button.secondaryForeground#A7B1C4
button.secondaryHoverBackground#374235
contrastBorder#00000000
diffEditor.insertedLineBackground#9ED03015
diffEditor.insertedTextBackground#9ED03028
diffEditor.removedLineBackground#F76C6C15
diffEditor.removedTextBackground#F76C6C28
dropdown.background#1D222D
dropdown.border#31353F
dropdown.foreground#C8D3E8
dropdown.listBackground#1D222D
editor.background#0F1420
editor.findMatchBackground#9ED03060
editor.findMatchHighlightBackground#9ED03028
editor.foreground#C8D3E8
editor.inactiveSelectionBackground#5A78B020
editor.lineHighlightBackground#1B202B
editor.rangeHighlightBackground#5A78B018
editor.selectionBackground#5A78B050
editor.selectionHighlightBackground#5A78B028
editor.wordHighlightBackground#5A78B038
editor.wordHighlightStrongBackground#5A78B050
editorBracketMatch.background#5A78B038
editorBracketMatch.border#9ED030
editorCodeLens.foreground#444851
editorCursor.background#0F1420
editorCursor.foreground#9ED030
editorError.foreground#F76C6C
editorGroupHeader.tabsBackground#090D16
editorGroupHeader.tabsBorder#05080D
editorGutter.addedBackground#9ED030
editorGutter.background#0C101A
editorGutter.deletedBackground#F76C6C
editorGutter.modifiedBackground#E0944A
editorHint.foreground#9ED030
editorHoverWidget.background#1D222D
editorHoverWidget.border#31353F
editorHoverWidget.foreground#C8D3E8
editorIndentGuide.activeBackground1#444851
editorIndentGuide.background1#222732
editorInfo.foreground#82AAFF
editorLightBulb.foreground#E0C060
editorLineNumber.activeForeground#9ED030
editorLineNumber.foreground#444851
editorOverviewRuler.border#222732
editorOverviewRuler.errorForeground#F76C6C
editorOverviewRuler.findMatchForeground#9ED030
editorOverviewRuler.warningForeground#E0C060
editorRuler.foreground#222732
editorSuggestWidget.background#1D222D
editorSuggestWidget.border#31353F
editorSuggestWidget.foreground#C8D3E8
editorSuggestWidget.highlightForeground#9ED030
editorSuggestWidget.selectedBackground#263223
editorWarning.foreground#E0C060
editorWhitespace.foreground#2C303B
editorWidget.background#1D222D
editorWidget.border#31353F
editorWidget.foreground#C8D3E8
focusBorder#9ED03060
gitDecoration.addedResourceForeground#9ED030
gitDecoration.conflictingResourceForeground#E0944A
gitDecoration.deletedResourceForeground#F76C6C
gitDecoration.ignoredResourceForeground#444851
gitDecoration.modifiedResourceForeground#E0944A
gitDecoration.untrackedResourceForeground#A8D545
input.background#1D222D
input.border#31353F
input.foreground#C8D3E8
input.placeholderForeground#444851
inputOption.activeBackground#263223
inputOption.activeBorder#9ED030
inputOption.activeForeground#C8D3E8
inputValidation.errorBackground#F76C6C15
inputValidation.errorBorder#F76C6C
inputValidation.infoBackground#9ED03018
inputValidation.infoBorder#9ED030
inputValidation.warningBackground#E0C06020
inputValidation.warningBorder#E0C060
list.activeSelectionBackground#263223
list.activeSelectionForeground#C8D3E8
list.errorForeground#F76C6C
list.focusBackground#263223
list.focusForeground#C8D3E8
list.highlightForeground#9ED030
list.hoverBackground#1D222D80
list.hoverForeground#C8D3E8
list.inactiveSelectionBackground#1D222D
list.inactiveSelectionForeground#A7B1C4
list.warningForeground#E0C060
menu.background#1D222D
menu.foreground#C8D3E8
menu.selectionBackground#263223
menu.selectionForeground#C8D3E8
menu.separatorBackground#31353F
menubar.selectionBackground#1D222D
menubar.selectionForeground#C8D3E8
notificationLink.foreground#9ED030
notifications.background#1D222D
notifications.border#31353F
notifications.foreground#C8D3E8
panel.background#161B27
panel.border#05080D
panelTitle.activeBorder#9ED030
panelTitle.activeForeground#9ED030
panelTitle.inactiveForeground#46506A
pickerGroup.border#31353F
pickerGroup.foreground#444851
quickInput.background#1D222D
quickInput.foreground#C8D3E8
quickInputHighlight.foreground#9ED030
scrollbar.shadow#00000060
scrollbarSlider.activeBackground#9ED03050
scrollbarSlider.background#3F434D50
scrollbarSlider.hoverBackground#5C5F6770
settings.checkboxBackground#1D222D
settings.checkboxBorder#31353F
settings.dropdownBackground#1D222D
settings.dropdownBorder#31353F
settings.headerForeground#9ED030
settings.modifiedItemIndicator#9ED030
settings.numberInputBackground#1D222D
settings.numberInputBorder#31353F
settings.textInputBackground#1D222D
settings.textInputBorder#31353F
sideBar.background#161B27
sideBar.border#05080D
sideBar.foreground#A7B1C4
sideBarSectionHeader.background#1D222D
sideBarSectionHeader.border#05080D
sideBarSectionHeader.foreground#A7B1C4
sideBarTitle.foreground#9ED030
statusBar.background#1A2A44
statusBar.border#121D30
statusBar.debuggingBackground#E0944A
statusBar.debuggingForeground#0F1420
statusBar.foreground#9ED030
statusBar.noFolderBackground#090D16
statusBar.noFolderForeground#9ED030
statusBarItem.activeBackground#121D30
statusBarItem.errorBackground#F76C6C
statusBarItem.errorForeground#0F1420
statusBarItem.hoverBackground#121D30
statusBarItem.remoteBackground#9ED030
statusBarItem.remoteForeground#0F1420
statusBarItem.warningBackground#E0C060
statusBarItem.warningForeground#0F1420
tab.activeBackground#0F1420
tab.activeBorder#9ED030
tab.activeBorderTop#00000000
tab.activeForeground#C8D3E8
tab.border#05080D
tab.hoverBackground#1D222D
tab.hoverForeground#C8D3E8
tab.inactiveBackground#090D16
tab.inactiveForeground#46506A
tab.unfocusedActiveBackground#161B27
tab.unfocusedActiveForeground#7E8798
terminal.ansiBlack#272C36
terminal.ansiBlue#82AAFF
terminal.ansiBrightBlack#52565E
terminal.ansiBrightBlue#9BBBFF
terminal.ansiBrightCyan#7DE6CD
terminal.ansiBrightGreen#B1D959
terminal.ansiBrightMagenta#D2A8EE
terminal.ansiBrightRed#F98989
terminal.ansiBrightWhite#C8D3E8
terminal.ansiBrightYellow#E6CD80
terminal.ansiCyan#5CE0C0
terminal.ansiGreen#9ED030
terminal.ansiMagenta#C792EA
terminal.ansiRed#F76C6C
terminal.ansiWhite#9AA3B6
terminal.ansiYellow#E0C060
terminal.background#161B27
terminal.foreground#C8D3E8
terminal.selectionBackground#5A78B050
terminalCursor.foreground#9ED030
titleBar.activeBackground#090D16
titleBar.activeForeground#9EC850
titleBar.border#05080D
titleBar.inactiveBackground#161B27
titleBar.inactiveForeground#46506A
widget.shadow#00000060

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
source, text	#C8D3E8	—
comment, punctuation.definition.comment, comment.block, comment.line	#5A6A88	italic
comment.block.documentation, comment.line.double-slash.documentation	#73809A	italic
keyword, keyword.control, keyword.control.flow, keyword.control.conditional, keyword.control.loop, keyword.control.import, keyword.control.export, keyword.control.return, keyword.control.trycatch, keyword.control.exception, keyword.other.using, keyword.other.import, keyword.operator.new, keyword.operator.delete, keyword.operator.typeof, keyword.operator.void, keyword.operator.instanceof, keyword.operator.in, keyword.operator.of	#C792EA	bold
storage.type, storage.modifier	#C792EA	bold
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, entity.name.enum	#82AAFF	bold
support.class, support.type, meta.type.annotation, meta.type.parameters, entity.other.inherited-class	#82AAFF	—
keyword.type, support.type.primitive, storage.type.primitive, storage.type.numeric, storage.type.string, storage.type.boolean, storage.type.object, storage.type.void, storage.type.cs	#82AAFF	—
entity.name.function, entity.name.method, entity.name.member	#E0944A	bold
meta.function-call entity.name.function, meta.method-call entity.name.function, support.function, support.function.builtin	#E0944A	—
variable.parameter	#D6AD89	italic
variable, variable.other, variable.other.readwrite, variable.other.object, variable.other.object.property	#C8D3E8	—
variable.language	#C792EA	italic
variable.other.property, variable.other.member, support.variable.property	#95B7FF	—
string, string.quoted, string.quoted.single, string.quoted.double, string.quoted.triple, string.template, string.interpolated	#9ED030	—
constant.character.escape, constant.character.entity	#E0C060	bold
punctuation.definition.template-expression, punctuation.section.embedded	#E0944A	bold
constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.octal, constant.numeric.binary	#F78C6C	—
constant.language, constant.language.boolean, constant.language.null, constant.language.undefined, constant.language.none	#F78C6C	bold
constant.other	#E0C060	—
keyword.operator, keyword.operator.arithmetic, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.logical, keyword.operator.bitwise, keyword.operator.ternary, keyword.operator.spread, keyword.operator.optional, keyword.operator.nullish, keyword.operator.arrow	#8A9CC0	—
punctuation, punctuation.separator, punctuation.terminator, punctuation.accessor, punctuation.definition.block, punctuation.definition.parameters, meta.brace, meta.delimiter	#7484A3	—
string.regexp, constant.other.character-class.regexp, constant.character.regexp, keyword.operator.quantifier.regexp, keyword.operator.or.regexp, punctuation.definition.group.regexp, punctuation.definition.character-class.regexp	#5CE0C0	—
meta.decorator, punctuation.decorator, entity.name.function.decorator, storage.type.annotation	#E0C060	italic
entity.name.type.attribute.cs, support.type.attribute	#E0C060	—
entity.name.tag, entity.name.tag.xml, entity.name.tag.html, meta.tag.xml entity.name.tag	#82AAFF	bold
entity.other.attribute-name, entity.other.attribute-name.xml, entity.other.attribute-name.html	#E0C060	—
string.quoted.double.html, string.quoted.single.html, string.quoted.double.xml, string.quoted.single.xml	#9ED030	—
punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end, meta.tag punctuation	#8A9CC0	—
string.unquoted.cdata.xml	#9ED030	italic
meta.tag.sgml.doctype, meta.tag.preprocessor.xml	#5A6A88	italic
entity.name.tag.namespace.xml	#C792EA	—
entity.name.tag.css	#82AAFF	—
entity.other.attribute-name.class.css, entity.other.attribute-name.id.css	#C792EA	—
support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less	#E0C060	—
support.constant.property-value.css, meta.property-value.css	#9ED030	—
keyword.other.unit.css	#F78C6C	—
entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css	#5CE0C0	—
support.type.property-name.json	#E0C060	bold
string.quoted.double.json	#9ED030	—
constant.numeric.json	#F78C6C	—
constant.language.json	#F78C6C	bold
markup.heading, entity.name.section.markdown, punctuation.definition.heading.markdown	#C792EA	bold
markup.bold, punctuation.definition.bold.markdown	#E0944A	bold
markup.italic, punctuation.definition.italic.markdown	#82AAFF	italic
markup.inline.raw, markup.fenced_code.block	#5CE0C0	—
markup.underline.link, string.other.link	#5CE0C0	underline
punctuation.definition.list.begin.markdown	#E0944A	—
markup.quote, punctuation.definition.quote.begin.markdown	#5A6A88	italic
invalid, invalid.illegal	#0F1420	—
invalid.deprecated	#F78C6C	strikethrough