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 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#3a5c10
activityBar.border#2a4a08
activityBar.foreground#e8f5c8
activityBar.inactiveForeground#8aaa60
activityBarBadge.background#5CA016
activityBarBadge.foreground#F5F8EC
badge.background#5CA016
badge.foreground#F5F8EC
breadcrumb.activeSelectionForeground#5CA016
breadcrumb.background#F5F8EC
breadcrumb.focusForeground#3D8A0A
breadcrumb.foreground#7A8A60
button.background#5CA016
button.foreground#F5F8EC
button.hoverBackground#4A8810
button.secondaryBackground#D8E8C0
button.secondaryForeground#2D3320
button.secondaryHoverBackground#C8D8B0
contrastBorder#00000000
diffEditor.insertedLineBackground#C8E89018
diffEditor.insertedTextBackground#C8E89030
diffEditor.removedLineBackground#CC110010
diffEditor.removedTextBackground#CC110020
dropdown.background#EFF4E0
dropdown.border#B8CC88
dropdown.foreground#2D3320
dropdown.listBackground#EFF4E0
editor.background#F5F8EC
editor.findMatchBackground#D06818AA
editor.findMatchHighlightBackground#D0681840
editor.foreground#2D3320
editor.inactiveSelectionBackground#C8E89040
editor.lineHighlightBackground#EDF2DC
editor.rangeHighlightBackground#C8E89030
editor.selectionBackground#C8E89080
editor.selectionHighlightBackground#C8E89050
editor.wordHighlightBackground#C8E89060
editor.wordHighlightStrongBackground#B8D88060
editorBracketMatch.background#C8E89060
editorBracketMatch.border#5CA016
editorCodeLens.foreground#92A870
editorCursor.background#F5F8EC
editorCursor.foreground#5CA016
editorError.foreground#CC1100
editorGroupHeader.tabsBackground#E4EDD4
editorGroupHeader.tabsBorder#C8D4A8
editorGutter.addedBackground#5CA016
editorGutter.background#F0F4E4
editorGutter.deletedBackground#CC1100
editorGutter.modifiedBackground#D07820
editorHint.foreground#5CA016
editorHoverWidget.background#EFF4E0
editorHoverWidget.border#B8CC88
editorHoverWidget.foreground#2D3320
editorIndentGuide.activeBackground1#A8BE80
editorIndentGuide.background1#D8E4C0
editorInfo.foreground#3D8A0A
editorLightBulb.foreground#D06818
editorLineNumber.activeForeground#5CA016
editorLineNumber.foreground#A0B078
editorOverviewRuler.border#D8E4C0
editorOverviewRuler.errorForeground#CC1100
editorOverviewRuler.findMatchForeground#D06818
editorOverviewRuler.warningForeground#D07820
editorRuler.foreground#D8E4C0
editorSuggestWidget.background#EFF4E0
editorSuggestWidget.border#B8CC88
editorSuggestWidget.foreground#2D3320
editorSuggestWidget.highlightForeground#5CA016
editorSuggestWidget.selectedBackground#C8E89060
editorWarning.foreground#D07820
editorWhitespace.foreground#C8D4A8
editorWidget.background#EFF4E0
editorWidget.border#B8CC88
editorWidget.foreground#2D3320
focusBorder#5CA01680
gitDecoration.addedResourceForeground#5CA016
gitDecoration.conflictingResourceForeground#C86010
gitDecoration.deletedResourceForeground#CC1100
gitDecoration.ignoredResourceForeground#A0B078
gitDecoration.modifiedResourceForeground#D07820
gitDecoration.untrackedResourceForeground#3D8A0A
input.background#EFF4E0
input.border#B8CC88
input.foreground#2D3320
input.placeholderForeground#A0B078
inputOption.activeBackground#C8E89060
inputOption.activeBorder#5CA016
inputOption.activeForeground#2D3320
inputValidation.errorBackground#FCECEA
inputValidation.errorBorder#CC1100
inputValidation.infoBackground#F0F8E8
inputValidation.infoBorder#5CA016
inputValidation.warningBackground#FDF4E0
inputValidation.warningBorder#D07820
list.activeSelectionBackground#0a0c08da
list.activeSelectionForeground#96aa6b
list.errorForeground#CC1100
list.focusBackground#C8E89080
list.focusForeground#a0b671
list.highlightForeground#5CA016
list.hoverBackground#D8ECC090
list.hoverForeground#2D3320
list.inactiveSelectionBackground#C8E89050
list.inactiveSelectionForeground#a3b973
list.warningForeground#D07820
menu.background#3a5c10
menu.foreground#e8f5c8
menu.selectionBackground#5CA01680
menu.selectionForeground#F5F8EC
menu.separatorBackground#4A5830
menubar.selectionBackground#4a7a18
menubar.selectionForeground#f0fad8
notificationLink.foreground#5CA016
notifications.background#EFF4E0
notifications.border#B8CC88
notifications.foreground#2D3320
panel.background#EDF2DC
panel.border#C8D4A8
panelTitle.activeBorder#5CA016
panelTitle.activeForeground#3D8A0A
panelTitle.inactiveForeground#7A8A60
pickerGroup.border#C0D090
pickerGroup.foreground#92A870
quickInput.background#EFF4E0
quickInput.foreground#2D3320
quickInputHighlight.foreground#5CA016
scrollbar.shadow#00000010
scrollbarSlider.activeBackground#5CA01660
scrollbarSlider.background#A0B07840
scrollbarSlider.hoverBackground#7A8A6060
settings.checkboxBackground#EFF4E0
settings.checkboxBorder#B8CC88
settings.dropdownBackground#EFF4E0
settings.dropdownBorder#B8CC88
settings.headerForeground#3D8A0A
settings.modifiedItemIndicator#5CA016
settings.numberInputBackground#EFF4E0
settings.numberInputBorder#B8CC88
settings.textInputBackground#EFF4E0
settings.textInputBorder#B8CC88
sideBar.background#ECF2DC
sideBar.border#C8D4A8
sideBar.foreground#2D3320
sideBarSectionHeader.background#D8E8C0
sideBarSectionHeader.border#C0D090
sideBarSectionHeader.foreground#2D3320
sideBarTitle.foreground#3D8A0A
statusBar.background#3D8A0A
statusBar.border#2D7000
statusBar.debuggingBackground#D06818
statusBar.debuggingForeground#F5F8EC
statusBar.foreground#F5F8EC
statusBar.noFolderBackground#2D3320
statusBar.noFolderForeground#C8E890
statusBarItem.activeBackground#2A6800
statusBarItem.errorBackground#CC1100
statusBarItem.errorForeground#F5F8EC
statusBarItem.hoverBackground#2D7000
statusBarItem.remoteBackground#5CA016
statusBarItem.remoteForeground#F5F8EC
statusBarItem.warningBackground#D07820
statusBarItem.warningForeground#F5F8EC
tab.activeBackground#F5F8EC
tab.activeBorder#5CA016
tab.activeBorderTop#00000000
tab.activeForeground#2D3320
tab.border#C8D4A8
tab.hoverBackground#ECF3DC
tab.hoverForeground#2D3320
tab.inactiveBackground#E0E9CC
tab.inactiveForeground#6A7850
tab.unfocusedActiveBackground#EDF4DD
tab.unfocusedActiveForeground#4A5830
terminal.ansiBlack#2D3320
terminal.ansiBlue#3D8A0A
terminal.ansiBrightBlack#6A7850
terminal.ansiBrightBlue#4A7A10
terminal.ansiBrightCyan#3AAA70
terminal.ansiBrightGreen#7DB020
terminal.ansiBrightMagenta#D06818
terminal.ansiBrightRed#FF2200
terminal.ansiBrightWhite#2D3320
terminal.ansiBrightYellow#D06818
terminal.ansiCyan#2A9060
terminal.ansiGreen#5CA016
terminal.ansiMagenta#C86010
terminal.ansiRed#CC1100
terminal.ansiWhite#7A8A60
terminal.ansiYellow#D07820
terminal.background#F5F8EC
terminal.foreground#2D3320
terminal.selectionBackground#C8E89080
terminalCursor.foreground#5CA016
titleBar.activeBackground#3a5c10
titleBar.activeForeground#e8f5c8
titleBar.border#2a4a08
titleBar.inactiveBackground#3D4830
titleBar.inactiveForeground#7A8A60
widget.shadow#00000018

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
source, text	#2D3320	—
comment, punctuation.definition.comment, comment.block, comment.line	#6E8C58	italic
comment.block.documentation, comment.line.double-slash.documentation	#5A7848	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	#7B4FBE	bold
storage.type, storage.modifier	#7B4FBE	bold
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, entity.name.enum	#1A6FAF	bold
support.class, support.type, meta.type.annotation, meta.type.parameters, entity.other.inherited-class	#1A6FAF	—
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	#1A6FAF	—
entity.name.function, entity.name.method, entity.name.member	#C05A10	bold
meta.function-call entity.name.function, meta.method-call entity.name.function, support.function, support.function.builtin	#C05A10	—
variable.parameter	#8B5A30	italic
variable, variable.other, variable.other.readwrite, variable.other.object, variable.other.object.property	#2D3320	—
variable.language	#7B4FBE	italic
variable.other.property, variable.other.member, support.variable.property	#1A5A8A	—
string, string.quoted, string.quoted.single, string.quoted.double, string.quoted.triple, string.template, string.interpolated	#3A8A0A	—
constant.character.escape, constant.character.entity	#A06000	bold
punctuation.definition.template-expression, punctuation.section.embedded	#C05A10	bold
constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.octal, constant.numeric.binary	#B5420A	—
constant.language, constant.language.boolean, constant.language.null, constant.language.undefined, constant.language.none	#B5420A	bold
constant.other	#A06000	—
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	#5A6A72	—
punctuation, punctuation.separator, punctuation.terminator, punctuation.accessor, punctuation.definition.block, punctuation.definition.parameters, meta.brace, meta.delimiter	#6A7878	—
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	#1A7A60	—
meta.decorator, punctuation.decorator, entity.name.function.decorator, storage.type.annotation	#A06000	italic
entity.name.type.attribute.cs, support.type.attribute	#A06000	—
entity.name.tag, entity.name.tag.xml, entity.name.tag.html, meta.tag.xml entity.name.tag	#1A6FAF	bold
entity.other.attribute-name, entity.other.attribute-name.xml, entity.other.attribute-name.html	#A06000	—
string.quoted.double.html, string.quoted.single.html, string.quoted.double.xml, string.quoted.single.xml	#3A8A0A	—
punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end, meta.tag punctuation	#5A6A72	—
string.unquoted.cdata.xml	#3A8A0A	italic
meta.tag.sgml.doctype, meta.tag.preprocessor.xml	#6E8C58	italic
entity.name.tag.namespace.xml	#7B4FBE	—
entity.name.tag.css	#1A6FAF	—
entity.other.attribute-name.class.css, entity.other.attribute-name.id.css	#7B4FBE	—
support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less	#A06000	—
support.constant.property-value.css, meta.property-value.css	#3A8A0A	—
keyword.other.unit.css	#B5420A	—
entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css	#1A7A60	—
support.type.property-name.json	#A06000	bold
string.quoted.double.json	#3A8A0A	—
constant.numeric.json	#B5420A	—
constant.language.json	#B5420A	bold
markup.heading, entity.name.section.markdown, punctuation.definition.heading.markdown	#7B4FBE	bold
markup.bold, punctuation.definition.bold.markdown	#C05A10	bold
markup.italic, punctuation.definition.italic.markdown	#1A6FAF	italic
markup.inline.raw, markup.fenced_code.block	#1A7A60	—
markup.underline.link, string.other.link	#1A7A60	underline
punctuation.definition.list.begin.markdown	#C05A10	—
markup.quote, punctuation.definition.quote.begin.markdown	#6E8C58	italic
invalid, invalid.illegal	#F5F8EC	—
invalid.deprecated	#CC1100	strikethrough

