水墨 Theme

Name: 水墨 Theme
Author: wangx

Publisher: wangxThemes in package: 3

几抹淡墨涵万象，一帧素宣蕴乾坤。深度适配 Trae / VS Code / Cursor 的高雅水墨配色主题。

Open in VS Code GitHub

Color themes

VS Code preview

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

水墨 Theme — 水墨 · 土

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.activeBackground#393b40
activityBar.activeBorder#3574f0
activityBar.activeFocusBorder#3574f0
activityBar.background#2b2d30
activityBar.border#00000000
activityBar.foreground#dfe1e5
activityBar.inactiveForeground#868a91
activityBarBadge.background#3574f0
activityBarBadge.foreground#ffffff
activityBarTop.activeBorder#3574f0
activityBarTop.foreground#dfe1e5
activityBarTop.inactiveForeground#868a91
agentsCard.border#00000000
agentsChatInput.border#ffffff0f
agentsChatInput.focusBorder#3574f0
agentSessionReadIndicator.foreground#3574f0
agentsNewSessionButton.border#00000000
agentsPanel.border#00000000
badge.background#3574f0
badge.foreground#ffffff
breadcrumb.activeSelectionForeground#dfe1e5
breadcrumb.background#1e1f22
breadcrumb.focusForeground#dfe1e5
breadcrumb.foreground#868a91
breadcrumbPicker.background#2b2d30
button.background#3574f0
button.border#3574f0
button.foreground#ffffff
button.hoverBackground#538af6
button.secondaryBackground#393b40
button.secondaryForeground#dfe1e5
button.secondaryHoverBackground#42454a
chat.avatarBackground#3574f0
chat.avatarForeground#ffffff
chat.checkpointSeparator#393b40
chat.editedFileForeground#6897bb
chat.linesAddedForeground#629755C0
chat.linesRemovedForeground#d5756cC0
chat.requestBackground#00000000
chat.requestBorder#00000000
chat.requestBubbleBackground#00000000
chat.requestBubbleHoverBackground#00000000
chat.requestCodeBorder#00000000
chat.slashCommandBackground#3574f020
chat.slashCommandForeground#6a9bfa
commandCenter.activeBackground#42454a
commandCenter.activeBorder#3574f0
commandCenter.activeForeground#dfe1e5
commandCenter.background#393b40
commandCenter.border#43454a
commandCenter.foreground#dfe1e5
commandCenter.inactiveForeground#868a91
debugIcon.breakpointForeground#db5c5c
diffEditor.insertedLineBackground#3a60834d
diffEditor.insertedTextBackground#5faffa4d
diffEditor.removedLineBackground#6868684d
diffEditor.removedTextBackground#9094944d
diffEditorGutter.insertedLineBackground#283541
diffEditorGutter.removedLineBackground#373737
diffEditorOverview.insertedForeground#43698d
diffEditorOverview.removedForeground#656e76
dropdown.background#393b40
dropdown.border#4f5156
dropdown.foreground#dfe1e5
dropdown.listBackground#2b2d30
editor.background#1e1f22
editor.findMatchBackground#214283
editor.findMatchBorder#cdd0d5
editor.findMatchHighlightBackground#1da6c94d
editor.findMatchHighlightBorder#155e70
editor.findRangeHighlightBackground#1e46844d
editor.foldBackground#7b7f8a4d
editor.foreground#bcbec3
editor.inactiveSelectionBackground#1e468480
editor.lineHighlightBackground#26282d
editor.selectionBackground#214283
editor.selectionHighlightBackground#4cc2854d
editor.wordHighlightBackground#717c764d
editor.wordHighlightStrongBackground#8146534d
editorBracketMatch.background#42454a
editorBracketMatch.border#42454a
editorCursor.foreground#cdd0d5
editorGroup.border#00000000
editorGroup.emptyBackground#1e1f22
editorGroupHeader.border#00000000
editorGroupHeader.noTabsBackground#1e1f22
editorGroupHeader.tabsBackground#2b2d30
editorGroupHeader.tabsBorder#00000000
editorGutter.addedBackground#549159
editorGutter.background#1e1f22
editorGutter.deletedBackground#868a91
editorGutter.foldingControlForeground#6f737a
editorGutter.modifiedBackground#375fad
editorHoverWidget.background#2b2d30
editorHoverWidget.border#393b40
editorHoverWidget.foreground#dfe1e5
editorHoverWidget.highlightForeground#538af6
editorIndentGuide.activeBackground1#4e5157
editorIndentGuide.background1#323438
editorInlayHint.background#2d2e32
editorInlayHint.foreground#868a90
editorInlayHint.parameterBackground#2d2e32
editorInlayHint.typeBackground#2d2e32
editorLightBulb.foreground#f2c55c
editorLightBulbAutoFix.foreground#e35252
editorLineNumber.activeForeground#a9b7c6
editorLineNumber.foreground#4b5059
editorLink.activeForeground#538af6
editorOverviewRuler.addedForeground#437151
editorOverviewRuler.currentContentForeground#437151
editorOverviewRuler.deletedForeground#656e76
editorOverviewRuler.errorForeground#d64d5b
editorOverviewRuler.findMatchForeground#16b5dd80
editorOverviewRuler.incomingContentForeground#43698d
editorOverviewRuler.infoForeground#3574f0
editorOverviewRuler.modifiedForeground#43698d
editorOverviewRuler.selectionHighlightForeground#678d7bcc
editorOverviewRuler.warningForeground#c29e49
editorOverviewRuler.wordHighlightForeground#678d7bcc
editorOverviewRuler.wordHighlightStrongForeground#e977a6cc
editorRuler.foreground#393b40
editorSuggestWidget.background#2b2d30
editorSuggestWidget.border#393b40
editorSuggestWidget.focusHighlightForeground#538af6
editorSuggestWidget.foreground#dfe1e5
editorSuggestWidget.highlightForeground#538af6
editorSuggestWidget.selectedBackground#2e436e
editorSuggestWidget.selectedForeground#ffffff
editorUnnecessaryCode.opacity#00000066
editorWhitespace.foreground#45474d
editorWidget.background#2b2d30
editorWidget.border#42454a
editorWidget.foreground#dfe1e5
focusBorder#3574f0
gitDecoration.addedResourceForeground#629755
gitDecoration.conflictingResourceForeground#d5756c
gitDecoration.deletedResourceForeground#6c6c6c
gitDecoration.ignoredResourceForeground#848504
gitDecoration.modifiedResourceForeground#6897bb
gitDecoration.renamedResourceForeground#007c7c
gitDecoration.stageDeletedResourceForeground#6c6c6c
gitDecoration.stageModifiedResourceForeground#6897bb
gitDecoration.untrackedResourceForeground#629755
icube.colorBg1#1e1f22
icube.colorBg2#2b2d30
icube.colorBg3#333539
icube.colorBg4#2b2d30
icube.colorBgCode#1e1f22
icube.colorBgTr0#00000000
icube.colorBlend#00000000
icube.colorBrand#3574f0
icube.colorBrandActive#2e436e
icube.colorBrandHover#538af6
icube.colorBtnHover#ffffff18
icube.colorBtnHover2#ffffff22
icube.colorBtnTransparent3#ffffff0d
icube.colorDefaultText#dfe1e5
icube.colorDisableText#6f737a
icube.colorGrayText#868a91
icube.colorHighlightText#6a9bfa
icube.colorLine1#ffffff08
icube.colorLine2#ffffff0f
icube.colorLine3#00000000
icube.colorWidgetShadow#00000000
icube.colorWidgetShadow2#00000000
icube.colorWidgetShadow3#00000000
icube.inlineChatDiff.inserted#62975525
icube.inlineChatDiff.removed#d5756c25
icube.simpleInlineChatDiff.inserted#62975525
icube.simpleInlineChatDiff.removed#d5756c25
inlineChat.background#2b2d30
inlineChat.border#393b40
inlineChat.shadow#00000000
inlineChatDiff.inserted#62975525
inlineChatDiff.removed#d5756c25
inlineChatInput.background#1e1f22
inlineChatInput.border#393b40
inlineChatInput.focusBorder#3574f0
inlineChatInput.placeholderForeground#6f737a
input.background#1e1f22
input.border#393b40
input.foreground#dfe1e5
input.placeholderForeground#6f737a
inputOption.activeBackground#36538f
inputOption.activeBorder#36538f
inputOption.activeForeground#cdd0d5
interactive.activeCodeBorder#3574f0
interactive.inactiveCodeBorder#393b40
interactiveEditor.regionHighlight#3574f01a
keybindingLabel.background#393b40
keybindingLabel.border#4f5156
keybindingLabel.bottomBorder#4f5156
keybindingLabel.foreground#dfe1e5
list.activeSelectionBackground#2e436e
list.activeSelectionForeground#ffffff
list.dropBackground#393b40
list.filterMatchBackground#2d543f
list.filterMatchBorder#2d543f
list.focusAndSelectionOutline#3574f0
list.focusHighlightForeground#538af6
list.highlightForeground#538af6
list.hoverBackground#35373c
list.hoverForeground#ffffff
list.inactiveSelectionBackground#393b40
list.inactiveSelectionForeground#dfe1e5
markdownAlert.caution.foreground#d5756c
markdownAlert.important.foreground#6a9bfa
markdownAlert.note.foreground#3574f0
markdownAlert.tip.foreground#629755
markdownAlert.warning.foreground#cf8e6d
menu.background#2b2d30
menu.border#393b40
menu.foreground#dfe1e5
menu.selectionBackground#2e436e
menu.selectionForeground#ffffff
menu.separatorBackground#393b40
menubar.selectionBackground#393b40
menubar.selectionForeground#dfe1e5
merge.currentContentBackground#3377544d
merge.currentHeaderBackground#6ee0934d
merge.incomingContentBackground#3a60834d
merge.incomingHeaderBackground#5faffa4d
mergeEditor.change.background#2e2626
mergeEditor.change.word.background#45302b
minimap.errorHighlight#d64d5b
minimap.findMatchHighlight#16b5dd80
minimap.infoHighlight#3574f0
minimap.selectionHighlight#1e4684cc
minimap.selectionOccurrenceHighlight#678d7bcc
minimap.warningHighlight#c29e49
minimapGutter.addedBackground#437151
minimapGutter.deletedBackground#656e76
minimapGutter.modifiedBackground#43698d
minimapSlider.activeBackground#535455a6
minimapSlider.background#3f4043a6
minimapSlider.hoverBackground#535455a6
modernActivityBar.activeBackground#393b40
modernActivityBar.background#2b2d30
modernActivityBar.hoverBackground#35373c
multiDiffEditor.border#393b40
multiDiffEditor.headerBackground#2b2d30
notificationCenterHeader.background#2b2d30
notificationCenterHeader.foreground#dfe1e5
notificationLink.foreground#6a9bfa
notifications.background#2b2d30
notifications.border#393b40
notifications.foreground#dfe1e5
notificationsErrorIcon.foreground#d64d5b
notificationsInfoIcon.foreground#3574f0
notificationsWarningIcon.foreground#c29e49
notificationToast.border#42454a
panel.background#2b2d30
panel.border#00000000
panelTitle.activeBorder#3574f0
panelTitle.activeForeground#dfe1e5
panelTitle.inactiveForeground#868a91
peekView.border#3574f0
peekViewEditor.background#1e1f22
peekViewEditor.matchHighlightBackground#2d543f
peekViewEditorGutter.background#1e1f22
peekViewResult.background#2b2d30
peekViewResult.fileForeground#dfe1e5
peekViewResult.lineForeground#bcbec3
peekViewResult.matchHighlightBackground#214283
peekViewResult.selectionBackground#2e436e
peekViewResult.selectionForeground#ffffff
peekViewTitle.background#393b40
peekViewTitleDescription.foreground#868a91
peekViewTitleLabel.foreground#dfe1e5
pickerGroup.border#393b40
pickerGroup.foreground#6a9bfa
problemsErrorIcon.foreground#d64d5b
problemsInfoIcon.foreground#3574f0
problemsWarningIcon.foreground#c29e49
progressBar.background#3574f0
quickInput.background#2b2d30
quickInput.foreground#dfe1e5
quickInputList.focusBackground#2e436e
quickInputList.focusForeground#ffffff
quickInputTitle.background#2b2d30
scrollbar.shadow#00000000
scrollbarSlider.activeBackground#535455a6
scrollbarSlider.background#3f4043a6
scrollbarSlider.hoverBackground#535455a6
searchEditor.findMatchBackground#2d543f
searchEditor.findMatchBorder#2d543f
settings.checkboxBackground#3574f0
settings.checkboxBorder#3574f0
settings.checkboxForeground#ffffff
settings.dropdownBackground#393b40
settings.dropdownBorder#4f5156
settings.dropdownForeground#dfe1e5
settings.modifiedItemIndicator#3574f0
settings.numberInputBackground#1e1f22
settings.numberInputBorder#393b40
settings.numberInputForeground#dfe1e5
settings.textInputBackground#1e1f22
settings.textInputBorder#393b40
settings.textInputForeground#dfe1e5
sideBar.background#2b2d30
sideBar.border#00000000
sideBar.foreground#dfe1e5
sideBarSectionHeader.background#2b2d30
sideBarSectionHeader.border#00000000
sideBarSectionHeader.foreground#dfe1e5
sideBarTitle.foreground#dfe1e5
statusBar.background#2b2d30
statusBar.border#1e1f22
statusBar.debuggingBackground#2b2d30
statusBar.debuggingBorder#1e1f22
statusBar.debuggingForeground#868a91
statusBar.foreground#868a91
statusBar.noFolderBackground#2b2d30
statusBar.noFolderBorder#1e1f22
statusBar.noFolderForeground#868a91
statusBarItem.activeBackground#393b40
statusBarItem.errorBackground#d64d5b
statusBarItem.errorHoverForeground#ffffff
statusBarItem.hoverBackground#35373c
statusBarItem.warningBackground#c29e49
statusBarItem.warningHoverForeground#ffffff
surface.border#00000000
tab.activeBackground#1e1f22
tab.activeBorder#3574f0
tab.activeBorderTop#00000000
tab.activeForeground#dfe1e5
tab.activeModifiedBorder#3574f0
tab.border#00000000
tab.hoverBackground#35373c
tab.hoverForeground#dfe1e5
tab.inactiveBackground#2b2d30
tab.inactiveForeground#868a91
tab.inactiveModifiedBorder#5b5d62
tab.lastPinnedBorder#00000000
tab.unfocusedActiveBackground#1e1f22
tab.unfocusedActiveBorder#6f737a
tab.unfocusedActiveForeground#868a91
tab.unfocusedActiveModifiedBorder#3574f0
tab.unfocusedHoverBackground#35373c
tab.unfocusedHoverForeground#dfe1e5
tab.unfocusedInactiveBackground#2b2d30
tab.unfocusedInactiveForeground#6f737a
tab.unfocusedInactiveModifiedBorder#5b5d62
terminal.ansiBlack#1e1f22
terminal.ansiBlue#56a8f5
terminal.ansiBrightBlack#6f737a
terminal.ansiBrightBlue#6a9bfa
terminal.ansiBrightCyan#2cabb8
terminal.ansiBrightGreen#6aab73
terminal.ansiBrightMagenta#d88ecd
terminal.ansiBrightRed#e35252
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#e5c07b
terminal.ansiCyan#2ebaa3
terminal.ansiGreen#629755
terminal.ansiMagenta#c77dbb
terminal.ansiRed#cf5f5f
terminal.ansiWhite#dfe1e5
terminal.ansiYellow#c29e49
terminal.background#1e1f22
terminal.border#1e1f22
terminal.foreground#bcbec3
terminal.selectionBackground#2e436e
textLink.activeForeground#538af6
textLink.foreground#6a9bfa
titleBar.activeBackground#2b2d30
titleBar.activeForeground#dfe1e5
titleBar.border#00000000
titleBar.inactiveBackground#2b2d30
titleBar.inactiveForeground#868a91
tree.indentGuidesStroke#393b40
welcomePage.background#1e1f22
welcomePage.tileBackground#2b2d30
welcomePage.tileHoverBackground#393b40
widget.shadow#00000000
widget.shadow1#00000000
widget.shadow2#00000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
meta.embedded, source.groovy.embedded, string meta.image.inline.markdown, variable.legacy.builtin.python	#bcbec3	—
emphasis	—	italic
strong	—	bold
header	#cf8e6d	—
comment	#7a7e85	—
constant.language	#cf8e6d	—
constant.numeric, variable.other.enummember, keyword.operator.plus.exponent, keyword.operator.minus.exponent	#2cabb8	—
constant.regexp	#2cabb8	—
entity.name.tag	#d5b778	—
entity.name.tag.css, entity.name.tag.less	#d5b778	—
entity.other.attribute-name	#cf8e6d	—
keyword.control.conditional.vue, keyword.control.loop.vue	#d5b778	—
entity.other.attribute-name.class.css, source.css entity.other.attribute-name.class, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.parent.less, source.css entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.scss	#d5b778	—
invalid	#f75464	—
markup.underline	—	underline
markup.bold	#cf8e6d	bold
markup.heading	#cf8e6d	bold
markup.italic	#c77dbb	italic
markup.strikethrough	—	strikethrough
markup.inserted	#6aab73	—
markup.deleted	#cf8e6d	—
markup.changed	#56a8f5	—
punctuation.definition.quote.begin.markdown	#7a7e85	—
punctuation.definition.list.begin.markdown	#56a8f5	—
markup.inline.raw	#6aab73	—
punctuation.definition.tag	#808080	—
meta.preprocessor, entity.name.function.preprocessor	#cf8e6d	—
meta.preprocessor.string	#6aab73	—
meta.preprocessor.numeric	#2cabb8	—
meta.structure.dictionary.key.python	#c77dbb	—
meta.diff.header	#56a8f5	—
storage	#cf8e6d	—
storage.type	#cf8e6d	—
storage.modifier, keyword.operator.noexcept	#cf8e6d	—
string, meta.embedded.assembly	#6aab73	—
string.tag	#6aab73	—
string.value	#6aab73	—
string.regexp	#2cabb8	—
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded	#cf8e6d	—
meta.template.expression	#bcbec3	—
support.type.vendored.property-name, support.type.property-name, source.css variable, source.coffee.embedded	#c77dbb	—
keyword	#cf8e6d	—
keyword.control	#cf8e6d	—
keyword.operator	#bcbec3	—
keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.alignof, keyword.operator.typeid, keyword.operator.alignas, keyword.operator.instanceof, keyword.operator.logical.python, keyword.operator.wordlike	#cf8e6d	—
keyword.other.unit	#2cabb8	—
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php	#cf8e6d	—
support.function.git-rebase	#c77dbb	—
constant.sha.git-rebase	#2cabb8	—
storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java	#bcbec3	—
variable.language	#cf8e6d	—

