Valinor Theme

Name: Valinor Theme
Author: Diego Brocanelli

Publisher: Diego BrocanelliThemes in package: 24

Valinor theme is a fusion of various well-established themes.

Open in VS Code GitHub

Color themes

VS Code preview

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

Valinor Theme — Valinor Galadriel

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#DDD6C1
activityBar.foreground#584c27
activityBarBadge.background#B58900
badge.background#B58900AA
button.background#AC9D57
debugExceptionWidget.background#DDD6C1
debugExceptionWidget.border#AB395B
debugToolBar.background#DDD6C1
dropdown.background#EEE8D5
dropdown.border#D3AF86
editor.background#FEF3DA
editor.foreground#586E75
editor.lineHighlightBackground#EEE8D5
editor.selectionBackground#081E2540
editorCursor.background#EEE8D5
editorCursor.foreground#657B83
editorGhostText.foreground#90999590
editorGroup.border#DDD6C1
editorGroup.dropBackground#DDD6C1AA
editorGroupHeader.tabsBackground#eee8d5
editorHoverWidget.background#CCC4B0
editorIndentGuide.activeBackground1#081E2580
editorIndentGuide.background1#04040480
editorLineNumber.activeForeground#567983
editorStickyScroll.background#EEE8D5
editorStickyScrollHover.background#586E7530
editorWhitespace.foreground#586E7580
editorWidget.background#EEE8D5
extensionButton.prominentBackground#B58900
extensionButton.prominentHoverBackground#584c27aa
focusBorder#D3AF86
input.background#eae2d0
input.border#586E754A
input.foreground#586E75
input.placeholderForeground#586E75AA
inputOption.activeBorder#D3AF86
list.activeSelectionBackground#fef3da
list.activeSelectionForeground#000
list.focusBackground#DFCA8866
list.focusHighlightForeground#a07a26
list.highlightForeground#a07a26
list.hoverBackground#fef3da
list.inactiveFocusBackground#DFCA8866
list.inactiveSelectionBackground#fef3da
list.inactiveSelectionForeground#000
minimap.selectionHighlight#081E2540
panel.background#eee8d5
panel.border#DDD6C1
peekView.border#B58900
peekViewEditor.background#FFFBF2
peekViewEditor.matchHighlightBackground#7744AA40
peekViewResult.background#EEE8D5
peekViewTitle.background#EEE8D5
pickerGroup.border#2AA19899
pickerGroup.foreground#2AA19899
progressBar.background#B58900
quickInput.background#EEE8D5
quickInput.foreground#586E75
quickInputList.focusBackground#DFCA8866
quickInputList.focusForeground#3a2800
quickInputList.focusHighlightForeground#DFCA8844
quickInputList.highlightForeground#3a2800
quickInputList.hoverBackground#DFCA8844
quickInputList.hoverForeground#3a2800
quickInputList.inactiveFocusBackground#DFCA8866
quickInputList.inactiveSelectionBackground#D1CBB8
selection.background#DFCA8866
sideBar.background#eee8d5
sideBarTitle.foreground#586E75
statusBar.background#EEE8D5
statusBar.debuggingBackground#EEE8D5
statusBar.foreground#586E75
statusBar.noFolderBackground#EEE8D5
statusBarItem.prominentBackground#DDD6C1
statusBarItem.prominentHoverBackground#DDD6C199
statusBarItem.remoteBackground#AC9D57
tab.activeBackground#FDF6E3
tab.activeModifiedBorder#CB4B16
tab.border#DDD6C1
tab.inactiveBackground#eee8d5
tab.inactiveForeground#586E75
terminal.ansiBlack#073642
terminal.ansiBlue#268BD2
terminal.ansiBrightBlack#586E75
terminal.ansiBrightBlue#839496
terminal.ansiBrightCyan#93A1A1
terminal.ansiBrightGreen#586E75
terminal.ansiBrightMagenta#6C71C4
terminal.ansiBrightRed#CB4B16
terminal.ansiBrightWhite#EEE8D5
terminal.ansiBrightYellow#657B83
terminal.ansiCyan#2AA198
terminal.ansiGreen#859900
terminal.ansiMagenta#D33682
terminal.ansiRed#DC322F
terminal.ansiWhite#EEE8D5
terminal.ansiYellow#B58900
terminal.background#fef3da
terminal.selectionBackground#DDD6C1
titleBar.activeBackground#eee8d5
walkThrough.embeddedEditorBackground#00000014

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
keyword.control, keyword.operator.expression, keyword.operator.new, keyword.control.new, storage.type, storage.modifier, keyword.other.use, keyword.other.namespace, storage.modifier.extends, entity.other.inherited-class, variable.language, variable.language.this, variable.language.self, variable.language.super, variable.language.parent, variable.language punctuation.definition.variable.php, punctuation.definition.variable.php, keyword.control.php, keyword.control.flow, keyword.control.async-modifier, keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.return	—	italic
—	#657B83	—
comment, punctuation.definition.comment	#93A1A1	italic
punctuation.output.jekyll, punctuation.tag.jekyll, punctuation.frontmatter.jekyll, punctuation.frontmatter.liquid, punctuation.output.liquid, punctuation.tag.liquid, punctuation.frontmatter.njk, punctuation.output.njk, punctuation.tag.njk	#BBBBBB	—
entity.name.tag.jekyll, entity.name.tag.liquid, entity.name.tag.njk	#D33682	italic
punctuation.tag.jekyll, punctuation.tag.liquid, punctuation.tag.njk	#BBBBBB	—
variable.other.jekyll, variable.other.liquid, variable.other.njk	#BBBBBB	—
support.function.with-args.jekyll, support.function.with-args.liquid, support.function.with-args.njk	—	italic
entity.name.type.instance.jsdoc	#B58900	—
variable, string constant.other.placeholder	#657B83	—
invalid	#DC322F	—
invalid.deprecated	#DC322F	—
keyword, storage.type, storage.modifier	#6C71C4	—
keyword.operator, constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution	#2AA198	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter	#CF4B56	—
entity.name.function, variable.function, support.function, keyword.other.special-method, meta.block-level	#268BD2	—
support.other.variable, string.other.link	#CF4B56	—
constant.numeric, constant.language, support.constant, constant.character, variable.parameter, keyword.other.unit	#CB4B16	—
string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js	#859900	normal italic
entity.name.class, entity.name.type.class, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter	#B58900	—
entity.name.module.js, variable.import.parameter.js, variable.other.class.js	#DC322F	—
variable.language	#DC322F	italic
entity.name.method.js	#268BD2	—
meta.class-method.js entity.name.function.js, variable.function.constructor	#268BD2	—
entity.other.attribute-name	#6C71C4	—
markup.inserted	#859900	—
markup.deleted	#DC322F	—
markup.changed	#6C71C4	—
string.regexp	#2AA198	—
constant.character.escape	#CB4B16	—
url, link, uri	—	underline
constant.numeric.line-number.find-in-files - match	#7f2a1d	—
entity.name.filename.find-in-files	#859900	—
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js	#268BD2	italic
source.js constant.other.object.key.js string.unquoted.label.js	#DC322F	italic
source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#DC322Fbf	—
source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#268BD2bf	—
source.json meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#B58900bf	—
source.json meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#6C71C4bf	—
source.json meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#CB4B16	—
source.json meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#DC322F	—
source.json meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#268BD2	—
source.json meta meta.structure.dictionary.json string.quoted.double.json - meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta.structure.dictionary.json punctuation.definition.string - meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#B58900	—
source.json meta.structure.dictionary.json string.quoted.double.json - meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta.structure.dictionary.json punctuation.definition.string - meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#6C71C4	—
text.html.markdown, punctuation.definition.list_item.markdown	#657B83	—
punctuation.definition.list.begin.markdown	#268BD2	—
text.html.markdown markup.raw.inline	#657B83cc	—
text.html.markdown meta.dummy.line-break	#00000050	—
markdown.heading, markup.heading \| markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown	#CF4B56	—
markup.italic, markup.italic string	—	italic
markup.bold, markup.bold string	—	bold
markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string	—	bold italic
markup.underline	#859900	underline
markup.strike	#93A1A1	strike
markup.quote punctuation.definition.blockquote.markdown	#00000016
markup.quote	#93A1A1	italic
string.other.link.title.markdown	#268BD2	—
string.other.link.description.title.markdown	#6C71C4	—
constant.other.reference.link.markdown	#B58900	—
markup.raw.block	#657B83cc	—
markup.raw.block.fenced.markdown	—	—
punctuation.definition.fenced.markdown	—	—
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end	#657B83	—
punctuation.definition.fenced.markdown, meta.definition.language.raw.block.fenced.markdown	#00000050
variable.language.fenced.markdown	#93A1A1
meta.separator	#93A1A1	bold
markup.table	#657B83cc	—
text.html.markdown punctuation.definition, text.html.markdown.note punctuation.definition.list_item.markdown, markup.table.markdown punctuation.definition.table.vertical-line.markdown, text.html.markdown markup.checkbox.markdown	#00000050
text.html.markdown meta.disable-markdown punctuation.definition	#2AA198	—
punctuation.definition.list_item.todo.done	#859900	—
punctuation.definition.list_item.todo.cancelled	#DC322F	—
markup.checkbox.markdown markup.checkbox.checked_symbol.markdown	#859900	—
markup.admonition.markdown string.other.admonition.title.markdown	#657B83	bold
markup.admonition.markdown markup.admonition.header.markdown	—	—
markup.admonition.markdown markup.admonition.body.markdown	—	—
markup.admonition.markdown punctuation.definition.admonition.markdown, markup.admonition.markdown punctuation.definition.heading, markup.admonition.markdown punctuation.definition.table.vertical-line, markup.admonition.markdown punctuation.definition.table.horizontal-line, markup.admonition.markdown punctuation.definition.table.alignments, markup.admonition.markdown punctuation.definition.heading, markup.admonition.markdown punctuation.definition.bold, markup.admonition.markdown punctuation.definition.italic, markup.admonition.markdown punctuation.definition.list_item, markup.admonition.markdown punctuation.definition.raw, markup.admonition.markdown markup.checkbox.markdown, markup.admonition.markdown punctuation.definition.list_item.todo.pending, markup.admonition.markdown meta.link punctuation.definition, markup.admonition.markdown meta.link.inline markup.underline.link, markup.admonition.markdown meta.link.reference.markdown constant.other.reference.link.markdown, markup.admonition.markdown punctuation.definition.entity.html, markup.admonition.markdown meta.separator.markdown, markup.admonition.markdown markup.table.markdown punctuation.definition.table.vertical-line.markdown, markup.admonition.markdown meta.definition.language.raw.block.fenced.markdown	#644EA075	—
markup.admonition.markdown entity.name.admonition.markdown	#644EA0	bold
markup.admonition.markdown markup.table, markup.admonition.markdown markup.raw, markup.admonition.markdown markup.raw.block.fenced meta.language, markup.admonition.markdown punctuation.definition.blockquote.markdown, markup.admonition.markdown meta.separator, markup.admonition.markdown markup.raw.inline, markup.admonition.markdown markup.raw.block	—	—
markup.admonition.markdown markup.quote punctuation.definition.blockquote.markdown	#644EA035	—
markup.admonition.markdown.hint markup.admonition.header.markdown	—	—
markup.admonition.markdown.hint markup.admonition.body.markdown	—	—
markup.admonition.markdown.hint punctuation.definition.admonition.markdown, markup.admonition.markdown.hint punctuation.definition.heading, markup.admonition.markdown.hint punctuation.definition.table.vertical-line, markup.admonition.markdown.hint punctuation.definition.table.horizontal-line, markup.admonition.markdown.hint punctuation.definition.table.alignments, markup.admonition.markdown.hint punctuation.definition.heading, markup.admonition.markdown.hint punctuation.definition.bold, markup.admonition.markdown.hint punctuation.definition.italic, markup.admonition.markdown.hint punctuation.definition.list_item, markup.admonition.markdown.hint punctuation.definition.raw, markup.admonition.markdown.hint markup.checkbox.markdown, markup.admonition.markdown.hint punctuation.definition.list_item.todo.pending, markup.admonition.markdown.hint meta.link punctuation.definition, markup.admonition.markdown.hint meta.link.inline markup.underline.link, markup.admonition.markdown.hint meta.link.reference.markdown constant.other.reference.link.markdown, markup.admonition.markdown.hint punctuation.definition.entity.html, markup.admonition.markdown.hint meta.separator.markdown, markup.admonition.markdown.hint markup.table.markdown punctuation.definition.table.vertical-line.markdown, markup.admonition.markdown.hint meta.definition.language.raw.block.fenced.markdown	#268BD275	—
markup.admonition.markdown.hint entity.name.admonition.markdown	#268BD2	bold
markup.admonition.markdown.hint markup.table, markup.admonition.markdown.hint markup.raw, markup.admonition.markdown.hint markup.raw.block.fenced meta.language, markup.admonition.markdown.hint punctuation.definition.blockquote.markdown, markup.admonition.markdown.hint meta.separator, markup.admonition.markdown.hint markup.raw.inline, markup.admonition.markdown.hint markup.raw.block	—	—
markup.admonition.markdown.hint markup.quote punctuation.definition.blockquote.markdown	#268BD235	—
markup.admonition.markdown.warning markup.admonition.header.markdown	—	—
markup.admonition.markdown.warning markup.admonition.body.markdown	—	—
markup.admonition.markdown.warning punctuation.definition.admonition.markdown, markup.admonition.markdown.warning punctuation.definition.heading, markup.admonition.markdown.warning punctuation.definition.table.vertical-line, markup.admonition.markdown.warning punctuation.definition.table.horizontal-line, markup.admonition.markdown.warning punctuation.definition.table.alignments, markup.admonition.markdown.warning punctuation.definition.heading, markup.admonition.markdown.warning punctuation.definition.bold, markup.admonition.markdown.warning punctuation.definition.italic, markup.admonition.markdown.warning punctuation.definition.list_item, markup.admonition.markdown.warning punctuation.definition.raw, markup.admonition.markdown.warning markup.checkbox.markdown, markup.admonition.markdown.warning punctuation.definition.list_item.todo.pending, markup.admonition.markdown.warning meta.link punctuation.definition, markup.admonition.markdown.warning meta.link.inline markup.underline.link, markup.admonition.markdown.warning meta.link.reference.markdown constant.other.reference.link.markdown, markup.admonition.markdown.warning punctuation.definition.entity.html, markup.admonition.markdown.warning meta.separator.markdown, markup.admonition.markdown.warning markup.table.markdown punctuation.definition.table.vertical-line.markdown, markup.admonition.markdown.warning meta.definition.language.raw.block.fenced.markdown	#B5890075	—
markup.admonition.markdown.warning entity.name.admonition.markdown	#B58900	bold
markup.admonition.markdown.warning markup.table, markup.admonition.markdown.warning markup.raw, markup.admonition.markdown.warning markup.raw.block.fenced meta.language, markup.admonition.markdown.warning punctuation.definition.blockquote.markdown, markup.admonition.markdown.warning meta.separator, markup.admonition.markdown.warning markup.raw.inline, markup.admonition.markdown.warning markup.raw.block	—	—
markup.admonition.markdown.warning markup.quote punctuation.definition.blockquote.markdown	#B5890035	—
markup.admonition.markdown.danger markup.admonition.header.markdown	—	—
markup.admonition.markdown.danger markup.admonition.body.markdown	—	—
markup.admonition.markdown.danger punctuation.definition.admonition.markdown, markup.admonition.markdown.danger punctuation.definition.heading, markup.admonition.markdown.danger punctuation.definition.table.vertical-line, markup.admonition.markdown.danger punctuation.definition.table.horizontal-line, markup.admonition.markdown.danger punctuation.definition.table.alignments, markup.admonition.markdown.danger punctuation.definition.heading, markup.admonition.markdown.danger punctuation.definition.bold, markup.admonition.markdown.danger punctuation.definition.italic, markup.admonition.markdown.danger punctuation.definition.list_item, markup.admonition.markdown.danger punctuation.definition.raw, markup.admonition.markdown.danger markup.checkbox.markdown, markup.admonition.markdown.danger punctuation.definition.list_item.todo.pending, markup.admonition.markdown.danger meta.link punctuation.definition, markup.admonition.markdown.danger meta.link.inline markup.underline.link, markup.admonition.markdown.danger meta.link.reference.markdown constant.other.reference.link.markdown, markup.admonition.markdown.danger punctuation.definition.entity.html, markup.admonition.markdown.danger meta.separator.markdown, markup.admonition.markdown.danger markup.table.markdown punctuation.definition.table.vertical-line.markdown, markup.admonition.markdown.danger meta.definition.language.raw.block.fenced.markdown	#DC322F75	—
markup.admonition.markdown.danger entity.name.admonition.markdown	#DC322F	bold
markup.admonition.markdown.danger markup.table, markup.admonition.markdown.danger markup.raw, markup.admonition.markdown.danger markup.raw.block.fenced meta.language, markup.admonition.markdown.danger punctuation.definition.blockquote.markdown, markup.admonition.markdown.danger meta.separator, markup.admonition.markdown.danger markup.raw.inline, markup.admonition.markdown.danger markup.raw.block	—	—
markup.admonition.markdown.danger markup.quote punctuation.definition.blockquote.markdown	#DC322F35	—
markup.admonition.markdown.attention markup.admonition.header.markdown	—	—
markup.admonition.markdown.attention markup.admonition.body.markdown	—	—
markup.admonition.markdown.attention punctuation.definition.admonition.markdown, markup.admonition.markdown.attention punctuation.definition.heading, markup.admonition.markdown.attention punctuation.definition.table.vertical-line, markup.admonition.markdown.attention punctuation.definition.table.horizontal-line, markup.admonition.markdown.attention punctuation.definition.table.alignments, markup.admonition.markdown.attention punctuation.definition.heading, markup.admonition.markdown.attention punctuation.definition.bold, markup.admonition.markdown.attention punctuation.definition.italic, markup.admonition.markdown.attention punctuation.definition.list_item, markup.admonition.markdown.attention punctuation.definition.raw, markup.admonition.markdown.attention markup.checkbox.markdown, markup.admonition.markdown.attention punctuation.definition.list_item.todo.pending, markup.admonition.markdown.attention meta.link punctuation.definition, markup.admonition.markdown.attention meta.link.inline markup.underline.link, markup.admonition.markdown.attention meta.link.reference.markdown constant.other.reference.link.markdown, markup.admonition.markdown.attention punctuation.definition.entity.html, markup.admonition.markdown.attention meta.separator.markdown, markup.admonition.markdown.attention markup.table.markdown punctuation.definition.table.vertical-line.markdown, markup.admonition.markdown.attention meta.definition.language.raw.block.fenced.markdown	#85990075	—
markup.admonition.markdown.attention entity.name.admonition.markdown	#859900	bold
markup.admonition.markdown.attention markup.table, markup.admonition.markdown.attention markup.raw, markup.admonition.markdown.attention markup.raw.block.fenced meta.language, markup.admonition.markdown.attention punctuation.definition.blockquote.markdown, markup.admonition.markdown.attention meta.separator, markup.admonition.markdown.attention markup.raw.inline, markup.admonition.markdown.attention markup.raw.block	—	—
markup.admonition.markdown.attention markup.quote punctuation.definition.blockquote.markdown	#85990035	—