VS Code preview

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

Lime Grove — Lime Grove Dark

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

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

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

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

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

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

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

Problems1

Output

Debug Console

Terminal

Ports

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

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.background#161C19
activityBar.border#0E1210
activityBar.foreground#A8D880
activityBar.inactiveForeground#4A6A48
activityBarBadge.background#7EC820
activityBarBadge.foreground#1E2220
badge.background#7EC820
badge.foreground#1E2220
breadcrumb.activeSelectionForeground#A8D880
breadcrumb.background#1E2220
breadcrumb.focusForeground#7EC820
breadcrumb.foreground#4A6A48
button.background#4A8A18
button.foreground#F0F8E8
button.hoverBackground#5AAA20
button.secondaryBackground#2A3A2C
button.secondaryForeground#A8C8A0
button.secondaryHoverBackground#344A36
contrastBorder#00000000
diffEditor.insertedLineBackground#4A8A1815
diffEditor.insertedTextBackground#4A8A1825
diffEditor.removedLineBackground#E0504015
diffEditor.removedTextBackground#E0504025
dropdown.background#252C28
dropdown.border#3A4A3C
dropdown.foreground#D4DEC8
dropdown.listBackground#252C28
editor.background#1E2220
editor.findMatchBackground#C05A1050
editor.findMatchHighlightBackground#C05A1025
editor.foreground#D4DEC8
editor.inactiveSelectionBackground#4A7A3020
editor.lineHighlightBackground#252C28
editor.rangeHighlightBackground#4A7A3018
editor.selectionBackground#4A7A3040
editor.selectionHighlightBackground#4A7A3025
editor.wordHighlightBackground#4A7A3030
editor.wordHighlightStrongBackground#4A7A3045
editorBracketMatch.background#4A7A3030
editorBracketMatch.border#7EC820
editorCodeLens.foreground#4A6A48
editorCursor.background#1E2220
editorCursor.foreground#7EC820
editorError.foreground#E05040
editorGroupHeader.tabsBackground#161C19
editorGroupHeader.tabsBorder#0E1210
editorGutter.addedBackground#5AAA2A
editorGutter.background#1A1E1C
editorGutter.deletedBackground#E05040
editorGutter.modifiedBackground#D07820
editorHint.foreground#7EC820
editorHoverWidget.background#252C28
editorHoverWidget.border#3A4A3C
editorHoverWidget.foreground#D4DEC8
editorIndentGuide.activeBackground1#4A6A48
editorIndentGuide.background1#2E3A30
editorInfo.foreground#5AAA2A
editorLightBulb.foreground#D07820
editorLineNumber.activeForeground#7EC820
editorLineNumber.foreground#4A6A48
editorOverviewRuler.border#2E3A30
editorOverviewRuler.errorForeground#E05040
editorOverviewRuler.findMatchForeground#C05A10
editorOverviewRuler.warningForeground#D07820
editorRuler.foreground#2E3A30
editorSuggestWidget.background#252C28
editorSuggestWidget.border#3A4A3C
editorSuggestWidget.foreground#D4DEC8
editorSuggestWidget.highlightForeground#7EC820
editorSuggestWidget.selectedBackground#2E3A30
editorWarning.foreground#D07820
editorWhitespace.foreground#3A4A3C
editorWidget.background#252C28
editorWidget.border#3A4A3C
editorWidget.foreground#D4DEC8
focusBorder#7EC82060
gitDecoration.addedResourceForeground#7EC820
gitDecoration.conflictingResourceForeground#D07820
gitDecoration.deletedResourceForeground#E05040
gitDecoration.ignoredResourceForeground#4A6A48
gitDecoration.modifiedResourceForeground#D07820
gitDecoration.untrackedResourceForeground#5AAA2A
input.background#252C28
input.border#3A4A3C
input.foreground#D4DEC8
input.placeholderForeground#4A6A48
inputOption.activeBackground#2A3A2C
inputOption.activeBorder#7EC820
inputOption.activeForeground#D4DEC8
inputValidation.errorBackground#3A2020
inputValidation.errorBorder#E05040
inputValidation.infoBackground#1E2A20
inputValidation.infoBorder#7EC820
inputValidation.warningBackground#2E2010
inputValidation.warningBorder#D07820
list.activeSelectionBackground#2A3A2C
list.activeSelectionForeground#D4DEC8
list.errorForeground#E05040
list.focusBackground#2A3A2C
list.focusForeground#D4DEC8
list.highlightForeground#7EC820
list.hoverBackground#252C2890
list.hoverForeground#D4DEC8
list.inactiveSelectionBackground#252C28
list.inactiveSelectionForeground#A8C8A0
list.warningForeground#D07820
menu.background#1E2822
menu.foreground#D4DEC8
menu.selectionBackground#2A3A2C
menu.selectionForeground#D4DEC8
menu.separatorBackground#2E3A30
menubar.selectionBackground#2A3A2C
menubar.selectionForeground#D4DEC8
notificationLink.foreground#7EC820
notifications.background#252C28
notifications.border#3A4A3C
notifications.foreground#D4DEC8
panel.background#1A1E1C
panel.border#0E1210
panelTitle.activeBorder#7EC820
panelTitle.activeForeground#7EC820
panelTitle.inactiveForeground#4A6A48
pickerGroup.border#2E3A30
pickerGroup.foreground#4A6A48
quickInput.background#252C28
quickInput.foreground#D4DEC8
quickInputHighlight.foreground#7EC820
scrollbar.shadow#00000030
scrollbarSlider.activeBackground#7EC82050
scrollbarSlider.background#3A4A3C50
scrollbarSlider.hoverBackground#4A6A4870
settings.checkboxBackground#252C28
settings.checkboxBorder#3A4A3C
settings.dropdownBackground#252C28
settings.dropdownBorder#3A4A3C
settings.headerForeground#7EC820
settings.modifiedItemIndicator#7EC820
settings.numberInputBackground#252C28
settings.numberInputBorder#3A4A3C
settings.textInputBackground#252C28
settings.textInputBorder#3A4A3C
sideBar.background#1A1E1C
sideBar.border#0E1210
sideBar.foreground#A8C8A0
sideBarSectionHeader.background#1E2422
sideBarSectionHeader.border#0E1210
sideBarSectionHeader.foreground#A8C8A0
sideBarTitle.foreground#7EC820
statusBar.background#2A4A28
statusBar.border#1A3018
statusBar.debuggingBackground#C05A10
statusBar.debuggingForeground#F0EAD8
statusBar.foreground#A8D880
statusBar.noFolderBackground#161C19
statusBar.noFolderForeground#A8C8A0
statusBarItem.activeBackground#14280C
statusBarItem.errorBackground#E05040
statusBarItem.errorForeground#F0EAD8
statusBarItem.hoverBackground#1A3018
statusBarItem.remoteBackground#5AAA2A
statusBarItem.remoteForeground#1E2220
statusBarItem.warningBackground#D07820
statusBarItem.warningForeground#F0EAD8
tab.activeBackground#1E2220
tab.activeBorder#7EC820
tab.activeBorderTop#00000000
tab.activeForeground#D4DEC8
tab.border#0E1210
tab.hoverBackground#1E2822
tab.hoverForeground#A8C8A0
tab.inactiveBackground#161C19
tab.inactiveForeground#4A6A48
tab.unfocusedActiveBackground#1A1E1C
tab.unfocusedActiveForeground#6A8A68
terminal.ansiBlack#2E3A30
terminal.ansiBlue#4A9FD4
terminal.ansiBrightBlack#4A6A48
terminal.ansiBrightBlue#6ABCF0
terminal.ansiBrightCyan#40C8A0
terminal.ansiBrightGreen#A0E040
terminal.ansiBrightMagenta#BF8FFF
terminal.ansiBrightRed#FF6A5A
terminal.ansiBrightWhite#D4DEC8
terminal.ansiBrightYellow#F0A030
terminal.ansiCyan#2AAA80
terminal.ansiGreen#7EC820
terminal.ansiMagenta#9B6FD4
terminal.ansiRed#E05040
terminal.ansiWhite#A8C8A0
terminal.ansiYellow#D07820
terminal.background#1E2220
terminal.foreground#D4DEC8
terminal.selectionBackground#4A7A3040
terminalCursor.foreground#7EC820
titleBar.activeBackground#161C19
titleBar.activeForeground#A8D880
titleBar.border#0E1210
titleBar.inactiveBackground#1A1E1C
titleBar.inactiveForeground#4A6A48
widget.shadow#00000040

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
source, text	#D4DEC8	—
comment, punctuation.definition.comment, comment.block, comment.line	#6A8A58	italic
comment.block.documentation, comment.line.double-slash.documentation	#7AA068	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	#9B6FE8	bold
storage.type, storage.modifier	#9B6FE8	bold
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, entity.name.enum	#4A9FD4	bold
support.class, support.type, meta.type.annotation, meta.type.parameters, entity.other.inherited-class	#4A9FD4	—
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	#4A9FD4	—
entity.name.function, entity.name.method, entity.name.member	#E07030	bold
meta.function-call entity.name.function, meta.method-call entity.name.function, support.function, support.function.builtin	#E07030	—
variable.parameter	#C09070	italic
variable, variable.other, variable.other.readwrite, variable.other.object, variable.other.object.property	#D4DEC8	—
variable.language	#9B6FE8	italic
variable.other.property, variable.other.member, support.variable.property	#6ABCF0	—
string, string.quoted, string.quoted.single, string.quoted.double, string.quoted.triple, string.template, string.interpolated	#7EC820	—
constant.character.escape, constant.character.entity	#C89030	bold
punctuation.definition.template-expression, punctuation.section.embedded	#E07030	bold
constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.octal, constant.numeric.binary	#E07060	—
constant.language, constant.language.boolean, constant.language.null, constant.language.undefined, constant.language.none	#E07060	bold
constant.other	#C89030	—
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	#8A9A9C	—
punctuation, punctuation.separator, punctuation.terminator, punctuation.accessor, punctuation.definition.block, punctuation.definition.parameters, meta.brace, meta.delimiter	#6A8A7A	—
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	#2AC890	—
meta.decorator, punctuation.decorator, entity.name.function.decorator, storage.type.annotation	#C89030	italic
entity.name.type.attribute.cs, support.type.attribute	#C89030	—
entity.name.tag, entity.name.tag.xml, entity.name.tag.html, meta.tag.xml entity.name.tag	#4A9FD4	bold
entity.other.attribute-name, entity.other.attribute-name.xml, entity.other.attribute-name.html	#C89030	—
string.quoted.double.html, string.quoted.single.html, string.quoted.double.xml, string.quoted.single.xml	#7EC820	—
punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end, meta.tag punctuation	#8A9A9C	—
string.unquoted.cdata.xml	#7EC820	italic
meta.tag.sgml.doctype, meta.tag.preprocessor.xml	#6A8A58	italic
entity.name.tag.namespace.xml	#9B6FE8	—
entity.name.tag.css	#4A9FD4	—
entity.other.attribute-name.class.css, entity.other.attribute-name.id.css	#9B6FE8	—
support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less	#C89030	—
support.constant.property-value.css, meta.property-value.css	#7EC820	—
keyword.other.unit.css	#E07060	—
entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css	#2AC890	—
support.type.property-name.json	#C89030	bold
string.quoted.double.json	#7EC820	—
constant.numeric.json	#E07060	—
constant.language.json	#E07060	bold
markup.heading, entity.name.section.markdown, punctuation.definition.heading.markdown	#9B6FE8	bold
markup.bold, punctuation.definition.bold.markdown	#E07030	bold
markup.italic, punctuation.definition.italic.markdown	#4A9FD4	italic
markup.inline.raw, markup.fenced_code.block	#2AC890	—
markup.underline.link, string.other.link	#2AC890	underline
punctuation.definition.list.begin.markdown	#E07030	—
markup.quote, punctuation.definition.quote.begin.markdown	#6A8A58	italic
invalid, invalid.illegal	#F0EAD8	—
invalid.deprecated	#E05040	strikethrough