VS Code preview

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

水墨 Theme — 水墨 · 水

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.

actionBar.toggledBackground#383a49
activityBar.activeBackground#2D2D2D
activityBar.activeBorder#3574f0
activityBar.activeFocusBorder#3574f0
activityBar.background#252526
activityBar.border#00000000
activityBar.foreground#dfe1e5
activityBar.inactiveForeground#868a91
activityBarBadge.background#3574f0
activityBarBadge.foreground#ffffff
activityBarTop.activeBorder#3574f0
activityBarTop.foreground#dfe1e5
activityBarTop.inactiveForeground#868a91
agentsCard.border#00000000
agentsChatInput.border#ffffff0f
agentsChatInput.focusBorder#3574f0
agentSessionReadIndicator.foreground#3574f0
agentsNewSessionButton.border#00000000
agentsPanel.border#00000000
badge.background#3574f0
badge.foreground#ffffff
breadcrumb.activeSelectionForeground#dfe1e5
breadcrumb.background#1E1E1E
breadcrumb.focusForeground#dfe1e5
breadcrumb.foreground#868a91
breadcrumbPicker.background#252526
button.background#3574f0
button.border#3574f0
button.foreground#ffffff
button.hoverBackground#538af6
button.secondaryBackground#2D2D2D
button.secondaryForeground#dfe1e5
button.secondaryHoverBackground#383A49
chat.avatarBackground#3574f0
chat.avatarForeground#ffffff
chat.checkpointSeparator#2D2D2D
chat.editedFileForeground#6897bb
chat.linesAddedForeground#629755C0
chat.linesRemovedForeground#d5756cC0
chat.requestBackground#00000000
chat.requestBorder#00000000
chat.requestBubbleBackground#00000000
chat.requestBubbleHoverBackground#00000000
chat.requestCodeBorder#00000000
chat.slashCommandBackground#3574f020
chat.slashCommandForeground#6a9bfa
checkbox.border#6B6B6B
commandCenter.activeBackground#383A49
commandCenter.activeBorder#3574f0
commandCenter.activeForeground#dfe1e5
commandCenter.background#2D2D2D
commandCenter.border#3A3D41
commandCenter.foreground#dfe1e5
commandCenter.inactiveForeground#868a91
debugIcon.breakpointForeground#db5c5c
diffEditor.insertedLineBackground#3a60834d
diffEditor.insertedTextBackground#5faffa4d
diffEditor.removedLineBackground#6868684d
diffEditor.removedTextBackground#9094944d
diffEditorGutter.insertedLineBackground#283541
diffEditorGutter.removedLineBackground#373737
diffEditorOverview.insertedForeground#43698d
diffEditorOverview.removedForeground#656e76
dropdown.background#2D2D2D
dropdown.border#4f5156
dropdown.foreground#dfe1e5
dropdown.listBackground#252526
editor.background#1E1E1E
editor.findMatchBackground#214283
editor.findMatchBorder#cdd0d5
editor.findMatchHighlightBackground#1da6c94d
editor.findMatchHighlightBorder#155e70
editor.findRangeHighlightBackground#1e46844d
editor.foldBackground#7b7f8a4d
editor.foreground#D4D4D4
editor.inactiveSelectionBackground#3A3D41
editor.lineHighlightBackground#282828
editor.selectionBackground#214283
editor.selectionHighlightBackground#ADD6FF26
editor.wordHighlightBackground#717c764d
editor.wordHighlightStrongBackground#8146534d
editorBracketMatch.background#383A49
editorBracketMatch.border#383A49
editorCursor.foreground#cdd0d5
editorGroup.border#00000000
editorGroup.emptyBackground#1E1E1E
editorGroupHeader.border#00000000
editorGroupHeader.noTabsBackground#1E1E1E
editorGroupHeader.tabsBackground#252526
editorGroupHeader.tabsBorder#00000000
editorGutter.addedBackground#549159
editorGutter.background#1E1E1E
editorGutter.deletedBackground#868a91
editorGutter.foldingControlForeground#6f737a
editorGutter.modifiedBackground#375fad
editorHoverWidget.background#252526
editorHoverWidget.border#2D2D2D
editorHoverWidget.foreground#dfe1e5
editorHoverWidget.highlightForeground#538af6
editorIndentGuide.activeBackground1#707070
editorIndentGuide.background1#404040
editorInlayHint.background#252526
editorInlayHint.foreground#868a90
editorInlayHint.parameterBackground#252526
editorInlayHint.typeBackground#252526
editorLightBulb.foreground#f2c55c
editorLightBulbAutoFix.foreground#e35252
editorLink.activeForeground#538af6
editorOverviewRuler.addedForeground#437151
editorOverviewRuler.currentContentForeground#437151
editorOverviewRuler.deletedForeground#656e76
editorOverviewRuler.errorForeground#d64d5b
editorOverviewRuler.findMatchForeground#16b5dd80
editorOverviewRuler.incomingContentForeground#43698d
editorOverviewRuler.infoForeground#3574f0
editorOverviewRuler.modifiedForeground#43698d
editorOverviewRuler.selectionHighlightForeground#678d7bcc
editorOverviewRuler.warningForeground#c29e49
editorOverviewRuler.wordHighlightForeground#678d7bcc
editorOverviewRuler.wordHighlightStrongForeground#e977a6cc
editorRuler.foreground#2D2D2D
editorSuggestWidget.background#252526
editorSuggestWidget.border#2D2D2D
editorSuggestWidget.focusHighlightForeground#538af6
editorSuggestWidget.foreground#dfe1e5
editorSuggestWidget.highlightForeground#538af6
editorSuggestWidget.selectedBackground#2e436e
editorSuggestWidget.selectedForeground#ffffff
editorUnnecessaryCode.opacity#00000066
editorWhitespace.foreground#45474d
editorWidget.background#252526
editorWidget.border#383A49
editorWidget.foreground#dfe1e5
focusBorder#3574f0
gitDecoration.addedResourceForeground#629755
gitDecoration.conflictingResourceForeground#d5756c
gitDecoration.deletedResourceForeground#6c6c6c
gitDecoration.ignoredResourceForeground#848504
gitDecoration.modifiedResourceForeground#6897bb
gitDecoration.renamedResourceForeground#007c7c
gitDecoration.stageDeletedResourceForeground#6c6c6c
gitDecoration.stageModifiedResourceForeground#6897bb
gitDecoration.untrackedResourceForeground#629755
icube.colorBg1#1E1E1E
icube.colorBg2#252526
icube.colorBg3#2a2d32
icube.colorBg4#252526
icube.colorBgCode#1E1E1E
icube.colorBgTr0#00000000
icube.colorBlend#00000000
icube.colorBrand#3574f0
icube.colorBrandActive#2e436e
icube.colorBrandHover#538af6
icube.colorBtnHover#ffffff18
icube.colorBtnHover2#ffffff22
icube.colorBtnTransparent3#ffffff0d
icube.colorDefaultText#dfe1e5
icube.colorDisableText#6f737a
icube.colorGrayText#868a91
icube.colorHighlightText#6a9bfa
icube.colorLine1#ffffff08
icube.colorLine2#ffffff0f
icube.colorLine3#00000000
icube.colorWidgetShadow#00000000
icube.colorWidgetShadow2#00000000
icube.colorWidgetShadow3#00000000
icube.inlineChatDiff.inserted#62975525
icube.inlineChatDiff.removed#d5756c25
icube.simpleInlineChatDiff.inserted#62975525
icube.simpleInlineChatDiff.removed#d5756c25
inlineChat.background#252526
inlineChat.border#2D2D2D
inlineChat.shadow#00000000
inlineChatDiff.inserted#62975525
inlineChatDiff.removed#d5756c25
inlineChatInput.background#1E1E1E
inlineChatInput.border#2D2D2D
inlineChatInput.focusBorder#3574f0
inlineChatInput.placeholderForeground#6f737a
input.background#1E1E1E
input.border#ffffff0f
input.foreground#dfe1e5
input.placeholderForeground#6f737a
inputOption.activeBackground#36538f
inputOption.activeBorder#36538f
inputOption.activeForeground#cdd0d5
interactive.activeCodeBorder#3574f0
interactive.inactiveCodeBorder#2D2D2D
interactiveEditor.regionHighlight#3574f01a
keybindingLabel.background#2D2D2D
keybindingLabel.border#4f5156
keybindingLabel.bottomBorder#4f5156
keybindingLabel.foreground#dfe1e5
list.activeSelectionBackground#2e436e
list.activeSelectionForeground#ffffff
list.activeSelectionIconForeground#FFF
list.dropBackground#2D2D2D
list.filterMatchBackground#2d543f
list.filterMatchBorder#2d543f
list.focusAndSelectionOutline#3574f0
list.focusHighlightForeground#538af6
list.highlightForeground#538af6
list.hoverBackground#2A2D2E
list.hoverForeground#ffffff
list.inactiveSelectionBackground#2D2D2D
list.inactiveSelectionForeground#dfe1e5
markdownAlert.caution.foreground#d5756c
markdownAlert.important.foreground#6a9bfa
markdownAlert.note.foreground#3574f0
markdownAlert.tip.foreground#629755
markdownAlert.warning.foreground#cf8e6d
menu.background#252526
menu.border#2D2D2D
menu.foreground#dfe1e5
menu.selectionBackground#2e436e
menu.selectionForeground#ffffff
menu.separatorBackground#2D2D2D
menubar.selectionBackground#2D2D2D
menubar.selectionForeground#dfe1e5
merge.currentContentBackground#3377544d
merge.currentHeaderBackground#6ee0934d
merge.incomingContentBackground#3a60834d
merge.incomingHeaderBackground#5faffa4d
mergeEditor.change.background#2e2626
mergeEditor.change.word.background#45302b
minimap.errorHighlight#d64d5b
minimap.findMatchHighlight#16b5dd80
minimap.infoHighlight#3574f0
minimap.selectionHighlight#1e4684cc
minimap.selectionOccurrenceHighlight#678d7bcc
minimap.warningHighlight#c29e49
minimapGutter.addedBackground#437151
minimapGutter.deletedBackground#656e76
minimapGutter.modifiedBackground#43698d
minimapSlider.activeBackground#535455a6
minimapSlider.background#3f4043a6
minimapSlider.hoverBackground#535455a6
modernActivityBar.activeBackground#2D2D2D
modernActivityBar.background#252526
modernActivityBar.hoverBackground#2A2D2E
multiDiffEditor.border#2D2D2D
multiDiffEditor.headerBackground#252526
notificationCenterHeader.background#252526
notificationCenterHeader.foreground#dfe1e5
notificationLink.foreground#6a9bfa
notifications.background#252526
notifications.border#2D2D2D
notifications.foreground#dfe1e5
notificationsErrorIcon.foreground#d64d5b
notificationsInfoIcon.foreground#3574f0
notificationsWarningIcon.foreground#c29e49
notificationToast.border#383A49
panel.background#252526
panel.border#00000000
panelTitle.activeBorder#3574f0
panelTitle.activeForeground#dfe1e5
panelTitle.inactiveForeground#868a91
peekView.border#3574f0
peekViewEditor.background#1E1E1E
peekViewEditor.matchHighlightBackground#2d543f
peekViewEditorGutter.background#1E1E1E
peekViewResult.background#252526
peekViewResult.fileForeground#dfe1e5
peekViewResult.lineForeground#bcbec3
peekViewResult.matchHighlightBackground#214283
peekViewResult.selectionBackground#2e436e
peekViewResult.selectionForeground#ffffff
peekViewTitle.background#2D2D2D
peekViewTitleDescription.foreground#868a91
peekViewTitleLabel.foreground#dfe1e5
pickerGroup.border#2D2D2D
pickerGroup.foreground#6a9bfa
ports.iconRunningProcessForeground#369432
problemsErrorIcon.foreground#d64d5b
problemsInfoIcon.foreground#3574f0
problemsWarningIcon.foreground#c29e49
progressBar.background#3574f0
quickInput.background#252526
quickInput.foreground#dfe1e5
quickInputList.focusBackground#2e436e
quickInputList.focusForeground#ffffff
quickInputTitle.background#252526
scrollbar.shadow#00000000
scrollbarSlider.activeBackground#535455a6
scrollbarSlider.background#3f4043a6
scrollbarSlider.hoverBackground#535455a6
searchEditor.findMatchBackground#2d543f
searchEditor.findMatchBorder#2d543f
settings.checkboxBackground#3574f0
settings.checkboxBorder#3574f0
settings.checkboxForeground#ffffff
settings.dropdownBackground#2D2D2D
settings.dropdownBorder#4f5156
settings.dropdownForeground#dfe1e5
settings.modifiedItemIndicator#3574f0
settings.numberInputBackground#3C3C3C
settings.numberInputBorder#2D2D2D
settings.numberInputForeground#dfe1e5
settings.textInputBackground#3C3C3C
settings.textInputBorder#2D2D2D
settings.textInputForeground#dfe1e5
sideBar.background#252526
sideBar.border#00000000
sideBar.foreground#dfe1e5
sideBarSectionHeader.background#252526
sideBarSectionHeader.border#00000000
sideBarSectionHeader.foreground#dfe1e5
sideBarTitle.foreground#dfe1e5
statusBar.background#252526
statusBar.border#1E1E1E
statusBar.debuggingBackground#252526
statusBar.debuggingBorder#1E1E1E
statusBar.debuggingForeground#868a91
statusBar.foreground#868a91
statusBar.noFolderBackground#252526
statusBar.noFolderBorder#1E1E1E
statusBar.noFolderForeground#868a91
statusBarItem.activeBackground#2D2D2D
statusBarItem.errorBackground#d64d5b
statusBarItem.errorHoverForeground#ffffff
statusBarItem.hoverBackground#2A2D2E
statusBarItem.remoteBackground#16825D
statusBarItem.remoteForeground#FFF
statusBarItem.warningBackground#c29e49
statusBarItem.warningHoverForeground#ffffff
surface.border#00000000
tab.activeBackground#1E1E1E
tab.activeBorder#3574f0
tab.activeBorderTop#00000000
tab.activeForeground#dfe1e5
tab.activeModifiedBorder#3574f0
tab.border#00000000
tab.hoverBackground#2A2D2E
tab.hoverForeground#dfe1e5
tab.inactiveBackground#252526
tab.inactiveForeground#868a91
tab.inactiveModifiedBorder#5b5d62
tab.lastPinnedBorder#00000000
tab.selectedBackground#1E1E1E
tab.selectedForeground#dfe1e5
tab.unfocusedActiveBackground#1E1E1E
tab.unfocusedActiveBorder#6f737a
tab.unfocusedActiveForeground#868a91
tab.unfocusedActiveModifiedBorder#3574f0
tab.unfocusedHoverBackground#2A2D2E
tab.unfocusedHoverForeground#dfe1e5
tab.unfocusedInactiveBackground#252526
tab.unfocusedInactiveForeground#6f737a
tab.unfocusedInactiveModifiedBorder#5b5d62
terminal.ansiBlack#1E1E1E
terminal.ansiBlue#56a8f5
terminal.ansiBrightBlack#6f737a
terminal.ansiBrightBlue#6a9bfa
terminal.ansiBrightCyan#2cabb8
terminal.ansiBrightGreen#6aab73
terminal.ansiBrightMagenta#d88ecd
terminal.ansiBrightRed#e35252
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#e5c07b
terminal.ansiCyan#2ebaa3
terminal.ansiGreen#629755
terminal.ansiMagenta#c77dbb
terminal.ansiRed#cf5f5f
terminal.ansiWhite#dfe1e5
terminal.ansiYellow#c29e49
terminal.background#1E1E1E
terminal.border#1E1E1E
terminal.foreground#bcbec3
terminal.inactiveSelectionBackground#3A3D41
terminal.selectionBackground#2e436e
textLink.activeForeground#538af6
textLink.foreground#6a9bfa
titleBar.activeBackground#252526
titleBar.activeForeground#dfe1e5
titleBar.border#00000000
titleBar.inactiveBackground#252526
titleBar.inactiveForeground#868a91
tree.indentGuidesStroke#2D2D2D
welcomePage.background#1E1E1E
welcomePage.tileBackground#252526
welcomePage.tileHoverBackground#2D2D2D
widget.border#00000000
widget.shadow#00000000
widget.shadow1#00000000
widget.shadow2#00000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
meta.embedded, source.groovy.embedded, string meta.image.inline.markdown, variable.legacy.builtin.python	#D4D4D4	—
emphasis	—	italic
strong	—	bold
header	#000080	—
comment	#6A9955	—
constant.language	#569cd6	—
constant.numeric, variable.other.enummember, keyword.operator.plus.exponent, keyword.operator.minus.exponent	#b5cea8	—
constant.regexp	#646695	—
entity.name.tag	#569cd6	—
entity.name.tag.css, entity.name.tag.less	#d7ba7d	—
entity.other.attribute-name	#9cdcfe	—
entity.other.attribute-name.class.css, source.css entity.other.attribute-name.class, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.parent.less, source.css entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.scss	#d7ba7d	—
invalid	#f44747	—
markup.underline	—	underline
markup.bold	#569cd6	bold
markup.heading	#569cd6	bold
markup.italic	#C586C0	italic
markup.strikethrough	—	strikethrough
markup.inserted	#b5cea8	—
markup.deleted	#ce9178	—
markup.changed	#569cd6	—
punctuation.definition.quote.begin.markdown	#6A9955	—
punctuation.definition.list.begin.markdown	#6796e6	—
markup.inline.raw	#ce9178	—
punctuation.definition.tag	#808080	—
meta.preprocessor, entity.name.function.preprocessor	#569cd6	—
meta.preprocessor.string	#ce9178	—
meta.preprocessor.numeric	#b5cea8	—
meta.structure.dictionary.key.python	#9cdcfe	—
meta.diff.header	#569cd6	—
storage	#569cd6	—
storage.type	#569cd6	—
storage.modifier, keyword.operator.noexcept	#569cd6	—
string, meta.embedded.assembly	#ce9178	—
string.tag	#ce9178	—
string.value	#ce9178	—
string.regexp	#d16969	—
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded	#569cd6	—
meta.template.expression	#d4d4d4	—
support.type.vendored.property-name, support.type.property-name, source.css variable, source.coffee.embedded	#9cdcfe	—
keyword	#569cd6	—
keyword.control	#569cd6	—
keyword.operator	#d4d4d4	—
keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.alignof, keyword.operator.typeid, keyword.operator.alignas, keyword.operator.instanceof, keyword.operator.logical.python, keyword.operator.wordlike	#569cd6	—
keyword.other.unit	#b5cea8	—
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php	#569cd6	—
support.function.git-rebase	#9cdcfe	—
constant.sha.git-rebase	#b5cea8	—
storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java	#d4d4d4	—
variable.language	#569cd6	—