VS Code preview

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

Valinor Theme — Valinor Gandalf

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.activeBorder#2959aa
activityBar.background#d6d8df
activityBar.border#d6d8df
activityBar.foreground#363c4d
activityBar.inactiveForeground#7d7f8f
activityBarBadge.background#2959aa
activityBarBadge.foreground#fff
badge.background#979db833
badge.foreground#363c4d
button.background#2959aadd
button.foreground#ffffff
button.hoverBackground#2959aaAA
button.secondaryBackground#707280
descriptionForeground#707280
disabledForeground#707280
dropdown.background#e6e7ed
dropdown.border#c1c2c7
dropdown.foreground#363c4d
dropdown.listBackground#e6e7ed
editor.background#e6e7ed
editor.findMatchBackground#2d9c9130
editor.findMatchHighlightBackground#2d9c9120
editor.findRangeHighlightBackground#2959aa15
editor.foreground#343b59
editor.inactiveSelectionBackground#acb0bf33
editor.lineHighlightBackground#dcdee3
editor.selectionBackground#acb0bf40
editor.selectionHighlightBackground#9aa5ce55
editor.wordHighlightBackground#9aa5ce33
editor.wordHighlightStrongBackground#9aa5ce66
editorCursor.foreground#363c4d
editorGroupHeader.tabsBackground#d6d8df
editorHoverWidget.background#dcdee3
editorHoverWidget.border#c1c2c7
editorLineNumber.activeForeground#363c4d
editorLineNumber.foreground#9da0ab
editorWhitespace.foreground#c3c3c4
editorWidget.background#d6d8df
errorForeground#5a607d
focusBorder#70728033
foreground#363c4d
icon.foreground#707280
input.background#e6e7ed
input.border#c1c2c7
input.foreground#363c4d
input.placeholderForeground#4a5272
inputOption.activeBackground#2959aa44
list.activeSelectionBackground#e6e7ed
list.activeSelectionForeground#000
list.focusBackground#e6e7ed
list.focusForeground#e6e7ed
list.focusHighlightForeground#1a3a7a
list.highlightForeground#1a3a7a
list.hoverBackground#e6e7ed
list.hoverForeground#363c4d
list.inactiveFocusBackground#e6e7ed
list.inactiveSelectionBackground#e6e7ed
list.inactiveSelectionForeground#000
panel.background#d6d8df
panel.border#c1c2c7
pickerGroup.border#c1c2c7
pickerGroup.foreground#363c4d
progressBar.background#2959aa
quickInput.background#e6e7ed
quickInput.foreground#363c4d
quickInputList.focusBackground#d6d8df
quickInputList.focusHighlightForeground#e6e7ed
quickInputList.highlightForeground#1a3a7a
quickInputList.hoverBackground#e1e2e8
quickInputList.hoverForeground#363c4d
quickInputList.inactiveFocusBackground#e6e7ed
quickInputList.inactiveSelectionBackground#e6e7ed
sash.hoverBorder#707280
scrollbar.shadow#00000033
selection.background#acb0bf55
sideBar.background#d6d8df
sideBar.border#c1c2c7
sideBar.foreground#363c4d
statusBar.background#d6d8df
statusBar.border#c1c2c7
statusBar.foreground#363c4d
tab.activeBackground#dadce3
tab.activeBorder#2959aa
tab.activeForeground#000000
tab.inactiveBackground#e6e7ed
tab.inactiveForeground#000000
terminal.background#e6e7ed
titleBar.activeBackground#d6d8df
titleBar.activeForeground#363c4d
widget.shadow#ffffff00
window.activeBorder#cdced1
window.inactiveBorder#cdced1

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
keyword.control, keyword.operator.expression, keyword.operator.new, keyword.control.new, storage.type, storage.modifier, keyword.other.use, keyword.other.namespace, storage.modifier.extends, entity.other.inherited-class, variable.language, variable.language.this, variable.language.self, variable.language.super, variable.language.parent, variable.language punctuation.definition.variable.php, punctuation.definition.variable.php, keyword.control.php, keyword.control.flow, keyword.control.async-modifier, keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.return	—	italic
comment, meta.var.expr storage.type, keyword.control.flow, keyword.control.return, meta.directive.vue punctuation.separator.key-value.html, meta.directive.vue entity.other.attribute-name.html, tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js, storage.modifier, string.quoted.docstring.multi, string.quoted.docstring.multi.python punctuation.definition.string.begin, string.quoted.docstring.multi.python punctuation.definition.string.end, string.quoted.docstring.multi.python constant.character.escape	—	italic
keyword.control.flow.block-scalar.literal, keyword.control.flow.python	—
comment, comment.block.documentation, punctuation.definition.comment, comment.block.documentation punctuation, string.quoted.docstring.multi, string.quoted.docstring.multi.python punctuation.definition.string.begin, string.quoted.docstring.multi.python punctuation.definition.string.end, string.quoted.docstring.multi.python constant.character.escape	#888b94	—
keyword.operator.assignment.jsdoc, comment.block.documentation variable, comment.block.documentation storage, comment.block.documentation keyword, comment.block.documentation support, comment.block.documentation markup, comment.block.documentation markup.inline.raw.string.markdown, meta.other.type.phpdoc.php keyword.other.type.php, meta.other.type.phpdoc.php support.other.namespace.php, meta.other.type.phpdoc.php punctuation.separator.inheritance.php, meta.other.type.phpdoc.php support.class, keyword.other.phpdoc.php, log.date	#6c6e75	—
meta.other.type.phpdoc.php support.class, comment.block.documentation storage.type, comment.block.documentation punctuation.definition.block.tag, comment.block.documentation entity.name.type.instance	#606269	—
variable.other.constant, punctuation.definition.constant, constant.language, constant.numeric, support.constant, constant.other.caps	#965027	—
string, constant.other.symbol, constant.other.key, meta.attribute-selector, string constant.character	#385f0d
constant.other.color, constant.other.color.rgb-value.hex punctuation.definition.constant	#40434f	—
invalid, invalid.illegal	#942f2f	—
invalid.deprecated	#65359d	—
storage.type	#65359d	—
meta.var.expr storage.type, storage.modifier	#7b43ba	—
punctuation.definition.template-expression, punctuation.section.embedded, meta.embedded.line.tag.smarty, support.constant.handlebars, punctuation.section.tag.twig	#0f4b6e	—
keyword.control.smarty, keyword.control.twig, support.constant.handlebars keyword.control, keyword.operator.comparison.twig, keyword.blade, entity.name.function.blade, meta.tag.blade keyword.other.type.php	#006c86	—
keyword.operator.spread, keyword.operator.rest	#8c4351	bold
keyword.operator, keyword.control.as, keyword.other, keyword.operator.bitwise.shift, punctuation, expression.embbeded.vue punctuation.definition.tag, text.html.twig meta.tag.inline.any.html, meta.tag.template.value.twig meta.function.arguments.twig, meta.directive.vue punctuation.separator.key-value.html, punctuation.definition.constant.markdown, punctuation.definition.string, punctuation.support.type.property-name, text.html.vue-html meta.tag, meta.attribute.directive, punctuation.definition.keyword, punctuation.terminator.rule, punctuation.definition.entity, punctuation.separator.inheritance.php, keyword.other.template, keyword.other.substitution, entity.name.operator, meta.property-list punctuation.separator.key-value, meta.at-rule.mixin punctuation.separator.key-value, meta.at-rule.function variable.parameter.url, meta.embedded.inline.phpx punctuation.definition.tag.begin.html, meta.embedded.inline.phpx punctuation.definition.tag.end.html	#006C86	—
keyword.control.module.js, keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.default, meta.import keyword.other	#0f4b6e	—
keyword, keyword.control, keyword.other.important	#65359d	—
keyword.other.DML	#0f4b6e	—
keyword.operator.logical, storage.type.function, keyword.operator.bitwise, keyword.operator.ternary, keyword.operator.comparison, keyword.operator.relational, keyword.operator.or.regexp	#65359d	—
entity.name.tag	#8c4351	—
entity.name.tag support.class.component, meta.tag.custom entity.name.tag, meta.tag.other.unrecognized.html.derivative entity.name.tag, meta.tag	#69323d	—
punctuation.definition.tag, text.html.php meta.embedded.block.html meta.tag.metadata.script.end.html punctuation.definition.tag.begin.html text.html.basic	#b05467	—
meta.tag.custom punctuation.definition.tag, meta.jsx punctuation.definition.tag	#69323d	—
constant.other.php, variable.other.global.safer, variable.other.global.safer punctuation.definition.variable, variable.other.global, variable.other.global punctuation.definition.variable, constant.other.haskell	#8f5e15	—
variable, support.variable, string constant.other.placeholder, variable.parameter.handlebars, variable.other.object, meta.fstring, meta.function-call meta.function-call.arguments, meta.embedded.inline.phpx constant.other.php	#343b58	—
meta.array.literal variable	#0f4b6e	—
meta.object-literal.key, entity.name.type.hcl, string.alias.graphql, string.unquoted.graphql, string.unquoted.alias.graphql, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js, meta.field.declaration.ts variable.object.property, meta.block entity.name.label	#33635c	—
variable.other.property, support.variable.property, support.variable.property.dom, meta.function-call variable.other.object.property, variable.other.object.property.cs	#0f4b6e	—
variable.other.object.property	#343b58	—
meta.objectliteral meta.object.member meta.objectliteral meta.object.member meta.objectliteral meta.object.member meta.object-literal.key	#296973	—
source.cpp meta.block variable.other	#8c4351	—
support.other.variable	#8c4351	—
meta.class-method.js entity.name.function.js, entity.name.method.js, variable.function.constructor, keyword.other.special-method, storage.type.cs	#2959aa	—
entity.name.function, variable.other.enummember, meta.function-call, meta.function-call entity.name.function, variable.function, meta.definition.method entity.name.function, meta.object-literal entity.name.function	#2959aa	—
variable.parameter.function.language.special, variable.parameter, meta.function.parameters punctuation.definition.variable, meta.function.parameter variable	#8f5e15	—
keyword.other.type.php, storage.type.php, constant.character, constant.escape, keyword.other.unit	#65359d	—
meta.definition.variable variable.other.constant, meta.definition.variable variable.other.readwrite, variable.declaration.hcl variable.other.readwrite.hcl, meta.mapping.key.hcl variable.other.readwrite.hcl, variable.other.declaration	#65359d	—
entity.other.inherited-class	#65359d
support.class, support.type, variable.other.readwrite.alias, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, support.type.sys-types, support.variable.dom, support.constant.math, support.type.object.module, support.constant.json, entity.name.namespace, meta.import.qualifier, variable.other.constant.object	#006c86	—
entity.name	#343b58	—
support.function	#006c86	—
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name, support.type.property-name.css, support.type.vendored.property-name, support.type.map.key	#2959aa	—
support.constant.font-name, meta.definition.variable	#385f0d	—
entity.other.attribute-name.class, meta.at-rule.mixin.scss entity.name.function.scss	#385f0d	—
entity.other.attribute-name.id	#942f2f	—
entity.name.tag.css	#006c86	—
entity.other.attribute-name.pseudo-class punctuation.definition.entity, entity.other.attribute-name.pseudo-element punctuation.definition.entity, entity.other.attribute-name.class punctuation.definition.entity, entity.name.tag.reference	#8f5e15	—
meta.property-list	#484c61	—
meta.property-list meta.at-rule.if, meta.at-rule.return variable.parameter.url, meta.property-list meta.at-rule.else	#965027	—
entity.other.attribute-name.parent-selector-suffix punctuation.definition.entity.css	#33635c	—
meta.property-list meta.property-list	#484c61	—
meta.at-rule.mixin keyword.control.at-rule.mixin, meta.at-rule.include entity.name.function.scss, meta.at-rule.include keyword.control.at-rule.include	#65359d	—
keyword.control.at-rule.include punctuation.definition.keyword, keyword.control.at-rule.mixin punctuation.definition.keyword, meta.at-rule.include keyword.control.at-rule.include, keyword.control.at-rule.extend punctuation.definition.keyword, meta.at-rule.extend keyword.control.at-rule.extend, entity.other.attribute-name.placeholder.css punctuation.definition.entity.css, meta.at-rule.media keyword.control.at-rule.media, meta.at-rule.mixin keyword.control.at-rule.mixin, meta.at-rule.function keyword.control.at-rule.function, keyword.control punctuation.definition.keyword	#4f4168	—
meta.property-list meta.at-rule.include	#343b58	—
support.constant.property-value	#965027	—
entity.name.module.js, variable.import.parameter.js, variable.other.class.js	#343b58	—
variable.language	#8c4351	—
variable.other punctuation.definition.variable	#343b58	—
source.js constant.other.object.key.js string.unquoted.label.js, variable.language.this punctuation.definition.variable, keyword.other.this	#8c4351	—
entity.other.attribute-name, text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name	#65359d	—
text.html constant.character.entity	#006c86	—
text.html punctuation.definition.entity	#006c86	—
entity.other.attribute-name.id.html, meta.directive.vue entity.other.attribute-name.html	#65359d	—
source.sass keyword.control	#2959aa	—
entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element, entity.other.attribute-name.placeholder, meta.property-list meta.property-value	#65359d	—
markup.inserted	#449dab	—
markup.deleted	#914c54	—
markup.changed	#2959aa	—
string.regexp	#3e6968	—
punctuation.definition.group	#8c4351	—
constant.other.character-class.regexp	#65359d	—
constant.other.character-class.set.regexp, punctuation.definition.character-class.regexp	#8f5e15	—
keyword.operator.quantifier.regexp	#65359d	—
constant.character.escape.backslash	#343b58	—
constant.character.escape	#363c4d	—
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js	#2959aa	—
keyword.other.unit	#8c4351	—
source.json meta.structure.dictionary.json support.type.property-name.json	#2959aa	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#006c86	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#0f4b6e	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#65359d	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#8f5e15	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#006c86	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#33635c	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#8c4351	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#385f0d	—
punctuation.definition.list_item.markdown	#484c61	—
meta.block, meta.brace, punctuation.definition.block, punctuation.definition.use, punctuation.definition.class, punctuation.definition.begin.bracket, punctuation.definition.end.bracket, punctuation.definition.switch-expression.begin.bracket, punctuation.definition.switch-expression.end.bracket, punctuation.definition.section.switch-block.begin.bracket, punctuation.definition.section.switch-block.end.bracket, punctuation.definition.group.shell, punctuation.definition.parameters, punctuation.definition.arguments, punctuation.definition.dictionary, punctuation.definition.array, punctuation.section	#484c61	—
meta.embedded.block	#343b58	—
meta.tag JSXNested, meta.jsx.children, text.html, text.log	#40434f	—
text.html.markdown markup.inline.raw.markdown	#65359d	—
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown	#4E5579	—
heading.1.markdown entity.name, heading.1.markdown punctuation.definition.heading.markdown	#363c4d	bold
heading.2.markdown entity.name, heading.2.markdown punctuation.definition.heading.markdown	#0F4B6E	bold
heading.3.markdown entity.name, heading.3.markdown punctuation.definition.heading.markdown	#2959aa	bold
heading.4.markdown entity.name, heading.4.markdown punctuation.definition.heading.markdown	#395b96	bold
heading.5.markdown entity.name, heading.5.markdown punctuation.definition.heading.markdown	#40434f	bold
heading.6.markdown entity.name, heading.6.markdown punctuation.definition.heading.markdown	#747ca1	bold
markup.italic, markup.italic punctuation	#343b58	italic
markup.bold, markup.bold punctuation	#343b58	bold
markup.bold markup.italic, markup.bold markup.italic punctuation	#343b58	bold italic
markup.underline, markup.underline punctuation	—	underline
markup.quote punctuation.definition.blockquote.markdown	#4E5579	—
markup.quote	—	italic
string.other.link, markup.underline.link, constant.other.reference.link.markdown, string.other.link.description.title.markdown	#33635c	—
markup.fenced_code.block.markdown, markup.inline.raw.string.markdown, variable.language.fenced.markdown	#363c4d	—
meta.separator	#868891	bold
markup.table	#c0cefc	—
token.info-token	#0db9d7	—
token.warn-token	#ffdb69	—
token.error-token	#942f2f	—
token.debug-token	#b267e6	—
entity.tag.apacheconf	#8c4351	—
meta.preprocessor	#33635c	—
source.env	#2959aa	—