VS Code preview

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

Lime Grove — Lime Grove High Contrast

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#FFFFFF
activityBar.inactiveForeground#9AA89A
activityBarBadge.background#B6FF2E
activityBarBadge.foreground#000000
badge.background#B6FF2E
badge.foreground#000000
breadcrumb.activeSelectionForeground#BDFF43
breadcrumb.background#000000
breadcrumb.focusForeground#B6FF2E
breadcrumb.foreground#383838
button.background#648C19
button.foreground#FFFFFF
button.hoverBackground#7FB220
button.secondaryBackground#1D2907
button.secondaryForeground#D1D1D1
button.secondaryHoverBackground#2F3A1B
contrastBorder#5A9A20
diffEditor.insertedLineBackground#B6FF2E15
diffEditor.insertedTextBackground#B6FF2E28
diffEditor.removedLineBackground#FF6B5A15
diffEditor.removedTextBackground#FF6B5A28
dropdown.background#0F0F0F
dropdown.border#242424
dropdown.foreground#FFFFFF
dropdown.listBackground#0F0F0F
editor.background#000000
editor.findMatchBackground#B6FF2E60
editor.findMatchHighlightBackground#B6FF2E28
editor.foreground#FFFFFF
editor.inactiveSelectionBackground#B6FF2E20
editor.lineHighlightBackground#0D0D0D
editor.rangeHighlightBackground#B6FF2E18
editor.selectionBackground#B6FF2E50
editor.selectionHighlightBackground#B6FF2E28
editor.wordHighlightBackground#B6FF2E38
editor.wordHighlightStrongBackground#B6FF2E50
editorBracketMatch.background#B6FF2E38
editorBracketMatch.border#B6FF2E
editorCodeLens.foreground#383838
editorCursor.background#000000
editorCursor.foreground#B6FF2E
editorError.foreground#FF6B5A
editorGroupHeader.tabsBackground#000000
editorGroupHeader.tabsBorder#000000
editorGutter.addedBackground#B6FF2E
editorGutter.background#000000
editorGutter.deletedBackground#FF6B5A
editorGutter.modifiedBackground#FFA840
editorHint.foreground#B6FF2E
editorHoverWidget.background#0F0F0F
editorHoverWidget.border#242424
editorHoverWidget.foreground#FFFFFF
editorIndentGuide.activeBackground1#383838
editorIndentGuide.background1#141414
editorInfo.foreground#5CD0FF
editorLightBulb.foreground#FFD83C
editorLineNumber.activeForeground#B6FF2E
editorLineNumber.foreground#383838
editorOverviewRuler.border#141414
editorOverviewRuler.errorForeground#FF6B5A
editorOverviewRuler.findMatchForeground#B6FF2E
editorOverviewRuler.warningForeground#FFD83C
editorRuler.foreground#141414
editorSuggestWidget.background#0F0F0F
editorSuggestWidget.border#242424
editorSuggestWidget.foreground#FFFFFF
editorSuggestWidget.highlightForeground#B6FF2E
editorSuggestWidget.selectedBackground#1D2907
editorWarning.foreground#FFD83C
editorWhitespace.foreground#1F1F1F
editorWidget.background#0F0F0F
editorWidget.border#242424
editorWidget.foreground#FFFFFF
focusBorder#B6FF2EAA
gitDecoration.addedResourceForeground#B6FF2E
gitDecoration.conflictingResourceForeground#FFA840
gitDecoration.deletedResourceForeground#FF6B5A
gitDecoration.ignoredResourceForeground#383838
gitDecoration.modifiedResourceForeground#FFA840
gitDecoration.untrackedResourceForeground#BDFF43
input.background#0F0F0F
input.border#242424
input.foreground#FFFFFF
input.placeholderForeground#383838
inputOption.activeBackground#1D2907
inputOption.activeBorder#B6FF2E
inputOption.activeForeground#FFFFFF
inputValidation.errorBackground#FF6B5A15
inputValidation.errorBorder#FF6B5A
inputValidation.infoBackground#B6FF2E18
inputValidation.infoBorder#B6FF2E
inputValidation.warningBackground#FFD83C20
inputValidation.warningBorder#FFD83C
list.activeSelectionBackground#1D2907
list.activeSelectionForeground#FFFFFF
list.errorForeground#FF6B5A
list.focusBackground#1D2907
list.focusForeground#FFFFFF
list.highlightForeground#B6FF2E
list.hoverBackground#0F0F0F80
list.hoverForeground#FFFFFF
list.inactiveSelectionBackground#0F0F0F
list.inactiveSelectionForeground#D1D1D1
list.warningForeground#FFD83C
menu.background#0F0F0F
menu.foreground#FFFFFF
menu.selectionBackground#1D2907
menu.selectionForeground#FFFFFF
menu.separatorBackground#242424
menubar.selectionBackground#0F0F0F
menubar.selectionForeground#FFFFFF
notificationLink.foreground#B6FF2E
notifications.background#0F0F0F
notifications.border#242424
notifications.foreground#FFFFFF
panel.background#080808
panel.border#000000
panelTitle.activeBorder#B6FF2E
panelTitle.activeForeground#B6FF2E
panelTitle.inactiveForeground#9AA89A
pickerGroup.border#242424
pickerGroup.foreground#383838
quickInput.background#0F0F0F
quickInput.foreground#FFFFFF
quickInputHighlight.foreground#B6FF2E
scrollbar.shadow#00000060
scrollbarSlider.activeBackground#B6FF2E50
scrollbarSlider.background#33333350
scrollbarSlider.hoverBackground#52525270
settings.checkboxBackground#0F0F0F
settings.checkboxBorder#242424
settings.dropdownBackground#0F0F0F
settings.dropdownBorder#242424
settings.headerForeground#B6FF2E
settings.modifiedItemIndicator#B6FF2E
settings.numberInputBackground#0F0F0F
settings.numberInputBorder#242424
settings.textInputBackground#0F0F0F
settings.textInputBorder#242424
sideBar.background#080808
sideBar.border#000000
sideBar.foreground#D1D1D1
sideBarSectionHeader.background#0F0F0F
sideBarSectionHeader.border#000000
sideBarSectionHeader.foreground#D1D1D1
sideBarTitle.foreground#B6FF2E
statusBar.background#1A3A0A
statusBar.border#122907
statusBar.debuggingBackground#FF8A2E
statusBar.debuggingForeground#000000
statusBar.foreground#FFFFFF
statusBar.noFolderBackground#000000
statusBar.noFolderForeground#FFFFFF
statusBarItem.activeBackground#122907
statusBarItem.errorBackground#FF6B5A
statusBarItem.errorForeground#000000
statusBarItem.hoverBackground#122907
statusBarItem.remoteBackground#B6FF2E
statusBarItem.remoteForeground#000000
statusBarItem.warningBackground#FFD83C
statusBarItem.warningForeground#000000
tab.activeBackground#000000
tab.activeBorder#B6FF2E
tab.activeBorderTop#00000000
tab.activeForeground#FFFFFF
tab.border#000000
tab.hoverBackground#0F0F0F
tab.hoverForeground#FFFFFF
tab.inactiveBackground#000000
tab.inactiveForeground#9AA89A
tab.unfocusedActiveBackground#080808
tab.unfocusedActiveForeground#999999
terminal.ansiBlack#1A1A1A
terminal.ansiBlue#5CD0FF
terminal.ansiBrightBlack#474747
terminal.ansiBrightBlue#7DD9FF
terminal.ansiBrightCyan#63F3CD
terminal.ansiBrightGreen#C5FF58
terminal.ansiBrightMagenta#DEB9FF
terminal.ansiBrightRed#FF897B
terminal.ansiBrightWhite#FFFFFF
terminal.ansiBrightYellow#FFE063
terminal.ansiCyan#3CF0C0
terminal.ansiGreen#B6FF2E
terminal.ansiMagenta#D6A8FF
terminal.ansiRed#FF6B5A
terminal.ansiWhite#BFBFBF
terminal.ansiYellow#FFD83C
terminal.background#080808
terminal.foreground#FFFFFF
terminal.selectionBackground#B6FF2E50
terminalCursor.foreground#B6FF2E
titleBar.activeBackground#000000
titleBar.activeForeground#FFFFFF
titleBar.border#000000
titleBar.inactiveBackground#080808
titleBar.inactiveForeground#9AA89A
widget.shadow#00000060

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
source, text	#FFFFFF	—
comment, punctuation.definition.comment, comment.block, comment.line	#9CC090	italic
comment.block.documentation, comment.line.double-slash.documentation	#ABC9A1	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	#D6A8FF	bold
storage.type, storage.modifier	#D6A8FF	bold
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, entity.name.enum	#5CD0FF	bold
support.class, support.type, meta.type.annotation, meta.type.parameters, entity.other.inherited-class	#5CD0FF	—
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	#5CD0FF	—
entity.name.function, entity.name.method, entity.name.member	#FFA840	bold
meta.function-call entity.name.function, meta.method-call entity.name.function, support.function, support.function.builtin	#FFA840	—
variable.parameter	#FFCB8C	italic
variable, variable.other, variable.other.readwrite, variable.other.object, variable.other.object.property	#FFFFFF	—
variable.language	#D6A8FF	italic
variable.other.property, variable.other.member, support.variable.property	#74D7FF	—
string, string.quoted, string.quoted.single, string.quoted.double, string.quoted.triple, string.template, string.interpolated	#B6FF2E	—
constant.character.escape, constant.character.entity	#FFD83C	bold
punctuation.definition.template-expression, punctuation.section.embedded	#FFA840	bold
constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.octal, constant.numeric.binary	#FF9A8A	—
constant.language, constant.language.boolean, constant.language.null, constant.language.undefined, constant.language.none	#FF9A8A	bold
constant.other	#FFD83C	—
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	#D0DCDC	—
punctuation, punctuation.separator, punctuation.terminator, punctuation.accessor, punctuation.definition.block, punctuation.definition.parameters, meta.brace, meta.delimiter	#ABB4B4	—
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	#3CF0C0	—
meta.decorator, punctuation.decorator, entity.name.function.decorator, storage.type.annotation	#FFD83C	italic
entity.name.type.attribute.cs, support.type.attribute	#FFD83C	—
entity.name.tag, entity.name.tag.xml, entity.name.tag.html, meta.tag.xml entity.name.tag	#5CD0FF	bold
entity.other.attribute-name, entity.other.attribute-name.xml, entity.other.attribute-name.html	#FFD83C	—
string.quoted.double.html, string.quoted.single.html, string.quoted.double.xml, string.quoted.single.xml	#B6FF2E	—
punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end, meta.tag punctuation	#D0DCDC	—
string.unquoted.cdata.xml	#B6FF2E	italic
meta.tag.sgml.doctype, meta.tag.preprocessor.xml	#9CC090	italic
entity.name.tag.namespace.xml	#D6A8FF	—
entity.name.tag.css	#5CD0FF	—
entity.other.attribute-name.class.css, entity.other.attribute-name.id.css	#D6A8FF	—
support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less	#FFD83C	—
support.constant.property-value.css, meta.property-value.css	#B6FF2E	—
keyword.other.unit.css	#FF9A8A	—
entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css	#3CF0C0	—
support.type.property-name.json	#FFD83C	bold
string.quoted.double.json	#B6FF2E	—
constant.numeric.json	#FF9A8A	—
constant.language.json	#FF9A8A	bold
markup.heading, entity.name.section.markdown, punctuation.definition.heading.markdown	#D6A8FF	bold
markup.bold, punctuation.definition.bold.markdown	#FFA840	bold
markup.italic, punctuation.definition.italic.markdown	#5CD0FF	italic
markup.inline.raw, markup.fenced_code.block	#3CF0C0	—
markup.underline.link, string.other.link	#3CF0C0	underline
punctuation.definition.list.begin.markdown	#FFA840	—
markup.quote, punctuation.definition.quote.begin.markdown	#9CC090	italic
invalid, invalid.illegal	#000000	—
invalid.deprecated	#FF9A8A	strikethrough