VS Code preview

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

水墨 Theme — 水墨 · 浅

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.activeBackground#F6F5E1
activityBar.activeBorder#9D2933
activityBar.background#F6F5E1
activityBar.border#26262600
activityBar.dropBorder#26262600
activityBar.foreground#232527
activityBar.inactiveForeground#5C5852B0
activityBarBadge.background#9D2933
activityBarBadge.foreground#F6F5E1
activityBarTop.activeBorder#A23B29
activityBarTop.foreground#232527
activityBarTop.inactiveForeground#5A5F66
agentsCard.border#00000000
agentsChatInput.border#26262612
agentsChatInput.focusBorder#315D8C
agentSessionReadIndicator.foreground#315D8C
agentsNewSessionButton.border#00000000
agentsPanel.border#00000000
badge.background#9D2933
badge.foreground#F6F5E1
breadcrumb.activeSelectionForeground#232527
breadcrumb.background#F6F5E1
breadcrumb.focusForeground#232527
breadcrumb.foreground#5C5852
breadcrumbPicker.background#F6F5E1
button.background#232527
button.foreground#FAF9F0
button.hoverBackground#2A2C30
button.secondaryBackground#2626260F
button.secondaryForeground#232527
button.secondaryHoverBackground#26262618
charts.blue#315D8C
charts.foreground#2A2C30
charts.green#4C7548
charts.lines#D8D3BC
charts.orange#8A4B2F
charts.purple#7A5B8C
charts.red#9A3B26
charts.yellow#8A6D1F
chat.avatarBackground#315D8C
chat.avatarForeground#FAF9F0
chat.checkpointSeparator#26262615
chat.editedFileForeground#315D8C
chat.linesAddedForeground#4C7548C0
chat.linesRemovedForeground#9A3B26C0
chat.requestBackground#00000000
chat.requestBorder#00000000
chat.requestBubbleBackground#00000000
chat.requestBubbleHoverBackground#00000000
chat.requestCodeBorder#00000000
chat.slashCommandBackground#315D8C15
chat.slashCommandForeground#315D8C
commandCenter.activeBackground#ECE8D0
commandCenter.activeBorder#26262600
commandCenter.activeForeground#232527
commandCenter.background#FAF9F0
commandCenter.border#26262600
commandCenter.foreground#5A5F66
debugExceptionWidget.background#9A3B261F
debugExceptionWidget.border#26262600
debugToolBar.background#FAF9F0
debugToolBar.border#26262600
descriptionForeground#5C5852
diffEditor.border#26262600
diffEditor.diagonalFill#D8D3BC80
diffEditor.insertedLineBackground#4C754814
diffEditor.insertedTextBackground#4C754826
diffEditor.removedLineBackground#9A3B2614
diffEditor.removedTextBackground#9A3B2626
diffEditor.unchangedRegionBackground#F6F5E1
diffEditor.unchangedRegionForeground#5A5F66
disabledForeground#6E7278
dropdown.background#F6F5E1
dropdown.border#26262628
dropdown.foreground#5A5F66
dropdown.listBackground#F6F5E1
editor.background#F6F5E1
editor.findMatchBackground#A23B2940
editor.findMatchHighlightBackground#A23B2920
editor.findRangeHighlightBackground#315D8C18
editor.foldBackground#2626260D
editor.foreground#2A2C30
editor.hoverHighlightBackground#315D8C18
editor.inactiveSelectionBackground#315D8C14
editor.lineHighlightBackground#2626260D
editor.lineHighlightBorder#26262600
editor.linkedEditingBackground#315D8C18
editor.rangeHighlightBackground#315D8C18
editor.selectionBackground#315D8C26
editor.selectionHighlightBackground#315D8C14
editor.wordHighlightBackground#315D8C24
editor.wordHighlightStrongBackground#315D8C38
editorBracketHighlight.foreground1#2A2C30
editorBracketHighlight.foreground2#2E59A7
editorBracketHighlight.foreground3#6B6F76
editorBracketHighlight.foreground4#9D2933
editorBracketHighlight.foreground5#4A7A42
editorBracketHighlight.foreground6#3B3D42
editorBracketHighlight.unexpectedBracket.foreground#A23B29
editorBracketMatch.background#315D8C1A
editorBracketMatch.border#315D8C40
editorBracketPairGuide.activeBackground1#5A5F6673
editorBracketPairGuide.activeBackground2#5A5F6673
editorBracketPairGuide.activeBackground3#5A5F6673
editorBracketPairGuide.activeBackground4#5A5F6673
editorBracketPairGuide.activeBackground5#5A5F6673
editorBracketPairGuide.activeBackground6#5A5F6673
editorBracketPairGuide.background1#5A5F6614
editorBracketPairGuide.background2#5A5F6614
editorBracketPairGuide.background3#5A5F6614
editorBracketPairGuide.background4#5A5F6614
editorBracketPairGuide.background5#5A5F6614
editorBracketPairGuide.background6#5A5F6614
editorCodeLens.foreground#5C5852B0
editorCursor.foreground#9D2933
editorError.foreground#9D2933
editorGhostText.foreground#5A5F66A0
editorGroup.border#26262618
editorGroup.dropBackground#26262610
editorGroup.emptyBackground#F6F5E1
editorGroupHeader.noTabsBackground#F6F5E1
editorGroupHeader.tabsBackground#F6F5E1
editorGroupHeader.tabsBorder#26262600
editorGutter.addedBackground#4A7A42
editorGutter.deletedBackground#A23B29
editorGutter.foldingControlForeground#5A5F66
editorGutter.modifiedBackground#2B5A8C
editorHint.foreground#5A5F66
editorHoverWidget.background#F6F5E1
editorHoverWidget.border#26262600
editorHoverWidget.foreground#5A5F66
editorIndentGuide.activeBackground1#5A5F6673
editorIndentGuide.background1#5A5F6614
editorInfo.foreground#315D8C
editorInlayHint.background#2626260D
editorInlayHint.foreground#5A5F66
editorInlayHint.parameterBackground#2626260D
editorInlayHint.parameterForeground#5A5F66
editorInlayHint.typeBackground#2626260D
editorInlayHint.typeForeground#5A5F66
editorLineNumber.activeForeground#232527
editorLineNumber.foreground#5C5852A0
editorLink.activeForeground#232527
editorMarkerNavigation.background#FAF9F0
editorMarkerNavigationError.background#9A3B26
editorMarkerNavigationInfo.background#315D8C
editorMarkerNavigationWarning.background#8A6D1F
editorOverviewRuler.addedForeground#4C7548
editorOverviewRuler.border#26262600
editorOverviewRuler.bracketMatchForeground#5A5F66
editorOverviewRuler.deletedForeground#A23B29
editorOverviewRuler.errorForeground#A23B29
editorOverviewRuler.findMatchForeground#A23B2940
editorOverviewRuler.infoForeground#315D8C
editorOverviewRuler.modifiedForeground#315D8C
editorOverviewRuler.rangeHighlightForeground#5A5F6620
editorOverviewRuler.selectionHighlightForeground#5A5F6620
editorOverviewRuler.warningForeground#8A6D1F
editorOverviewRuler.wordHighlightForeground#5A5F6620
editorOverviewRuler.wordHighlightStrongForeground#23252730
editorRuler.foreground#5A5F6614
editorStickyScroll.background#F6F5E1
editorStickyScrollHover.background#26262608
editorSuggestWidget.background#F6F5E1
editorSuggestWidget.border#26262600
editorSuggestWidget.foreground#5A5F66
editorSuggestWidget.highlightForeground#A23B29
editorSuggestWidget.selectedBackground#2B5A8C21
editorSuggestWidget.selectedForeground#232527
editorSuggestWidget.selectedIconForeground#232527
editorUnicodeHighlight.border#26262600
editorWarning.foreground#8A6D1F
editorWhitespace.foreground#5A5F6636
editorWidget.background#F6F5E1
editorWidget.border#26262600
editorWidget.foreground#5A5F66
editorWidget.resizeBorder#26262600
errorForeground#9D2933
extensionBadge.remoteBackground#232527
extensionBadge.remoteForeground#FAF9F0
extensionButton.prominentBackground#232527
extensionButton.prominentForeground#FAF9F0
extensionButton.prominentHoverBackground#2A2C30
focusBorder#9D2933
foreground#2A2C30
gitDecoration.addedResourceForeground#4C7548
gitDecoration.conflictingResourceForeground#8A6D1F
gitDecoration.deletedResourceForeground#A23B29
gitDecoration.ignoredResourceForeground#6E7278
gitDecoration.modifiedResourceForeground#315D8C
gitDecoration.renamedResourceForeground#315D8C
gitDecoration.stageDeletedResourceForeground#A23B29
gitDecoration.stageModifiedResourceForeground#315D8C
gitDecoration.submoduleResourceForeground#7A5B8C
gitDecoration.untrackedResourceForeground#4C7548
icube.colorBg1#FAF9F0
icube.colorBg2#FAF9F0
icube.colorBg3#EDEBD6
icube.colorBg4#FAF9F0
icube.colorBgCode#F0EEE0
icube.colorBgTr0#00000000
icube.colorBlend#00000000
icube.colorBrand#315D8C
icube.colorBrandActive#254B73
icube.colorBrandHover#3D6E9E
icube.colorBtnHover#26262612
icube.colorBtnHover2#2626261a
icube.colorBtnTransparent3#2626260a
icube.colorDefaultText#232527
icube.colorDisableText#8C9099
icube.colorGrayText#5A5F66
icube.colorHighlightText#315D8C
icube.colorLine1#26262608
icube.colorLine2#26262612
icube.colorLine3#00000000
icube.colorWidgetShadow#00000000
icube.colorWidgetShadow2#00000000
icube.colorWidgetShadow3#00000000
icube.inlineChatDiff.inserted#4C754818
icube.inlineChatDiff.removed#9A3B2618
icube.simpleInlineChatDiff.inserted#4C754818
icube.simpleInlineChatDiff.removed#9A3B2618
inlineChat.background#FAF9F0
inlineChat.border#26262610
inlineChat.shadow#00000000
inlineChatDiff.inserted#4C754818
inlineChatDiff.removed#9A3B2618
inlineChatInput.background#F6F5E1
inlineChatInput.border#26262620
inlineChatInput.focusBorder#315D8C40
inlineChatInput.placeholderForeground#5A5F66
input.background#F6F5E1
input.border#26262615
input.foreground#2A2C30
input.placeholderForeground#6E7278
inputOption.activeBackground#315D8C33
inputOption.activeBorder#315D8C
inputOption.activeForeground#315D8C
inputValidation.errorBackground#9A3B261F
inputValidation.errorBorder#26262600
inputValidation.errorForeground#9A3B26
inputValidation.infoBackground#315D8C1F
inputValidation.infoBorder#26262600
inputValidation.infoForeground#315D8C
inputValidation.warningBackground#8A6D1F24
inputValidation.warningBorder#26262600
inputValidation.warningForeground#8A6D1F
interactiveEditor.regionHighlight#315D8C15
keybindingLabel.background#ECE8D0
keybindingLabel.border#26262600
keybindingLabel.bottomBorder#26262600
keybindingLabel.foreground#2A2C30
keybindingTable.rowsBackground#FAF9F080
list.activeSelectionBackground#315D8C26
list.activeSelectionForeground#232527
list.dropBackground#26262610
list.errorForeground#A23B29
list.filterMatchBackground#315D8C21
list.filterMatchBorder#26262600
list.focusAndSelectionOutline#26262600
list.focusBackground#315D8C14
list.focusForeground#232527
list.focusOutline#26262600
list.highlightForeground#9D2933
list.hoverBackground#2626260D
list.hoverForeground#2A2C30
list.inactiveFocusBackground#2626260D
list.inactiveSelectionBackground#2626260D
list.inactiveSelectionForeground#5A5F66
list.invalidItemForeground#A23B29
list.warningForeground#8A6D1F
listFilterWidget.background#F6F5E1
listFilterWidget.noMatchesOutline#26262600
listFilterWidget.outline#26262600
markdownAlert.caution.foreground#9A3B26
markdownAlert.important.foreground#315D8C
markdownAlert.note.foreground#315D8C
markdownAlert.tip.foreground#4C7548
markdownAlert.warning.foreground#A23B29
menu.background#F6F5E1
menu.border#26262600
menu.foreground#5A5F66
menu.selectionBackground#26262614
menu.selectionForeground#232527
menu.separatorBackground#26262618
menubar.selectionBackground#26262614
menubar.selectionForeground#232527
merge.border#26262600
merge.commonContentBackground#D8D3BC25
merge.commonHeaderBackground#D8D3BC45
merge.currentContentBackground#4C754826
merge.currentHeaderBackground#4C75483D
merge.incomingContentBackground#315D8C26
merge.incomingHeaderBackground#315D8C3D
minimap.background#F6F5E1
minimap.errorHighlight#A23B29
minimap.findMatchHighlight#A23B2940
minimap.selectionHighlight#2B5A8C21
minimap.warningHighlight#8A6D1F
minimapSlider.activeBackground#23252721
minimapSlider.background#2325270A
minimapSlider.hoverBackground#23252714
modernActivityBar.activeBackground#EDEBD6
modernActivityBar.background#FAF9F0
modernActivityBar.hoverBackground#F0EEE0
multiDiffEditor.border#26262615
multiDiffEditor.headerBackground#FAF9F0
notificationCenterHeader.background#FAF9F0
notificationCenterHeader.foreground#5A5F66
notificationLink.foreground#2A2C30
notifications.background#FAF9F0
notifications.border#26262600
notifications.foreground#5A5F66
notificationsErrorIcon.foreground#A23B29
notificationsInfoIcon.foreground#315D8C
notificationsWarningIcon.foreground#8A6D1F
notificationToast.border#26262618
panel.background#F6F5E1
panel.border#26262600
panelInput.border#26262600
panelSection.border#26262600
panelSectionHeader.background#F6F5E1
panelSectionHeader.border#26262600
panelSectionHeader.foreground#2A2C30
panelTitle.activeBorder#26262600
panelTitle.activeForeground#232527
panelTitle.inactiveForeground#5A5F66
peekView.border#26262600
peekViewEditor.background#F6F5E1
peekViewEditor.matchHighlightBackground#A23B2933
peekViewEditorGutter.background#26262608
peekViewResult.background#F6F5E1
peekViewResult.fileForeground#232527
peekViewResult.lineForeground#5A5F66
peekViewResult.matchHighlightBackground#A23B2933
peekViewResult.selectionBackground#2B5A8C21
peekViewResult.selectionForeground#232527
peekViewTitle.background#F6F5E1
peekViewTitleDescription.foreground#5A5F66
peekViewTitleLabel.foreground#232527
pickerGroup.border#26262615
pickerGroup.foreground#315D8C
progressBar.background#232527
quickInput.background#F6F5E1
quickInput.foreground#5A5F66
quickInputList.focusBackground#315D8C21
quickInputList.focusForeground#232527
quickInputList.focusIconForeground#232527
quickInputTitle.background#F6F5E1
scrollbar.shadow#26262600
scrollbarSlider.activeBackground#26262629
scrollbarSlider.background#2626260F
scrollbarSlider.hoverBackground#2626261C
searchEditor.findMatchBackground#A23B2920
searchEditor.findMatchBorder#26262600
selection.background#315D8C2E
settings.checkboxBackground#F6F5E1
settings.checkboxBorder#26262628
settings.checkboxForeground#2A2C30
settings.dropdownBackground#F6F5E1
settings.dropdownBorder#26262628
settings.dropdownForeground#2A2C30
settings.focusedRowBackground#ECE8D0
settings.focusedRowBorder#26262600
settings.headerForeground#232527
settings.modifiedItemIndicator#315D8C
settings.numberInputBackground#F6F5E1
settings.numberInputBorder#26262615
settings.numberInputForeground#2A2C30
settings.rowHoverBackground#ECE8D080
settings.textInputBackground#F6F5E1
settings.textInputBorder#26262615
settings.textInputForeground#2A2C30
sideBar.background#F6F5E1
sideBar.border#26262600
sideBar.dropBackground#26262610
sideBar.foreground#5C5852
sideBarSectionHeader.background#F6F5E1
sideBarSectionHeader.border#26262600
sideBarSectionHeader.foreground#232527
sideBarTitle.foreground#232527
statusBar.background#F6F5E1
statusBar.border#26262600
statusBar.debuggingBackground#9D2933
statusBar.debuggingForeground#FAF9F0
statusBar.foreground#5C5852
statusBar.noFolderBackground#F6F5E1
statusBar.noFolderForeground#5C5852
statusBarItem.activeBackground#2626261C
statusBarItem.errorBackground#A23B29
statusBarItem.errorForeground#FAF9F0
statusBarItem.hoverBackground#FFFFFF12
statusBarItem.prominentBackground#FFFFFF14
statusBarItem.prominentHoverBackground#FFFFFF20
statusBarItem.warningBackground#8A6D1F
statusBarItem.warningForeground#FAF9F0
surface.border#00000000
symbolIcon.arrayForeground#5A5F66
symbolIcon.booleanForeground#2A7078
symbolIcon.classForeground#1D1F21
symbolIcon.colorForeground#2A7078
symbolIcon.constantForeground#2E59A7
symbolIcon.constructorForeground#315D8C
symbolIcon.enumeratorForeground#2A7078
symbolIcon.enumeratorMemberForeground#2A7078
symbolIcon.eventForeground#7A5B8C
symbolIcon.fieldForeground#3B3D42
symbolIcon.fileForeground#5A5F66
symbolIcon.folderForeground#5A5F66
symbolIcon.functionForeground#2A2C30
symbolIcon.interfaceForeground#1D1F21
symbolIcon.keyForeground#8A4B2F
symbolIcon.keywordForeground#9D2933
symbolIcon.methodForeground#2A2C30
symbolIcon.moduleForeground#232527
symbolIcon.namespaceForeground#232527
symbolIcon.nullForeground#2A7078
symbolIcon.numberForeground#2E59A7
symbolIcon.objectForeground#2A2C30
symbolIcon.operatorForeground#5A5F66
symbolIcon.packageForeground#232527
symbolIcon.propertyForeground#3B3D42
symbolIcon.referenceForeground#315D8C
symbolIcon.snippetForeground#7A5B8C
symbolIcon.stringForeground#2E59A7
symbolIcon.structForeground#232527
symbolIcon.textForeground#2A2C30
symbolIcon.typeParameterForeground#7A5B8C
symbolIcon.unitForeground#8A4B2F
symbolIcon.variableForeground#3B3D42
tab.activeBackground#F6F5E1
tab.activeBorder#26262600
tab.activeBorderTop#9D2933
tab.activeForeground#232527
tab.border#26262600
tab.hoverBackground#ECE8D080
tab.inactiveBackground#F6F5E1
tab.inactiveForeground#5C5852
tab.unfocusedActiveBackground#F6F5E1
tab.unfocusedActiveForeground#5A5F66
tab.unfocusedInactiveBackground#F6F5E1
tab.unfocusedInactiveForeground#5A5F66
terminal.ansiBlack#232527
terminal.ansiBlue#315D8C
terminal.ansiBrightBlack#6E7278
terminal.ansiBrightBlue#3F6EAA
terminal.ansiBrightCyan#1D828E
terminal.ansiBrightGreen#507F49
terminal.ansiBrightMagenta#86699C
terminal.ansiBrightRed#B04A32
terminal.ansiBrightWhite#232527
terminal.ansiBrightYellow#8F7018
terminal.ansiCyan#2A7078
terminal.ansiGreen#4C7548
terminal.ansiMagenta#7A5B8C
terminal.ansiRed#A23B29
terminal.ansiWhite#5A5F66
terminal.ansiYellow#8A6D1F
terminal.background#F6F5E1
terminal.foreground#2A2C30
terminal.selectionBackground#315D8C2E
terminalCursor.background#FAF9F0
terminalCursor.foreground#A23B29
testing.iconErrored#A23B29
testing.iconFailed#A23B29
testing.iconPassed#4C7548
testing.iconQueued#8A6D1F
testing.iconSkipped#6E7278
testing.iconUnset#6E7278
testing.runAction#315D8C
textBlockQuote.background#4C75480F
textBlockQuote.border#26262600
textCodeBlock.background#2626260D
textLink.activeForeground#232527
textLink.foreground#315D8C
textPreformat.foreground#2A2C30
textSeparator.foreground#26262620
titleBar.activeBackground#F6F5E1
titleBar.activeForeground#232527
titleBar.border#26262600
titleBar.inactiveBackground#F6F5E1
titleBar.inactiveForeground#5A5F66
tree.inactiveIndentGuidesStroke#26262610
tree.indentGuidesStroke#26262618
widget.border#26262600
widget.shadow#00000000
widget.shadow1#00000000
widget.shadow2#00000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment, string.comment, comment.block.documentation	#4A7A42	italic
keyword.control, keyword.control.flow, keyword.control.conditional, keyword.control.loop, keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.return, keyword.control.trycatch, keyword.control.exception, keyword.control.as, keyword.control.default, keyword.control.switch	#9D2933	bold
keyword, keyword.operator.new, keyword.operator.expression, keyword.operator.delete, keyword.operator.typeof, keyword.operator.instanceof, keyword.operator.void, keyword.operator.in, keyword.operator.of, storage.type, storage.type.function, storage.type.class, storage.type.enum, storage.type.interface, storage.type.ts, storage.type.namespace	#5A5D54	italic
storage.modifier, storage.type.annotation	#6B6F76	—
entity.name.type, entity.name.type.class, entity.name.type.interface, entity.name.type.enum, entity.name.type.parameter, entity.name.class, support.type, support.class	#1D1F21	bold
entity.other.inherited-class	#1D1F21	italic
entity.name.function, support.function, meta.function-call.generic, meta.function-call.object, entity.name.function.constructor, entity.name.function.destructor, support.function.builtin	#2A2C30	—
variable, variable.other, variable.other.readwrite, meta.definition.variable, support.variable	#3B3D42	—
variable.parameter, meta.function.parameters	#3B3D42	italic
variable.other.property, variable.other.object.property, support.variable.property, meta.object-literal.key, entity.other.attribute-name, entity.other.attribute-name.html, support.type.property-name	#3B3D42	—
variable.language.this, variable.language.super, variable.language.special, variable.parameter.function.language.special	#5A5D54	italic
string, string.quoted, string.template, punctuation.definition.string, string.regexp	#2E59A7	—
constant.numeric, constant.language, constant.character, constant.character.escape, constant.other.placeholder, variable.other.constant, variable.other.enummember, support.constant	#B05628	—
keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.relational, keyword.operator.ternary, keyword.operator.type, keyword.operator.spread, keyword.operator.logical, keyword.operator.bitwise	#6B6F76	—
punctuation, punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.array, punctuation.definition.dictionary, punctuation.definition.block, punctuation.definition.tag, meta.brace.round, meta.brace.square, meta.brace.curly	#6B6F76	—
entity.name.tag, entity.name.tag.html, entity.name.tag.xml, meta.tag.other.html	#2A2C30	—
entity.name.tag.component, support.class.component, entity.name.tag.custom, entity.name.tag.custom.html	#1D1F21	bold
markup.heading, markup.heading entity.name	#1D1F21	bold
markup.italic	—	italic
markup.bold	—	bold
markup.inline.raw, markup.fenced_code.block	#2E59A7	—
markup.underline.link, string.other.link	#2E59A7	—
markup.deleted, meta.diff.header.from-file, punctuation.definition.deleted	#9D2933	—
markup.inserted, meta.diff.header.to-file, punctuation.definition.inserted	#4A7A42	—
markup.changed, punctuation.definition.changed	#2E59A7	—
entity.name.tag.template.html.vue, entity.name.tag.script.html.vue, entity.name.tag.style.html.vue	#1D1F21	bold
entity.name.tag.html.vue	#2A2C30	—
support.class.component.vue, entity.name.tag.custom.html.vue	#1D1F21	bold
keyword.control.conditional.vue, keyword.control.loop.vue	#9D2933	bold
meta.attribute.directive.vue entity.other.attribute-name.html.vue, meta.attribute.directive.control.vue entity.other.attribute-name.html.vue, punctuation.attribute-shorthand.bind.html.vue, punctuation.attribute-shorthand.event.html.vue, punctuation.attribute-shorthand.slot.html.vue, punctuation.attribute-shorthand.vue	#6B6F76	—
punctuation.definition.interpolation.begin.html.vue, punctuation.definition.interpolation.end.html.vue	#2A2C30	bold
punctuation.definition.block.tag.comment.vue, storage.type.class.comment.vue	#4A7A42	italic bold
vue.sfc.style.variable.injection.v-bind entity.name.function	#315D8C	bold