VS Code preview

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

Valinor Theme — Valinor Gimli

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#1f2335
activityBar.border#1f2335
activityBar.foreground#8089b3
activityBar.inactiveForeground#41496b
activityBarBadge.background#3d59a1
activityBarBadge.foreground#fff
activityBarTop.foreground#8089b3
activityBarTop.inactiveForeground#41496b
badge.background#7e83b233
badge.foreground#a9b1d6
breadcrumb.activeSelectionForeground#a9b1d6
breadcrumb.background#1E2233
breadcrumb.focusForeground#a9b1d6
breadcrumb.foreground#545c7e
breadcrumbPicker.background#1f2335
button.background#3d59a1dd
button.foreground#ffffff
button.hoverBackground#3d59a1AA
button.secondaryBackground#41496b
charts.blue#7aa2f7
charts.foreground#9AA5CE
charts.green#73daca
charts.lines#1f2335
charts.orange#ff9e64
charts.purple#9d7cd8
charts.red#f7768e
charts.yellow#e0af68
chat.avatarBackground#3d59a1
chat.avatarForeground#a9b1d6
chat.requestBorder#282e44
chat.slashCommandBackground#1b1e2e
chat.slashCommandForeground#7aa2f7
debugConsole.errorForeground#bb616b
debugConsole.infoForeground#8089b3
debugConsole.sourceForeground#8089b3
debugConsole.warningForeground#c49a5a
debugConsoleInputIcon.foreground#73daca
debugExceptionWidget.background#1b1e2e
debugExceptionWidget.border#963c47
debugIcon.breakpointDisabledForeground#545c7e
debugIcon.breakpointForeground#db4b4b
debugIcon.breakpointUnverifiedForeground#c24242
debugTokenExpression.boolean#ff9e64
debugTokenExpression.error#bb616b
debugTokenExpression.name#7dcfff
debugTokenExpression.number#ff9e64
debugTokenExpression.string#9ece6a
debugTokenExpression.value#9aa5ce
debugToolBar.background#1b1e2e
debugView.stateLabelBackground#1b1e2e
debugView.stateLabelForeground#8089b3
debugView.valueChangedHighlight#3d59a1cc
descriptionForeground#545c7e
diffEditor.diagonalFill#2c324a
diffEditor.insertedLineBackground#41a6b520
diffEditor.insertedTextBackground#41a6b520
diffEditor.removedLineBackground#db4b4b22
diffEditor.removedTextBackground#db4b4b22
diffEditor.unchangedCodeBackground#2f344d66
diffEditorGutter.insertedLineBackground#41a6b525
diffEditorGutter.removedLineBackground#db4b4b22
diffEditorOverview.insertedForeground#41a6b525
diffEditorOverview.removedForeground#db4b4b22
disabledForeground#545c7e
dropdown.background#1b1e2e
dropdown.foreground#8089b3
dropdown.listBackground#1b1e2e
editor.background#24283b
editor.findMatchBackground#3d59a166
editor.findMatchBorder#ffdb69aa
editor.findMatchHighlightBackground#3d59a166
editor.findRangeHighlightBackground#6f7bb625
editor.focusedStackFrameHighlightBackground#73daca20
editor.foldBackground#181b294a
editor.foreground#a9b1d6
editor.inactiveSelectionBackground#6f7bb615
editor.lineHighlightBackground#292e42
editor.rangeHighlightBackground#6f7bb620
editor.selectionBackground#6f7bb640
editor.selectionHighlightBackground#6f7bb633
editor.stackFrameHighlightBackground#e2bd3a20
editor.wordHighlightBackground#6f7bb633
editor.wordHighlightStrongBackground#6f7bb644
editorBracketHighlight.foreground1#698cd6
editorBracketHighlight.foreground2#68b3de
editorBracketHighlight.foreground3#9a7ecc
editorBracketHighlight.foreground4#25aac2
editorBracketHighlight.foreground5#80a856
editorBracketHighlight.foreground6#cfa25f
editorBracketHighlight.unexpectedBracket.foreground#db4b4b
editorBracketMatch.background#1f2335
editorBracketMatch.border#545c7e
editorBracketPairGuide.activeBackground1#698cd6
editorBracketPairGuide.activeBackground2#68b3de
editorBracketPairGuide.activeBackground3#9a7ecc
editorBracketPairGuide.activeBackground4#25aac2
editorBracketPairGuide.activeBackground5#80a856
editorBracketPairGuide.activeBackground6#cfa25f
editorCodeLens.foreground#5f6996
editorCursor.foreground#c0caf5
editorError.foreground#db4b4b
editorGhostText.foreground#7582ba
editorGroup.border#1b1e2e
editorGroup.dropBackground#292e42
editorGroup.emptyBackground#24283b
editorGroupHeader.border#1b1e2e
editorGroupHeader.noTabsBackground#1f2335
editorGroupHeader.tabsBackground#1f2335
editorGroupHeader.tabsBorder#1b1e2e
editorGutter.addedBackground#164846
editorGutter.deletedBackground#823c41
editorGutter.modifiedBackground#3d547a
editorHint.foreground#0da0ba
editorHoverWidget.background#1f2335
editorHoverWidget.border#1b1e2e
editorIndentGuide.activeBackground1#3b4261
editorIndentGuide.background1#2d324a
editorInfo.foreground#0da0ba
editorInlayHint.foreground#7582ba
editorLightBulb.foreground#e0af68
editorLightBulbAutoFix.foreground#e0af68
editorLineNumber.activeForeground#8089b3
editorLineNumber.foreground#3b4261
editorLink.activeForeground#a9b1d6
editorMarkerNavigation.background#1f2335
editorOverviewRuler.addedForeground#164846
editorOverviewRuler.border#1b1e2e
editorOverviewRuler.bracketMatchForeground#1b1e2e
editorOverviewRuler.deletedForeground#703438
editorOverviewRuler.errorForeground#db4b4b
editorOverviewRuler.findMatchForeground#a9b1d644
editorOverviewRuler.infoForeground#1abc9c
editorOverviewRuler.modifiedForeground#3d547a
editorOverviewRuler.rangeHighlightForeground#a9b1d644
editorOverviewRuler.selectionHighlightForeground#a9b1d622
editorOverviewRuler.warningForeground#e0af68
editorOverviewRuler.wordHighlightForeground#bb9af755
editorOverviewRuler.wordHighlightStrongForeground#bb9af766
editorPane.background#24283b
editorRuler.foreground#1b1e2e
editorSuggestWidget.background#1f2335
editorSuggestWidget.border#1b1e2e
editorSuggestWidget.highlightForeground#668ac4
editorSuggestWidget.selectedBackground#282e44
editorWarning.foreground#e0af68
editorWhitespace.foreground#3b4261
editorWidget.background#1f2335
editorWidget.border#1b1e2e
editorWidget.foreground#8089b3
editorWidget.resizeBorder#545c7e33
errorForeground#5a607d
extensionBadge.remoteBackground#3d59a1
extensionBadge.remoteForeground#ffffff
extensionButton.prominentBackground#3d59a1DD
extensionButton.prominentForeground#ffffff
extensionButton.prominentHoverBackground#3d59a1AA
focusBorder#545c7e33
foreground#8089b3
gitDecoration.addedResourceForeground#449dab
gitDecoration.conflictingResourceForeground#e0af68cc
gitDecoration.deletedResourceForeground#914c54
gitDecoration.ignoredResourceForeground#545c7e
gitDecoration.modifiedResourceForeground#6183bb
gitDecoration.renamedResourceForeground#449dab
gitDecoration.stageDeletedResourceForeground#914c54
gitDecoration.stageModifiedResourceForeground#6183bb
gitDecoration.untrackedResourceForeground#449dab
gitlens.gutterBackgroundColor#1f2335
gitlens.gutterForegroundColor#8089b3
gitlens.gutterUncommittedForegroundColor#7aa2f7
gitlens.trailingLineForegroundColor#7582ba
icon.foreground#8089b3
inlineChat.background#1b1e2e
inlineChat.foreground#a9b1d6
inlineChatDiff.inserted#41a6b540
inlineChatDiff.removed#db4b4b42
input.background#1b1e2e
input.border#282e44
input.foreground#a9b1d6
input.placeholderForeground#4a5272
inputOption.activeBackground#3d59a144
inputOption.activeForeground#c0caf5
inputValidation.errorBackground#85353e
inputValidation.errorBorder#963c47
inputValidation.errorForeground#bbc2e0
inputValidation.infoBackground#3d59a15c
inputValidation.infoBorder#3d59a1
inputValidation.infoForeground#bbc2e0
inputValidation.warningBackground#c2985b
inputValidation.warningBorder#e0af68
inputValidation.warningForeground#000000
list.activeSelectionBackground#2c324a
list.activeSelectionForeground#fff
list.deemphasizedForeground#8089b3
list.dropBackground#292e42
list.errorForeground#bb616b
list.focusBackground#292e42
list.focusForeground#a9b1d6
list.focusHighlightForeground#c0d4f8
list.highlightForeground#c0d4f8
list.hoverBackground#1b1e2e
list.hoverForeground#a9b1d6
list.inactiveSelectionBackground#2c324a
list.inactiveSelectionForeground#000
list.invalidItemForeground#c97018
list.warningForeground#c49a5a
listFilterWidget.background#1b1e2e
listFilterWidget.noMatchesOutline#a6333f
listFilterWidget.outline#3d59a1
menu.background#1f2335
menu.border#1b1e2e
menu.foreground#8089b3
menu.selectionBackground#2f3549
menu.selectionForeground#c0caf5
menu.separatorBackground#1b1e2e
menubar.selectionBackground#2f3549
menubar.selectionBorder#1b1e2e
menubar.selectionForeground#c0caf5
merge.currentContentBackground#007a7544
merge.currentHeaderBackground#41a6b525
merge.incomingContentBackground#3d59a144
merge.incomingHeaderBackground#3d59a1aa
mergeEditor.change.background#41a6b525
mergeEditor.change.word.background#41a6b540
mergeEditor.conflict.handled.minimapOverViewRuler#449dab
mergeEditor.conflict.handledFocused.border#41a6b565
mergeEditor.conflict.handledUnfocused.border#41a6b525
mergeEditor.conflict.unhandled.minimapOverViewRuler#e0af68
mergeEditor.conflict.unhandledFocused.border#e0af68d9
mergeEditor.conflict.unhandledUnfocused.border#e0af6888
minimapGutter.addedBackground#1C5957
minimapGutter.deletedBackground#944449
minimapGutter.modifiedBackground#3d547a
multiDiffEditor.border#24283b
multiDiffEditor.headerBackground#24283b
notebook.cellBorderColor#1b1e2e
notebook.cellEditorBackground#1f2335
notebook.cellStatusBarItemHoverBackground#2c324a
notebook.editorBackground#24283b
notebook.focusedCellBorder#29355a
notificationCenterHeader.background#1b1e2e
notificationLink.foreground#6183bb
notifications.background#1b1e2e
notificationsErrorIcon.foreground#bb616b
notificationsInfoIcon.foreground#0da0ba
notificationsWarningIcon.foreground#bba461
panel.background#1f2335
panel.border#1b1e2e
panelInput.border#1f2335
panelTitle.activeBorder#3d59a1
panelTitle.activeForeground#a9b1d6
panelTitle.inactiveForeground#8089b3
peekView.border#1b1e2e
peekViewEditor.background#1f2335
peekViewEditor.matchHighlightBackground#3d59a166
peekViewResult.background#1b1e2e
peekViewResult.fileForeground#8089b3
peekViewResult.lineForeground#a9b1d6
peekViewResult.matchHighlightBackground#3d59a166
peekViewResult.selectionBackground#3d59a133
peekViewResult.selectionForeground#a9b1d6
peekViewTitle.background#1b1e2e
peekViewTitleDescription.foreground#8089b3
peekViewTitleLabel.foreground#a9b1d6
pickerGroup.border#1b1e2e
pickerGroup.foreground#a9b1d6
progressBar.background#3d59a1
sash.hoverBorder#29355a
scmGraph.foreground1#ff9e64
scmGraph.foreground2#e0af68
scmGraph.foreground3#41a6b5
scmGraph.foreground4#7aa2f7
scmGraph.foreground5#bb9af7
scmGraph.historyItemBaseRefColor#9d7cd8
scmGraph.historyItemHoverAdditionsForeground#41a6b5
scmGraph.historyItemHoverDefaultLabelForeground#a9b1d6
scmGraph.historyItemHoverDeletionsForeground#f7768e
scmGraph.historyItemHoverLabelForeground#1b1e2e
scmGraph.historyItemRefColor#506FCA
scmGraph.historyItemRemoteRefColor#41a6b5
scrollbar.shadow#00000033
scrollbarSlider.activeBackground#9cacff22
scrollbarSlider.background#9cacff15
scrollbarSlider.hoverBackground#9cacff10
selection.background#6f7bb635
settings.headerForeground#6183bb
sideBar.background#1f2335
sideBar.border#1b1e2e
sideBar.dropBackground#292e42
sideBar.foreground#8089b3
sideBarSectionHeader.background#1f2335
sideBarSectionHeader.border#1b1e2e
sideBarSectionHeader.foreground#a9b1d6
sideBarTitle.foreground#8089b3
statusBar.background#1f2335
statusBar.border#1b1e2e
statusBar.debuggingBackground#1f2335
statusBar.debuggingForeground#8089b3
statusBar.foreground#8089b3
statusBar.noFolderBackground#1f2335
statusBarItem.activeBackground#1b1e2e
statusBarItem.hoverBackground#282e44
statusBarItem.prominentBackground#1b1e2e
statusBarItem.prominentHoverBackground#282e44
tab.activeBackground#1f2335
tab.activeBorder#3d59a1
tab.activeForeground#a9b1d6
tab.activeModifiedBorder#282d42
tab.border#1b1e2e
tab.hoverForeground#a9b1d6
tab.inactiveBackground#1f2335
tab.inactiveForeground#8089b3
tab.inactiveModifiedBorder#282d42
tab.lastPinnedBorder#2c3147
tab.unfocusedActiveBorder#3b4261
tab.unfocusedActiveForeground#a9b1d6
tab.unfocusedHoverForeground#a9b1d6
tab.unfocusedInactiveForeground#8089b3
terminal.ansiBlack#414868
terminal.ansiBlue#7aa2f7
terminal.ansiBrightBlack#414868
terminal.ansiBrightBlue#7aa2f7
terminal.ansiBrightCyan#7dcfff
terminal.ansiBrightGreen#73daca
terminal.ansiBrightMagenta#bb9af7
terminal.ansiBrightRed#f7768e
terminal.ansiBrightWhite#a9b1d6
terminal.ansiBrightYellow#e0af68
terminal.ansiCyan#7dcfff
terminal.ansiGreen#73daca
terminal.ansiMagenta#bb9af7
terminal.ansiRed#f7768e
terminal.ansiWhite#8089b3
terminal.ansiYellow#e0af68
terminal.background#24283b
terminal.foreground#8089b3
terminal.selectionBackground#6f7bb640
textBlockQuote.background#1f2335
textCodeBlock.background#1f2335
textLink.activeForeground#7dcfff
textLink.foreground#668ac4
textPreformat.foreground#73daca
textSeparator.foreground#545c7e
titleBar.activeBackground#1f2335
titleBar.activeForeground#8089b3
titleBar.border#1b1e2e
titleBar.inactiveBackground#1f2335
titleBar.inactiveForeground#8089b3
toolbar.activeBackground#2c324a
toolbar.hoverBackground#2c324a
tree.indentGuidesStroke#2e344f
walkThrough.embeddedEditorBackground#1f2335
widget.shadow#ffffff00
window.activeBorder#0d0f17
window.inactiveBorder#0d0f17

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
keyword.control, keyword.operator.expression, keyword.operator.new, keyword.control.new, storage.type, storage.modifier, keyword.other.use, keyword.other.namespace, storage.modifier.extends, entity.other.inherited-class, variable.language, variable.language.this, variable.language.self, variable.language.super, variable.language.parent, variable.language punctuation.definition.variable.php, punctuation.definition.variable.php, keyword.control.php, keyword.control.flow, keyword.control.async-modifier, keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.return	—	italic
comment, meta.var.expr storage.type, keyword.control.flow, keyword.control.return, meta.directive.vue punctuation.separator.key-value.html, meta.directive.vue entity.other.attribute-name.html, tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js, storage.modifier, string.quoted.docstring.multi, string.quoted.docstring.multi.python punctuation.definition.string.begin, string.quoted.docstring.multi.python punctuation.definition.string.end, string.quoted.docstring.multi.python constant.character.escape	—	italic
keyword.control.flow.block-scalar.literal, keyword.control.flow.python	—
comment, comment.block.documentation, punctuation.definition.comment, comment.block.documentation punctuation, string.quoted.docstring.multi, string.quoted.docstring.multi.python punctuation.definition.string.begin, string.quoted.docstring.multi.python punctuation.definition.string.end, string.quoted.docstring.multi.python constant.character.escape	#5f6996	—
keyword.operator.assignment.jsdoc, comment.block.documentation variable, comment.block.documentation storage, comment.block.documentation keyword, comment.block.documentation support, comment.block.documentation markup, comment.block.documentation markup.inline.raw.string.markdown, meta.other.type.phpdoc.php keyword.other.type.php, meta.other.type.phpdoc.php support.other.namespace.php, meta.other.type.phpdoc.php punctuation.separator.inheritance.php, meta.other.type.phpdoc.php support.class, keyword.other.phpdoc.php, log.date	#6f7bb0	—
meta.other.type.phpdoc.php support.class, comment.block.documentation storage.type, comment.block.documentation punctuation.definition.block.tag, comment.block.documentation entity.name.type.instance	#7582ba	—
variable.other.constant, punctuation.definition.constant, constant.language, constant.numeric, support.constant, constant.other.caps	#ff9e64	—
string, constant.other.symbol, constant.other.key, meta.attribute-selector, string constant.character	#9ece6a
constant.other.color, constant.other.color.rgb-value.hex punctuation.definition.constant	#9aa5ce	—
invalid, invalid.illegal	#ff5370	—
invalid.deprecated	#bb9af7	—
storage.type	#bb9af7	—
meta.var.expr storage.type, storage.modifier	#9d7cd8	—
punctuation.definition.template-expression, punctuation.section.embedded, meta.embedded.line.tag.smarty, support.constant.handlebars, punctuation.section.tag.twig	#7dcfff	—
keyword.control.smarty, keyword.control.twig, support.constant.handlebars keyword.control, keyword.operator.comparison.twig, keyword.blade, entity.name.function.blade, meta.tag.blade keyword.other.type.php	#2ac3de	—
keyword.operator.spread, keyword.operator.rest	#f7768e	bold
keyword.operator, keyword.control.as, keyword.other, keyword.operator.bitwise.shift, punctuation, expression.embbeded.vue punctuation.definition.tag, text.html.twig meta.tag.inline.any.html, meta.tag.template.value.twig meta.function.arguments.twig, meta.directive.vue punctuation.separator.key-value.html, punctuation.definition.constant.markdown, punctuation.definition.string, punctuation.support.type.property-name, text.html.vue-html meta.tag, meta.attribute.directive, punctuation.definition.keyword, punctuation.terminator.rule, punctuation.definition.entity, punctuation.separator.inheritance.php, keyword.other.template, keyword.other.substitution, entity.name.operator, meta.property-list punctuation.separator.key-value, meta.at-rule.mixin punctuation.separator.key-value, meta.at-rule.function variable.parameter.url, meta.embedded.inline.phpx punctuation.definition.tag.begin.html, meta.embedded.inline.phpx punctuation.definition.tag.end.html	#89ddff	—
keyword.control.module.js, keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.default, meta.import keyword.other	#7dcfff	—
keyword, keyword.control, keyword.other.important	#bb9af7	—
keyword.other.DML	#7dcfff	—
keyword.operator.logical, storage.type.function, keyword.operator.bitwise, keyword.operator.ternary, keyword.operator.comparison, keyword.operator.relational, keyword.operator.or.regexp	#bb9af7	—
entity.name.tag	#f7768e	—
entity.name.tag support.class.component, meta.tag.custom entity.name.tag, meta.tag.other.unrecognized.html.derivative, meta.tag	#de5971	—
punctuation.definition.tag, text.html.php meta.embedded.block.html meta.tag.metadata.script.end.html punctuation.definition.tag.begin.html text.html.basic	#ba3c97	—
constant.other.php, variable.other.global.safer, variable.other.global.safer punctuation.definition.variable, variable.other.global, variable.other.global punctuation.definition.variable, constant.other.haskell	#e0af68	—
variable, support.variable, string constant.other.placeholder, variable.parameter.handlebars, variable.other.object, meta.fstring, meta.function-call meta.function-call.arguments, meta.embedded.inline.phpx constant.other.php	#c0caf5	—
meta.array.literal variable	#7dcfff	—
meta.object-literal.key, entity.name.type.hcl, string.alias.graphql, string.unquoted.graphql, string.unquoted.alias.graphql, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js, meta.field.declaration.ts variable.object.property, meta.block entity.name.label	#73daca	—
variable.other.property, support.variable.property, support.variable.property.dom, meta.function-call variable.other.object.property, variable.other.object.property.cs	#7dcfff	—
variable.other.object.property	#c0caf5	—
meta.objectliteral meta.object.member meta.objectliteral meta.object.member meta.objectliteral meta.object.member meta.object-literal.key	#41a6b5	—
source.cpp meta.block variable.other	#f7768e	—
support.other.variable	#f7768e	—
meta.class-method.js entity.name.function.js, entity.name.method.js, variable.function.constructor, keyword.other.special-method, storage.type.cs	#7aa2f7	—
entity.name.function, variable.other.enummember, meta.function-call, meta.function-call entity.name.function, variable.function, meta.definition.method entity.name.function, meta.object-literal entity.name.function	#7aa2f7	—
variable.parameter.function.language.special, variable.parameter, meta.function.parameters punctuation.definition.variable, meta.function.parameter variable	#e0af68	—
keyword.other.type.php, storage.type.php, constant.character, constant.escape, keyword.other.unit	#bb9af7	—
meta.definition.variable variable.other.constant, meta.definition.variable variable.other.readwrite, variable.declaration.hcl variable.other.readwrite.hcl, meta.mapping.key.hcl variable.other.readwrite.hcl, variable.other.declaration	#bb9af7	—
entity.other.inherited-class	#bb9af7
support.class, support.type, variable.other.readwrite.alias, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, support.type.sys-types, support.variable.dom, support.constant.math, support.type.object.module, support.constant.json, entity.name.namespace, meta.import.qualifier, variable.other.constant.object	#2ac3de	—
entity.name	#c0caf5	—
support.function	#2ac3de	—
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name, support.type.property-name.css, support.type.vendored.property-name, support.type.map.key	#7aa2f7	—
support.constant.font-name, meta.definition.variable	#9ece6a	—
entity.other.attribute-name.class, meta.at-rule.mixin.scss entity.name.function.scss	#9ece6a	—
entity.other.attribute-name.id	#fc7b7b	—
entity.name.tag.css	#2ac3de	—
entity.other.attribute-name.pseudo-class punctuation.definition.entity, entity.other.attribute-name.pseudo-element punctuation.definition.entity, entity.other.attribute-name.class punctuation.definition.entity, entity.name.tag.reference	#e0af68	—
meta.property-list	#9abdf5	—
meta.property-list meta.at-rule.if, meta.at-rule.return variable.parameter.url, meta.property-list meta.at-rule.else	#ff9e64	—
entity.other.attribute-name.parent-selector-suffix punctuation.definition.entity.css	#73daca	—
meta.property-list meta.property-list	#9abdf5	—
meta.at-rule.mixin keyword.control.at-rule.mixin, meta.at-rule.include entity.name.function.scss, meta.at-rule.include keyword.control.at-rule.include	#bb9af7	—
keyword.control.at-rule.include punctuation.definition.keyword, keyword.control.at-rule.mixin punctuation.definition.keyword, meta.at-rule.include keyword.control.at-rule.include, keyword.control.at-rule.extend punctuation.definition.keyword, meta.at-rule.extend keyword.control.at-rule.extend, entity.other.attribute-name.placeholder.css punctuation.definition.entity.css, meta.at-rule.media keyword.control.at-rule.media, meta.at-rule.mixin keyword.control.at-rule.mixin, meta.at-rule.function keyword.control.at-rule.function, keyword.control punctuation.definition.keyword	#9d7cd8	—
meta.property-list meta.at-rule.include	#c0caf5	—
support.constant.property-value	#ff9e64	—
entity.name.module.js, variable.import.parameter.js, variable.other.class.js	#c0caf5	—
variable.language	#f7768e	—
variable.other punctuation.definition.variable	#c0caf5	—
source.js constant.other.object.key.js string.unquoted.label.js, variable.language.this punctuation.definition.variable, keyword.other.this	#f7768e	—
entity.other.attribute-name, text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name	#bb9af7	—
text.html constant.character.entity	#2AC3DE	—
entity.other.attribute-name.id.html, meta.directive.vue entity.other.attribute-name.html	#bb9af7	—
source.sass keyword.control	#7aa2f7	—
entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element, entity.other.attribute-name.placeholder, meta.property-list meta.property-value	#bb9af7	—
markup.inserted	#449dab	—
markup.deleted	#914c54	—
markup.changed	#6183bb	—
string.regexp	#b4f9f8	—
punctuation.definition.group	#f7768e	—
constant.other.character-class.regexp	#bb9af7	—
constant.other.character-class.set.regexp, punctuation.definition.character-class.regexp	#e0af68	—
keyword.operator.quantifier.regexp	#89ddff	—
constant.character.escape.backslash	#c0caf5	—
constant.character.escape	#89ddff	—
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js	#7aa2f7	—
keyword.other.unit	#f7768e	—
source.json meta.structure.dictionary.json support.type.property-name.json	#7aa2f7	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#2ac3de	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#7dcfff	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#bb9af7	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#e0af68	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#2ac3de	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#73daca	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#f7768e	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#9ece6a	—
punctuation.definition.list_item.markdown	#9abdf5	—
meta.block, meta.brace, punctuation.definition.block, punctuation.definition.use, punctuation.definition.class, punctuation.definition.begin.bracket, punctuation.definition.end.bracket, punctuation.definition.switch-expression.begin.bracket, punctuation.definition.switch-expression.end.bracket, punctuation.definition.section.switch-block.begin.bracket, punctuation.definition.section.switch-block.end.bracket, punctuation.definition.group.shell, punctuation.definition.parameters, punctuation.definition.arguments, punctuation.definition.dictionary, punctuation.definition.array, punctuation.section	#9abdf5	—
meta.embedded.block	#c0caf5	—
meta.tag JSXNested, meta.jsx.children, text.html, text.log	#9aa5ce	—
text.html.markdown markup.inline.raw.markdown	#bb9af7	—
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown	#4E5579	—
heading.1.markdown entity.name, heading.1.markdown punctuation.definition.heading.markdown	#89ddff	bold
heading.2.markdown entity.name, heading.2.markdown punctuation.definition.heading.markdown	#61bdf2	bold
heading.3.markdown entity.name, heading.3.markdown punctuation.definition.heading.markdown	#7aa2f7	bold
heading.4.markdown entity.name, heading.4.markdown punctuation.definition.heading.markdown	#6d91de	bold
heading.5.markdown entity.name, heading.5.markdown punctuation.definition.heading.markdown	#9aa5ce	bold
heading.6.markdown entity.name, heading.6.markdown punctuation.definition.heading.markdown	#747ca1	bold
markup.italic, markup.italic punctuation	#c0caf5	italic
markup.bold, markup.bold punctuation	#c0caf5	bold
markup.bold markup.italic, markup.bold markup.italic punctuation	#c0caf5	bold italic
markup.underline, markup.underline punctuation	—	underline
markup.quote punctuation.definition.blockquote.markdown	#4E5579	—
markup.quote	—	italic
string.other.link, markup.underline.link, constant.other.reference.link.markdown, string.other.link.description.title.markdown	#73daca	—
markup.fenced_code.block.markdown, markup.inline.raw.string.markdown, variable.language.fenced.markdown	#89ddff	—
meta.separator	#5f6996	bold
markup.table	#c0cefc	—
token.info-token	#0db9d7	—
token.warn-token	#ffdb69	—
token.error-token	#db4b4b	—
token.debug-token	#b267e6	—
entity.tag.apacheconf	#f7768e	—
meta.preprocessor	#73daca	—
source.env	#7aa2f7	—