VS Code preview

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

Lime Grove — Lime Grove High Contrast Light

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#1B2E08
activityBar.border#162506
activityBar.foreground#FFFFFF
activityBar.inactiveForeground#A8C080
activityBarBadge.background#3A7A00
activityBarBadge.foreground#FFFFFF
badge.background#3A7A00
badge.foreground#FFFFFF
breadcrumb.activeSelectionForeground#346E00
breadcrumb.background#FFFFFF
breadcrumb.focusForeground#3A7A00
breadcrumb.foreground#B2B2B2
button.background#346E00
button.foreground#FFFFFF
button.hoverBackground#3A7A00
button.secondaryBackground#DCE7D1
button.secondaryForeground#363636
button.secondaryHoverBackground#CFD9C4
contrastBorder#2A5A00
diffEditor.insertedLineBackground#2A6E0015
diffEditor.insertedTextBackground#2A6E0028
diffEditor.removedLineBackground#C0180015
diffEditor.removedTextBackground#C0180028
dropdown.background#FAFAFA
dropdown.border#D6D6D6
dropdown.foreground#0A0A0A
dropdown.listBackground#FAFAFA
editor.background#FFFFFF
editor.findMatchBackground#3A7A0055
editor.findMatchHighlightBackground#3A7A0028
editor.foreground#0A0A0A
editor.inactiveSelectionBackground#3A7A0030
editor.lineHighlightBackground#F2F2F2
editor.rangeHighlightBackground#3A7A0022
editor.selectionBackground#3A7A0070
editor.selectionHighlightBackground#3A7A0040
editor.wordHighlightBackground#3A7A0050
editor.wordHighlightStrongBackground#3A7A0066
editorBracketMatch.background#3A7A0038
editorBracketMatch.border#3A7A00
editorCodeLens.foreground#B2B2B2
editorCursor.background#FFFFFF
editorCursor.foreground#3A7A00
editorError.foreground#C01800
editorGroupHeader.tabsBackground#1B2E08
editorGroupHeader.tabsBorder#162506
editorGutter.addedBackground#2A6E00
editorGutter.background#F7F7F7
editorGutter.deletedBackground#C01800
editorGutter.modifiedBackground#9A3800
editorHint.foreground#3A7A00
editorHoverWidget.background#FAFAFA
editorHoverWidget.border#D6D6D6
editorHoverWidget.foreground#0A0A0A
editorIndentGuide.activeBackground1#B8B8B8
editorIndentGuide.background1#E6E6E6
editorInfo.foreground#06548E
editorLightBulb.foreground#9A3800
editorLineNumber.activeForeground#3A7A00
editorLineNumber.foreground#B2B2B2
editorOverviewRuler.border#E6E6E6
editorOverviewRuler.errorForeground#C01800
editorOverviewRuler.findMatchForeground#3A7A00
editorOverviewRuler.warningForeground#9A3800
editorRuler.foreground#E6E6E6
editorSuggestWidget.background#FAFAFA
editorSuggestWidget.border#D6D6D6
editorSuggestWidget.foreground#0A0A0A
editorSuggestWidget.highlightForeground#3A7A00
editorSuggestWidget.selectedBackground#DCE7D1
editorWarning.foreground#9A3800
editorWhitespace.foreground#DBDBDB
editorWidget.background#FAFAFA
editorWidget.border#D6D6D6
editorWidget.foreground#0A0A0A
focusBorder#3A7A00AA
gitDecoration.addedResourceForeground#2A6E00
gitDecoration.conflictingResourceForeground#9A3800
gitDecoration.deletedResourceForeground#C01800
gitDecoration.ignoredResourceForeground#B2B2B2
gitDecoration.modifiedResourceForeground#9A3800
gitDecoration.untrackedResourceForeground#286800
input.background#FAFAFA
input.border#D6D6D6
input.foreground#0A0A0A
input.placeholderForeground#B2B2B2
inputOption.activeBackground#DCE7D1
inputOption.activeBorder#3A7A00
inputOption.activeForeground#0A0A0A
inputValidation.errorBackground#C0180015
inputValidation.errorBorder#C01800
inputValidation.infoBackground#3A7A0018
inputValidation.infoBorder#3A7A00
inputValidation.warningBackground#9A380020
inputValidation.warningBorder#9A3800
list.activeSelectionBackground#DCE7D1
list.activeSelectionForeground#0A0A0A
list.errorForeground#C01800
list.focusBackground#DCE7D1
list.focusForeground#0A0A0A
list.highlightForeground#3A7A00
list.hoverBackground#FAFAFA80
list.hoverForeground#0A0A0A
list.inactiveSelectionBackground#FAFAFA
list.inactiveSelectionForeground#363636
list.warningForeground#9A3800
menu.background#F4F4F4
menu.foreground#0A0A0A
menu.selectionBackground#DCE7D1
menu.selectionForeground#0A0A0A
menu.separatorBackground#D6D6D6
menubar.selectionBackground#FAFAFA
menubar.selectionForeground#0A0A0A
notificationLink.foreground#3A7A00
notifications.background#FAFAFA
notifications.border#D6D6D6
notifications.foreground#0A0A0A
panel.background#F9F9F9
panel.border#162506
panelTitle.activeBorder#3A7A00
panelTitle.activeForeground#3A7A00
panelTitle.inactiveForeground#A8C080
pickerGroup.border#D6D6D6
pickerGroup.foreground#B2B2B2
quickInput.background#FAFAFA
quickInput.foreground#0A0A0A
quickInputHighlight.foreground#3A7A00
scrollbar.shadow#0000001A
scrollbarSlider.activeBackground#3A7A0050
scrollbarSlider.background#BFBFBF50
scrollbarSlider.hoverBackground#A6A6A670
settings.checkboxBackground#FAFAFA
settings.checkboxBorder#D6D6D6
settings.dropdownBackground#FAFAFA
settings.dropdownBorder#D6D6D6
settings.headerForeground#3A7A00
settings.modifiedItemIndicator#3A7A00
settings.numberInputBackground#FAFAFA
settings.numberInputBorder#D6D6D6
settings.textInputBackground#FAFAFA
settings.textInputBorder#D6D6D6
sideBar.background#F9F9F9
sideBar.border#162506
sideBar.foreground#363636
sideBarSectionHeader.background#F4F4F4
sideBarSectionHeader.border#162506
sideBarSectionHeader.foreground#363636
sideBarTitle.foreground#3A7A00
statusBar.background#2A5A00
statusBar.border#244C00
statusBar.debuggingBackground#B04000
statusBar.debuggingForeground#FFFFFF
statusBar.foreground#FFFFFF
statusBar.noFolderBackground#1B2E08
statusBar.noFolderForeground#FFFFFF
statusBarItem.activeBackground#224800
statusBarItem.errorBackground#C01800
statusBarItem.errorForeground#FFFFFF
statusBarItem.hoverBackground#244C00
statusBarItem.remoteBackground#3A7A00
statusBarItem.remoteForeground#FFFFFF
statusBarItem.warningBackground#9A3800
statusBarItem.warningForeground#FFFFFF
tab.activeBackground#FFFFFF
tab.activeBorder#3A7A00
tab.activeBorderTop#00000000
tab.activeForeground#0A0A0A
tab.border#162506
tab.hoverBackground#F4F4F4
tab.hoverForeground#0A0A0A
tab.inactiveBackground#1B2E08
tab.inactiveForeground#A8C080
tab.unfocusedActiveBackground#F9F9F9
tab.unfocusedActiveForeground#6C6C6C
terminal.ansiBlack#2F2F2F
terminal.ansiBlue#06548E
terminal.ansiBrightBlack#606060
terminal.ansiBrightBlue#054C80
terminal.ansiBrightCyan#005C48
terminal.ansiBrightGreen#266300
terminal.ansiBrightMagenta#5F1C9E
terminal.ansiBrightRed#AD1600
terminal.ansiBrightWhite#0A0A0A
terminal.ansiBrightYellow#6C4800
terminal.ansiCyan#006650
terminal.ansiGreen#2A6E00
terminal.ansiMagenta#6A1FB0
terminal.ansiRed#C01800
terminal.ansiWhite#474747
terminal.ansiYellow#785000
terminal.background#F9F9F9
terminal.foreground#0A0A0A
terminal.selectionBackground#3A7A0070
terminalCursor.foreground#3A7A00
titleBar.activeBackground#1B2E08
titleBar.activeForeground#FFFFFF
titleBar.border#162506
titleBar.inactiveBackground#F9F9F9
titleBar.inactiveForeground#A8C080
widget.shadow#0000001A

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
source, text	#0A0A0A	—
comment, punctuation.definition.comment, comment.block, comment.line	#3A6A22	italic
comment.block.documentation, comment.line.double-slash.documentation	#345F1F	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	#6A1FB0	bold
storage.type, storage.modifier	#6A1FB0	bold
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, entity.name.enum	#06548E	bold
support.class, support.type, meta.type.annotation, meta.type.parameters, entity.other.inherited-class	#06548E	—
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	#06548E	—
entity.name.function, entity.name.method, entity.name.member	#9A3800	bold
meta.function-call entity.name.function, meta.method-call entity.name.function, support.function, support.function.builtin	#9A3800	—
variable.parameter	#602604	italic
variable, variable.other, variable.other.readwrite, variable.other.object, variable.other.object.property	#0A0A0A	—
variable.language	#6A1FB0	italic
variable.other.property, variable.other.member, support.variable.property	#064D83	—
string, string.quoted, string.quoted.single, string.quoted.double, string.quoted.triple, string.template, string.interpolated	#2A6E00	—
constant.character.escape, constant.character.entity	#785000	bold
punctuation.definition.template-expression, punctuation.section.embedded	#9A3800	bold
constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.octal, constant.numeric.binary	#9A2000	—
constant.language, constant.language.boolean, constant.language.null, constant.language.undefined, constant.language.none	#9A2000	bold
constant.other	#785000	—
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	#283840	—
punctuation, punctuation.separator, punctuation.terminator, punctuation.accessor, punctuation.definition.block, punctuation.definition.parameters, meta.brace, meta.delimiter	#4F5C62	—
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	#006650	—
meta.decorator, punctuation.decorator, entity.name.function.decorator, storage.type.annotation	#785000	italic
entity.name.type.attribute.cs, support.type.attribute	#785000	—
entity.name.tag, entity.name.tag.xml, entity.name.tag.html, meta.tag.xml entity.name.tag	#06548E	bold
entity.other.attribute-name, entity.other.attribute-name.xml, entity.other.attribute-name.html	#785000	—
string.quoted.double.html, string.quoted.single.html, string.quoted.double.xml, string.quoted.single.xml	#2A6E00	—
punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end, meta.tag punctuation	#283840	—
string.unquoted.cdata.xml	#2A6E00	italic
meta.tag.sgml.doctype, meta.tag.preprocessor.xml	#3A6A22	italic
entity.name.tag.namespace.xml	#6A1FB0	—
entity.name.tag.css	#06548E	—
entity.other.attribute-name.class.css, entity.other.attribute-name.id.css	#6A1FB0	—
support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less	#785000	—
support.constant.property-value.css, meta.property-value.css	#2A6E00	—
keyword.other.unit.css	#9A2000	—
entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css	#006650	—
support.type.property-name.json	#785000	bold
string.quoted.double.json	#2A6E00	—
constant.numeric.json	#9A2000	—
constant.language.json	#9A2000	bold
markup.heading, entity.name.section.markdown, punctuation.definition.heading.markdown	#6A1FB0	bold
markup.bold, punctuation.definition.bold.markdown	#9A3800	bold
markup.italic, punctuation.definition.italic.markdown	#06548E	italic
markup.inline.raw, markup.fenced_code.block	#006650	—
markup.underline.link, string.other.link	#006650	underline
punctuation.definition.list.begin.markdown	#9A3800	—
markup.quote, punctuation.definition.quote.begin.markdown	#3A6A22	italic
invalid, invalid.illegal	#FFFFFF	—
invalid.deprecated	#9A2000	strikethrough