VS Code preview

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

Valinor Theme — Valinor Glorfindel

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#F0F0F0
activityBar.border#F0F0F0
activityBar.dropBackground#D0D0D0
activityBar.foreground#403f53
activityBarBadge.background#403f53
activityBarBadge.foreground#F0F0F0
badge.background#2AA298
badge.foreground#F0F0F0
button.background#2AA298
button.foreground#F0F0F0
debugExceptionWidget.background#F0F0F0
debugExceptionWidget.border#d9d9d9
debugToolBar.background#F0F0F0
descriptionForeground#403f53
dropdown.background#F0F0F0
dropdown.border#d9d9d9
dropdown.foreground#403f53
editor.background#FBFBFB
editor.findMatchBackground#93A1A16c
editor.findMatchHighlightBackground#93a1a16c
editor.findRangeHighlightBackground#7497a633
editor.foreground#403f53
editor.hoverHighlightBackground#339cec33
editor.lineHighlightBackground#F0F0F0
editor.rangeHighlightBackground#7497a633
editor.selectionBackground#E0E0E0
editor.selectionHighlightBackground#339cec33
editor.wordHighlightBackground#339cec33
editor.wordHighlightStrongBackground#007dd659
editorCodeLens.foreground#403f53
editorCursor.foreground#90A7B2
editorError.border#FBFBFB
editorError.foreground#E64D49
editorGroup.background#F6F6F6
editorGroup.border#F0F0F0
editorGroupHeader.noTabsBackground#F0F0F0
editorGroupHeader.tabsBackground#F0F0F0
editorGroupHeader.tabsBorder#F0F0F0
editorGutter.addedBackground#49d0c5
editorGutter.deletedBackground#f76e6e
editorGutter.modifiedBackground#6fbef6
editorHoverWidget.background#F0F0F0
editorHoverWidget.border#d9d9d9
editorIndentGuide.background#d9d9d9
editorInlayHint.background#F0F0F0
editorInlayHint.foreground#403f53
editorLineNumber.activeForeground#403f53
editorLineNumber.foreground#90A7B2
editorMarkerNavigation.background#D0D0D0
editorMarkerNavigationError.background#f76e6e
editorMarkerNavigationWarning.background#daaa01
editorOverviewRuler.errorForeground#E64D49
editorOverviewRuler.warningForeground#daaa01
editorRuler.foreground#d9d9d9
editorSuggestWidget.background#F0F0F0
editorSuggestWidget.border#d9d9d9
editorSuggestWidget.foreground#403f53
editorSuggestWidget.highlightForeground#403f53
editorSuggestWidget.selectedBackground#d3e8f8
editorWarning.border#daaa01
editorWarning.foreground#daaa01
editorWhitespace.foreground#d9d9d9
editorWidget.background#F0F0F0
editorWidget.border#d9d9d9
errorForeground#403f53
extensionButton.prominentBackground#2AA298
extensionButton.prominentForeground#F0F0F0
focusBorder#93A1A1
foreground#403f53
input.background#F0F0F0
input.border#d9d9d9
input.foreground#403f53
input.placeholderForeground#93A1A1
inputOption.activeBorder#2AA298
inputValidation.errorBackground#f76e6e
inputValidation.errorBorder#de3d3b
inputValidation.infoBackground#F0F0F0
inputValidation.infoBorder#D0D0D0
inputValidation.warningBackground#daaa01
inputValidation.warningBorder#E0AF02
list.activeSelectionBackground#d3e8f8
list.activeSelectionForeground#000
list.errorForeground#E64D49
list.focusBackground#d3e8f8
list.focusForeground#403f53
list.focusHighlightForeground#403f53
list.highlightForeground#403f53
list.hoverBackground#d3e8f8
list.hoverForeground#403f53
list.inactiveSelectionBackground#d3e8f8
list.inactiveSelectionForeground#000
list.warningForeground#daaa01
notificationCenter.border#CCCCCC
notificationCenterHeader.background#F0F0F0
notificationCenterHeader.foreground#403f53
notificationLink.foreground#994cc3
notifications.background#F0F0F0
notifications.border#CCCCCC
notifications.foreground#403f53
notificationToast.border#CCCCCC
panel.background#F0F0F0
panel.border#d9d9d9
peekView.border#d9d9d9
peekViewEditor.background#F6F6F6
peekViewEditor.matchHighlightBackground#49d0c5
peekViewEditorGutter.background#F6F6F6
peekViewResult.background#F0F0F0
peekViewResult.fileForeground#403f53
peekViewResult.lineForeground#403f53
peekViewResult.matchHighlightBackground#49d0c5
peekViewResult.selectionBackground#E0E7EA
peekViewResult.selectionForeground#403f53
peekViewTitle.background#F0F0F0
peekViewTitleDescription.foreground#403f53
peekViewTitleLabel.foreground#403f53
pickerGroup.border#d9d9d9
pickerGroup.foreground#403f53
progressBar.background#2AA298
scrollbar.shadow#CCCCCC
selection.background#7a8181ad
sideBar.background#F0F0F0
sideBar.border#F0F0F0
sideBar.foreground#403f53
sideBarTitle.foreground#403f53
statusBar.background#F0F0F0
statusBar.border#F0F0F0
statusBar.debuggingBackground#F0F0F0
statusBar.debuggingForeground#403f53
statusBar.foreground#403f53
statusBar.noFolderBackground#F0F0F0
statusBar.noFolderForeground#403f53
tab.activeBackground#F6F6F6
tab.activeForeground#403f53
tab.activeModifiedBorder#2AA298
tab.border#F0F0F0
tab.inactiveBackground#F0F0F0
tab.inactiveForeground#403f53
tab.inactiveModifiedBorder#93A1A1
tab.unfocusedActiveModifiedBorder#93A1A1
tab.unfocusedInactiveModifiedBorder#93A1A1
terminal.ansiBlack#403f53
terminal.ansiBlue#288ed7
terminal.ansiBrightBlack#403f53
terminal.ansiBrightBlue#288ed7
terminal.ansiBrightCyan#2AA298
terminal.ansiBrightGreen#08916a
terminal.ansiBrightMagenta#d6438a
terminal.ansiBrightRed#de3d3b
terminal.ansiBrightWhite#93A1A1
terminal.ansiBrightYellow#daaa01
terminal.ansiCyan#2AA298
terminal.ansiGreen#08916a
terminal.ansiMagenta#d6438a
terminal.ansiRed#de3d3b
terminal.ansiWhite#93A1A1
terminal.ansiYellow#E0AF02
terminal.background#F6F6F6
terminal.foreground#403f53
titleBar.activeBackground#F0F0F0
widget.shadow#d9d9d9

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
keyword.control, keyword.operator.expression, keyword.operator.new, keyword.control.new, storage.type, storage.modifier, keyword.other.use, keyword.other.namespace, storage.modifier.extends, entity.other.inherited-class, variable.language, variable.language.this, variable.language.self, variable.language.super, variable.language.parent, variable.language punctuation.definition.variable.php, punctuation.definition.variable.php, keyword.control.php, keyword.control.flow, keyword.control.async-modifier, keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.return	—	italic
markup.changed, meta.diff.header.git, meta.diff.header.from-file, meta.diff.header.to-file	#a2bffc	italic
markup.deleted.diff	#EF535090	italic
markup.inserted.diff	#4876d6ff	italic
Global settings	#403f53	—
comment, punctuation.definition.comment	#989fb1	italic
string	#4876d6	—
string.quoted, variable.other.readwrite.js	#c96765	—
support.constant.math	#4876d6	—
constant.numeric, constant.character.numeric	#aa0982
constant.language, punctuation.definition.constant, variable.other.constant	#4876d6	—
constant.character, constant.other	#4876d6	—
constant.character.escape	#aa0982	—
string.regexp, string.regexp keyword.other	#5ca7e4	—
meta.function punctuation.separator.comma	#5f7e97	—
variable	#4876d6	—
punctuation.accessor, keyword	#994cc3	italic
storage, meta.var.expr, meta.class meta.method.declaration meta.var.expr storage.type.js, storage.type.property.js, storage.type.property.ts, storage.type.property.tsx	#994cc3	italic
storage.type	#994cc3	—
storage.type.function.arrow.js	—
entity.name.class, meta.class entity.name.type.class	#111111	—
entity.other.inherited-class	#4876d6	—
entity.name.function	#994cc3	italic
punctuation.definition.tag, meta.tag	#994cc3	—
entity.name.tag, meta.tag.other.html, meta.tag.other.js, meta.tag.other.tsx, entity.name.tag.tsx, entity.name.tag.js, entity.name.tag, meta.tag.js, meta.tag.tsx, meta.tag.html	#994cc3
entity.other.attribute-name	#4876d6	italic
entity.name.tag.custom	#4876d6	—
support.function, support.constant	#4876d6	—
support.constant.meta.property-value	#0c969b	—
support.type, support.class	#4876d6	—
support.variable.dom	#4876d6	—
invalid	#ff2c83	—
invalid.deprecated	#d3423e	—
keyword.operator	#0c969b
keyword.operator.relational	#994cc3	italic
keyword.operator.assignment	#994cc3	—
keyword.operator.arithmetic	#994cc3	—
keyword.operator.bitwise	#994cc3	—
keyword.operator.increment	#994cc3	—
keyword.operator.ternary	#994cc3	—
comment.line.double-slash	#939dbb	—
object	#cdebf7	—
constant.language.null	#bc5454	—
meta.brace	#403f53	—
meta.delimiter.period	#994cc3	italic
punctuation.definition.string	#111111	—
punctuation.definition.string.begin.markdown	#bc5454	—
constant.language.boolean	#bc5454	—
object.comma	#ffffff	—
variable.parameter.function	#0c969b
support.type.vendor.property-name, support.constant.vendor.property-value, support.type.property-name, meta.property-list entity.name.tag	#0c969b
meta.property-list entity.name.tag.reference	#57eaf1	—
constant.other.color.rgb-value punctuation.definition.constant	#aa0982	—
constant.other.color	#aa0982	—
keyword.other.unit	#aa0982	—
meta.selector	#994cc3	italic
entity.other.attribute-name.id	#aa0982	—
meta.property-name	#0c969b	—
entity.name.tag.doctype, meta.tag.sgml.doctype	#994cc3	italic
punctuation.definition.parameters	#111111	—
keyword.control.operator	#0c969b	—
keyword.operator.logical	#994cc3
variable.instance, variable.other.instance, variable.readwrite.instance, variable.other.readwrite.instance, variable.other.property	#0c969b	—
variable.other.object.property	#111111	italic
variable.other.object.js	—
entity.name.function	#4876d6	italic
keyword.operator.comparison, keyword.control.flow.js, keyword.control.flow.ts, keyword.control.flow.tsx, keyword.control.ruby, keyword.control.module.ruby, keyword.control.class.ruby, keyword.control.def.ruby, keyword.control.loop.js, keyword.control.loop.ts, keyword.control.import.js, keyword.control.import.ts, keyword.control.import.tsx, keyword.control.from.js, keyword.control.from.ts, keyword.control.from.tsx, keyword.operator.instanceof.js, keyword.operator.expression.instanceof.ts, keyword.operator.expression.instanceof.tsx	#994cc3	italic
keyword.control.conditional.js, keyword.control.conditional.ts, keyword.control.switch.js, keyword.control.switch.ts	#994cc3
support.constant, keyword.other.special-method, keyword.other.new, keyword.other.debugger, keyword.control	#0c969b	—
support.function	#4876d6	—
invalid.broken	#aa0982	—
invalid.unimplemented	#8BD649	—
invalid.illegal	#c96765	—
variable.language	#0c969b	—
support.variable.property	#0c969b	—
variable.function	#4876d6	—
variable.interpolation	#ec5f67	—
meta.function-call	#4876d6	—
punctuation.section.embedded	#d3423e	—
punctuation.terminator.expression, punctuation.definition.arguments, punctuation.definition.array, punctuation.section.array, meta.array	#403f53	—
punctuation.definition.list.begin, punctuation.definition.list.end, punctuation.separator.arguments, punctuation.definition.list	#111111	—
string.template meta.template.expression	#d3423e	—
string.template punctuation.definition.string	#403f53	—
italic	#994cc3	italic
bold	#4876d6	bold
quote	#697098	italic
raw	#0c969b	—
variable.assignment.coffee	#31e1eb	—
variable.parameter.function.coffee	#403f53	—
variable.assignment.coffee	#0c969b	—
variable.other.readwrite.cs	#403f53	—
entity.name.type.class.cs, storage.type.cs	#4876d6	—
entity.name.type.namespace.cs	#0c969b	—
entity.name.tag.css, entity.name.tag.less, entity.name.tag.custom.css, support.constant.property-value.css	#c96765
entity.name.tag.wildcard.css, entity.name.tag.wildcard.less, entity.name.tag.wildcard.scss, entity.name.tag.wildcard.sass	#0c969b	—
keyword.other.unit.css	#4876d6	—
meta.attribute-selector.css entity.other.attribute-name.attribute, variable.other.readwrite.js	#aa0982	—
source.elixir support.type.elixir, source.elixir meta.module.elixir entity.name.class.elixir	#4876d6	—
source.elixir entity.name.function	#4876d6	—
source.elixir constant.other.symbol.elixir, source.elixir constant.other.keywords.elixir	#4876d6	—
source.elixir punctuation.definition.string	#4876d6	—
source.elixir variable.other.readwrite.module.elixir, source.elixir variable.other.readwrite.module.elixir punctuation.definition.variable.elixir	#4876d6	—
source.elixir .punctuation.binary.elixir	#994cc3	italic
constant.keyword.clojure	#0c969b	—
source.go meta.function-call.go	#0c969b	—
source.go keyword.package.go, source.go keyword.import.go, source.go keyword.function.go, source.go keyword.type.go, source.go keyword.struct.go, source.go keyword.interface.go, source.go keyword.const.go, source.go keyword.var.go, source.go keyword.map.go, source.go keyword.channel.go, source.go keyword.control.go	#994cc3	italic
source.go constant.language.go, source.go constant.other.placeholder.go	#bc5454	—
entity.name.function.preprocessor.cpp, entity.scope.name.cpp	#0c969bff	—
meta.namespace-block.cpp	#111111	—
storage.type.language.primitive.cpp	#bc5454	—
meta.preprocessor.macro.cpp	#403f53	—
variable.parameter	#111111	—
variable.other.readwrite.powershell	#4876d6	—
support.function.powershell	#0c969bff	—
entity.other.attribute-name.id.html	#4876d6	—
punctuation.definition.tag.html	#994cc3	—
meta.tag.sgml.doctype.html	#994cc3	italic
meta.class entity.name.type.class.js	#111111	—
meta.method.declaration storage.type.js	#4876d6	—
terminator.js	#403f53	—
meta.js punctuation.definition.js	#403f53	—
entity.name.type.instance.jsdoc, entity.name.type.instance.phpdoc	#5f7e97	—
variable.other.jsdoc, variable.other.phpdoc	#78ccf0	—
variable.other.meta.import.js, meta.import.js variable.other, variable.other.meta.export.js, meta.export.js variable.other	#403f53	—
variable.parameter.function.js	#7986E7	—
variable.other.object.js, variable.other.object.jsx, variable.object.property.js, variable.object.property.jsx	#403f53	—
variable.js, variable.other.js	#403f53	—
entity.name.type.js, entity.name.type.module.js	#111111
support.class.js	#403f53	—
support.type.property-name.json	#0c969b	—
support.constant.json	#4876d6	—
meta.structure.dictionary.value.json string.quoted.double	#c789d6	—
string.quoted.double.json punctuation.definition.string.json	#0c969b	—
meta.structure.dictionary.json meta.structure.dictionary.value constant.language	#bc5454	—
variable.other.object.js	#0c969b	italic
variable.other.ruby	#403f53	—
entity.name.type.class.ruby	#c96765	—
constant.language.symbol.hashkey.ruby	#0c969b	—
constant.language.symbol.ruby	#0c969b	—
entity.name.tag.less	#994cc3	—
keyword.other.unit.css	#0c969b	—
meta.attribute-selector.less entity.other.attribute-name.attribute	#aa0982	—
markup.heading, markup.heading.setext.1, markup.heading.setext.2	#4876d6	—
markup.italic	#994cc3	italic
markup.bold	#4876d6	bold
markup.quote	#697098	italic
markup.inline.raw	#0c969b	—
markup.underline.link, markup.underline.link.image	#ff869a	—
string.other.link.title.markdown, string.other.link.description.markdown	#403f53	—
punctuation.definition.string.markdown, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, meta.link.inline.markdown punctuation.definition.string	#4876d6	—
punctuation.definition.metadata.markdown	#0c969b	—
beginning.punctuation.definition.list.markdown	#4876d6	—
markup.inline.raw.string.markdown	#4876d6	—
variable.other.php, variable.other.property.php	#111111	—
support.class.php	#111111	—
meta.function-call.php punctuation	#403f53	—
variable.other.global.php	#4876d6	—
variable.other.global.php punctuation.definition.variable	#4876d6	—
constant.language.python	#bc5454	—
variable.parameter.function.python, meta.function-call.arguments.python	#4876d6	—
meta.function-call.python, meta.function-call.generic.python	#0c969b	—
punctuation.python	#403f53	—
entity.name.function.decorator.python	#4876d6	—
source.python variable.language.special	#aa0982	—
keyword.control	#994cc3	italic
variable.scss, variable.sass, variable.parameter.url.scss, variable.parameter.url.sass	#4876d6	—
source.css.scss meta.at-rule variable, source.css.sass meta.at-rule variable	#4876d6	—
source.css.scss meta.at-rule variable, source.css.sass meta.at-rule variable	#111111	—
meta.attribute-selector.scss entity.other.attribute-name.attribute, meta.attribute-selector.sass entity.other.attribute-name.attribute	#aa0982	—
entity.name.tag.scss, entity.name.tag.sass	#0c969b	—
keyword.other.unit.scss, keyword.other.unit.sass	#994cc3	—
variable.other.readwrite.alias.ts, variable.other.readwrite.alias.tsx, variable.other.readwrite.ts, variable.other.readwrite.tsx, variable.other.object.ts, variable.other.object.tsx, variable.object.property.ts, variable.object.property.tsx, variable.other.ts, variable.other.tsx, variable.tsx, variable.ts	#403f53	—
entity.name.type.ts, entity.name.type.tsx	#111111	—
support.class.node.ts, support.class.node.tsx	#4876d6	—
meta.type.parameters.ts entity.name.type, meta.type.parameters.tsx entity.name.type	#5f7e97	—
meta.import.ts punctuation.definition.block, meta.import.tsx punctuation.definition.block, meta.export.ts punctuation.definition.block, meta.export.tsx punctuation.definition.block	#403f53	—
meta.decorator punctuation.decorator.ts, meta.decorator punctuation.decorator.tsx	#4876d6	—
meta.tag.js meta.jsx.children.tsx	#4876d6	—
entity.name.tag.yaml	#111111	—
variable.other.readwrite.js, variable.parameter	#403f53	—
support.class.component.js, support.class.component.tsx	#aa0982
meta.jsx.children, meta.jsx.children.js, meta.jsx.children.tsx	#403f53	—
meta.class entity.name.type.class.tsx	#111111	—
entity.name.type.tsx, entity.name.type.module.tsx	#111111	—
meta.class.ts meta.var.expr.ts storage.type.ts, meta.class.tsx meta.var.expr.tsx storage.type.tsx	#994CC3	—
meta.method.declaration storage.type.ts, meta.method.declaration storage.type.tsx	#4876d6	—
meta.property-list.css meta.property-value.css variable.other.less, meta.property-list.scss variable.scss, meta.property-list.sass variable.sass, meta.brace, keyword.operator.operator, keyword.operator.or.regexp, keyword.operator.expression.in, keyword.operator.relational, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.type, keyword.operator, keyword, punctuation.definintion.string, punctuation, variable.other.readwrite.js, storage.type, source.css, string.quoted	—