Murad AMOLED

Name: Murad AMOLED
Author: mozaddedalfeshani

Publisher: mozaddedalfeshaniThemes in package: 4

A minimal AMOLED black VS Code theme inspired by GitHub Dark with vivid syntax colors.

Open in VS Code GitHub

Color themes

VS Code preview

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

Murad AMOLED — Murad Alokito

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#0F9A78
activityBar.background#EEF7F3
activityBar.border#D0E5DC
activityBar.foreground#1A2E28
activityBar.inactiveForeground#5A736B
activityBarBadge.background#168F72
activityBarBadge.foreground#FFFFFF
badge.background#168F72
badge.foreground#FFFFFF
breadcrumb.activeSelectionForeground#2A4038
breadcrumb.focusForeground#1A2E28
breadcrumb.foreground#5A736B
breadcrumbPicker.background#FFFFFF
button.background#168F72
button.fontWeight700
button.foreground#FFFFFF
button.hoverBackground#0F9A78
button.secondaryBackground#E4F2EC
button.secondaryForeground#1A2E28
button.secondaryHoverBackground#C8EDE0
checkbox.background#FFFFFF
checkbox.border#D0E5DC
debugConsole.errorForeground#C94A52
debugConsole.infoForeground#5A736B
debugConsole.sourceForeground#8A6B20
debugConsole.warningForeground#A68B14
debugConsoleInputIcon.foreground#168F72
debugIcon.breakpointForeground#D1242F
debugTokenExpression.boolean#2AA882
debugTokenExpression.error#C94A52
debugTokenExpression.name#168F72
debugTokenExpression.number#1A8A5C
debugTokenExpression.string#0A6B5C
debugTokenExpression.value#0A6B5C
debugToolBar.background#FFFFFF
descriptionForeground#5A736B
diffEditor.insertedLineBackground#168F7220
diffEditor.insertedTextBackground#2DD4A733
diffEditor.removedLineBackground#C94A5220
diffEditor.removedTextBackground#C94A5230
dropdown.background#FFFFFF
dropdown.border#D0E5DC
dropdown.foreground#1A2E28
dropdown.listBackground#FFFFFF
editor.background#F5FBF8
editor.findMatchBackground#2DD4A755
editor.findMatchHighlightBackground#2DD4A72A
editor.focusedStackFrameHighlightBackground#168F7233
editor.foldBackground#168F7215
editor.foreground#1A2E28
editor.inactiveSelectionBackground#C8EDE066
editor.lineHighlightBackground#EAF6F1
editor.linkedEditingBackground#2DD4A722
editor.selectionBackground#A8DFCE88
editor.selectionHighlightBackground#C8EDE0AA
editor.selectionHighlightBorder#168F7200
editor.stackFrameHighlightBackground#C6902625
editor.wordHighlightBackground#2DD4A71F
editor.wordHighlightBorder#168F7299
editor.wordHighlightStrongBackground#168F722B
editor.wordHighlightStrongBorder#0F9A7888
editorBracketHighlight.foreground1#168F72
editorBracketHighlight.foreground2#0A6B5C
editorBracketHighlight.foreground3#1A8A75
editorBracketHighlight.foreground4#2AA882
editorBracketHighlight.foreground5#0F9A78
editorBracketHighlight.foreground6#0D7A5C
editorBracketHighlight.unexpectedBracket.foreground#5A736B
editorBracketMatch.background#2DD4A738
editorBracketMatch.border#168F72AA
editorCursor.foreground#168F72
editorError.foreground#C94A52
editorGroup.border#D0E5DC
editorGroupHeader.tabsBackground#EEF7F3
editorGroupHeader.tabsBorder#D0E5DC
editorGutter.addedBackground#0F9A78
editorGutter.deletedBackground#C94A52
editorGutter.modifiedBackground#2AA882
editorIndentGuide.activeBackground#B8D9CB
editorIndentGuide.background#D8EBE3
editorInlayHint.background#5A736B22
editorInlayHint.foreground#5A736B
editorInlayHint.paramBackground#5A736B22
editorInlayHint.paramForeground#5A736B
editorInlayHint.typeBackground#5A736B22
editorInlayHint.typeForeground#5A736B
editorLineNumber.activeForeground#1A2E28
editorLineNumber.foreground#8AA89C
editorOverviewRuler.border#D0E5DC
editorWarning.foreground#A68B14
editorWhitespace.foreground#B8D0C6
editorWidget.background#FFFFFF
errorForeground#C94A52
focusBorder#0F9A78
foreground#1A2E28
gitDecoration.addedResourceForeground#0F9A78
gitDecoration.conflictingResourceForeground#B86A20
gitDecoration.deletedResourceForeground#C94A52
gitDecoration.ignoredResourceForeground#5A736B
gitDecoration.modifiedResourceForeground#2AA882
gitDecoration.submoduleResourceForeground#5A736B
gitDecoration.untrackedResourceForeground#2AA882
icon.foreground#5A736B
input.background#FFFFFF
input.border#D0E5DC
input.foreground#1A2E28
input.placeholderForeground#5A736B
keybindingLabel.foreground#1A2E28
list.activeSelectionBackground#C8EDE0
list.activeSelectionForeground#1A2E28
list.focusBackground#A8DFCE
list.focusForeground#1A2E28
list.highlightForeground#168F72
list.hoverBackground#E8F5F0
list.hoverForeground#1A2E28
list.inactiveFocusBackground#C8EDE0
list.inactiveSelectionBackground#E4F2EC
list.inactiveSelectionForeground#1A2E28
minimapSlider.activeBackground#168F7247
minimapSlider.background#168F7233
minimapSlider.hoverBackground#168F723d
notificationCenterHeader.background#EEF7F3
notificationCenterHeader.foreground#5A736B
notifications.background#FFFFFF
notifications.border#D0E5DC
notifications.foreground#1A2E28
notificationsErrorIcon.foreground#C94A52
notificationsInfoIcon.foreground#168F72
notificationsWarningIcon.foreground#A68B14
panel.background#F5FBF8
panel.border#D0E5DC
panelInput.border#D0E5DC
panelTitle.activeBorder#0F9A78
panelTitle.activeForeground#1A2E28
panelTitle.inactiveForeground#5A736B
peekViewEditor.background#F5FBF8CC
peekViewEditor.matchHighlightBackground#F5E84A55
peekViewResult.background#EEF7F3
peekViewResult.matchHighlightBackground#F5E84A55
pickerGroup.border#D0E5DC
pickerGroup.foreground#1A2E28
progressBar.background#2AA882
quickInput.background#FFFFFF
quickInput.foreground#1A2E28
scrollbar.shadow#1A2E2818
scrollbarSlider.activeBackground#168F7288
scrollbarSlider.background#168F7233
scrollbarSlider.hoverBackground#168F7244
settings.dropdownBackground#FFFFFF
settings.headerForeground#1A2E28
settings.modifiedItemIndicator#0F9A78
sideBar.background#EEF7F3
sideBar.border#D0E5DC
sideBar.foreground#2A4038
sideBarSectionHeader.background#EEF7F3
sideBarSectionHeader.border#D0E5DC
sideBarSectionHeader.foreground#1A2E28
sideBarTitle.foreground#1A2E28
statusBar.background#EEF7F3
statusBar.border#D0E5DC
statusBar.debuggingBackground#E8D4A8
statusBar.debuggingForeground#1A2E28
statusBar.focusBorder#168F72
statusBar.foreground#1A2E28
statusBar.noFolderBackground#EEF7F3
statusBarItem.activeBackground#168F721F
statusBarItem.focusBorder#0F9A78
statusBarItem.hoverBackground#168F7214
statusBarItem.prominentBackground#E4F2EC
statusBarItem.remoteBackground#168F72
statusBarItem.remoteForeground#FFFFFF
symbolIcon.arrayForeground#B86A20
symbolIcon.booleanForeground#168F72
symbolIcon.classForeground#B86A20
symbolIcon.colorForeground#168F72
symbolIcon.constantForeground#0F5323#196C2E#238636#2EA043#3FB950#56D364#168F72#0F9A78#2AA882#1A8A5C
symbolIcon.constructorForeground#1A8A75
symbolIcon.enumeratorForeground#B86A20
symbolIcon.enumeratorMemberForeground#168F72
symbolIcon.eventForeground#5A736B
symbolIcon.fieldForeground#B86A20
symbolIcon.fileForeground#8A6B20
symbolIcon.folderForeground#8A6B20
symbolIcon.functionForeground#0F9A78
symbolIcon.interfaceForeground#B86A20
symbolIcon.keyForeground#168F72
symbolIcon.keywordForeground#C94A52
symbolIcon.methodForeground#0F9A78
symbolIcon.moduleForeground#C94A52
symbolIcon.namespaceForeground#C94A52
symbolIcon.nullForeground#168F72
symbolIcon.numberForeground#1A8A5C
symbolIcon.objectForeground#B86A20
symbolIcon.operatorForeground#168F72
symbolIcon.packageForeground#B86A20
symbolIcon.propertyForeground#B86A20
symbolIcon.referenceForeground#168F72
symbolIcon.snippetForeground#168F72
symbolIcon.stringForeground#0A6B5C
symbolIcon.structForeground#B86A20
symbolIcon.textForeground#168F72
symbolIcon.typeParameterForeground#168F72
symbolIcon.unitForeground#168F72
symbolIcon.variableForeground#8A7A18
tab.activeBackground#F5FBF8
tab.activeBorder#F5FBF8
tab.activeBorderTop#0F9A78
tab.activeForeground#1A2E28
tab.border#D0E5DC
tab.hoverBackground#E8F5F0
tab.inactiveBackground#EEF7F3
tab.inactiveForeground#5A736B
tab.unfocusedActiveBorder#D0E5DC
tab.unfocusedActiveBorderTop#D0E5DC
tab.unfocusedHoverBackground#E8F5F0
terminal.ansiBlack#3A5048
terminal.ansiBlue#1A8A75
terminal.ansiBrightBlack#5A736B
terminal.ansiBrightBlue#0F9A78
terminal.ansiBrightCyan#2AA882
terminal.ansiBrightGreen#2AA882
terminal.ansiBrightMagenta#2AA882
terminal.ansiBrightRed#D45A52
terminal.ansiBrightWhite#1A2E28
terminal.ansiBrightYellow#C4A800
terminal.ansiCyan#0A7A6A
terminal.ansiGreen#168F72
terminal.ansiMagenta#1A8A75
terminal.ansiRed#C94A52
terminal.ansiWhite#2A4038
terminal.ansiYellow#A68B14
terminal.foreground#1A2E28
terminal.tab.activeBorder#0F9A78
terminalCursor.background#E4F2EC
terminalCursor.foreground#168F72
textBlockQuote.background#EEF7F3
textBlockQuote.border#D0E5DC
textCodeBlock.background#E4F2EC
textLink.activeForeground#0F9A78
textLink.foreground#168F72
textPreformat.foreground#1A2E28
textSeparator.foreground#5A736B
titleBar.activeBackground#F5FBF8
titleBar.activeForeground#1A2E28
titleBar.border#D0E5DC
titleBar.inactiveBackground#EEF7F3
titleBar.inactiveForeground#5A736B
tree.indentGuidesStroke#D0E5DC
welcomePage.buttonBackground#168F72
welcomePage.buttonHoverBackground#0F9A78

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment, string.comment	#6E7681	italic
constant.other.placeholder, constant.character	#C94A42	—
constant, entity.name.constant, variable.other.constant, variable.other.enummember, variable.language, entity	#0A7A6A	—
entity, entity.name	#1A8A75	—
entity.name, meta.export.default, meta.definition.variable	#8A7A18	—
variable.parameter.function, meta.jsx.children, meta.block, meta.tag.attributes, entity.name.constant, meta.object.member, meta.embedded.expression	#1A2E28	—
entity.name.function	#1A8A75	—
entity.name.tag, support.class.component	#0F9A78	—
keyword	#C94A42	—
storage, storage.type	#C94A42	—
storage.modifier.package, storage.modifier.import, storage.type.java	#1A2E28	—
string, string punctuation.section.embedded source	#0A6B5C	—
support	#0A7A6A	—
meta.property-name	#0A7A6A	—
variable	#8A7A18	—
variable.other	#1A2E28	—
invalid.broken	#D45A52	italic
invalid.deprecated	#D45A52	italic
invalid.illegal	#D45A52	italic
invalid.unimplemented	#D45A52	italic
carriage-return	#142822	italic underline
message.error	#D45A52	—
string variable	#0A7A6A	—
source.regexp, string.regexp	#0A6B5C	—
string.regexp.character-class, string.regexp constant.character.escape, string.regexp source.ruby.embedded, string.regexp string.regexp.arbitrary-repitition	#0A6B5C	—
string.regexp constant.character.escape	#0F9A78	bold
support.constant	#0A7A6A	—
support.variable	#0A7A6A	—
support.type.property-name.json	#0F9A78	—
meta.module-reference	#0A7A6A	—
punctuation.definition.list.begin.markdown	#8A7A18	—
markup.heading, markup.heading entity.name	#0A7A6A	bold
markup.quote	#0F9A78	—
markup.italic	#1A2E28	italic
markup.bold	#1A2E28	bold
markup.underline	—	underline
markup.strikethrough	—	strikethrough
markup.inline.raw	#0A7A6A	—
markup.deleted, meta.diff.header.from-file, punctuation.definition.deleted	#D45A52	—
punctuation.section.embedded	#C94A42	—
markup.inserted, meta.diff.header.to-file, punctuation.definition.inserted	#0F9A78	—
markup.changed, punctuation.definition.changed	#8A7A18	—
markup.ignored, markup.untracked	#0D1A16	—
meta.diff.range	#1A8A75	bold
meta.diff.header	#0A7A6A	—
meta.separator	#0A7A6A	bold
meta.output	#0A7A6A	—
brackethighlighter.tag, brackethighlighter.curly, brackethighlighter.round, brackethighlighter.square, brackethighlighter.angle, brackethighlighter.quote	#5A736B	—
brackethighlighter.unmatched	#D45A52	—
constant.other.reference.link, string.other.link	#0A6B5C	—

VS Code preview

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

Murad AMOLED — Murad Amoled Yellow Era

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

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

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

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

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

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

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

Problems1

Output

Debug Console

Terminal

Ports

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

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBorder#FFE566
activityBar.background#000000
activityBar.border#000000
activityBar.foreground#e1e4e8
activityBar.inactiveForeground#6a737d
activityBarBadge.background#F5E84A
activityBarBadge.foreground#0A0900
badge.background#1A1608
badge.foreground#FFF8C8
breadcrumb.activeSelectionForeground#d1d5da
breadcrumb.focusForeground#e1e4e8
breadcrumb.foreground#959da5
breadcrumbPicker.background#2b3036
button.background#C4A800
button.fontWeight700
button.foreground#0A0900
button.hoverBackground#E0C41A
button.secondaryBackground#444d56
button.secondaryForeground#fff
button.secondaryHoverBackground#586069
checkbox.background#444d56
checkbox.border#000000
debugConsole.errorForeground#ffa198
debugConsole.infoForeground#8b949e
debugConsole.sourceForeground#e3b341
debugConsole.warningForeground#d29922
debugConsoleInputIcon.foreground#FFE566
debugIcon.breakpointForeground#f85149
debugTokenExpression.boolean#F5E84A
debugTokenExpression.error#ff7265
debugTokenExpression.name#FFE566
debugTokenExpression.number#FFE566
debugTokenExpression.string#FFF5A0
debugTokenExpression.value#FFF5A0
debugToolBar.background#2b3036
descriptionForeground#959da5
diffEditor.insertedLineBackground#C4A80028
diffEditor.insertedTextBackground#F5E84A33
diffEditor.removedLineBackground#da363326
diffEditor.removedTextBackground#d73a4930
dropdown.background#000000
dropdown.border#242429
dropdown.foreground#e1e4e8
dropdown.listBackground#000000
editor.background#000000
editor.findMatchBackground#F5E84A55
editor.findMatchHighlightBackground#F5E84A2A
editor.focusedStackFrameHighlightBackground#2b6a3033
editor.foldBackground#58606915
editor.foreground#e1e4e8
editor.inactiveSelectionBackground#F5E84A22
editor.lineHighlightBackground#0F0D06
editor.linkedEditingBackground#F5E84A22
editor.selectionBackground#F5E84A44
editor.selectionHighlightBackground#FFE5663D
editor.selectionHighlightBorder#17E5E600
editor.stackFrameHighlightBackground#C6902625
editor.wordHighlightBackground#F5E84A1F
editor.wordHighlightBorder#F5E84A99
editor.wordHighlightStrongBackground#FFE5662B
editor.wordHighlightStrongBorder#FFE56688
editorBracketHighlight.foreground1#FFE566
editorBracketHighlight.foreground2#FFF5A0
editorBracketHighlight.foreground3#E8D44A
editorBracketHighlight.foreground4#FFF06A
editorBracketHighlight.foreground5#F5E84A
editorBracketHighlight.foreground6#FFF8C8
editorBracketHighlight.unexpectedBracket.foreground#7d8590
editorBracketMatch.background#F5E84A38
editorBracketMatch.border#FFE566AA
editorCursor.foreground#FFE566
editorError.foreground#f97583
editorGroup.border#000000
editorGroupHeader.tabsBackground#000000
editorGroupHeader.tabsBorder#000000
editorGutter.addedBackground#FFE566
editorGutter.deletedBackground#FF7B8A
editorGutter.modifiedBackground#E0C41A
editorIndentGuide.activeBackground#000000
editorIndentGuide.background#000000
editorInlayHint.background#8b949e33
editorInlayHint.foreground#7d8590
editorInlayHint.paramBackground#8b949e33
editorInlayHint.paramForeground#7d8590
editorInlayHint.typeBackground#8b949e33
editorInlayHint.typeForeground#7d8590
editorLineNumber.activeForeground#e1e4e8
editorLineNumber.foreground#324550
editorOverviewRuler.border#000000
editorWarning.foreground#FFE566
editorWhitespace.foreground#444d56
editorWidget.background#000000
errorForeground#f97583
focusBorder#FFE566
foreground#d1d5da
gitDecoration.addedResourceForeground#FFE566
gitDecoration.conflictingResourceForeground#ffab70
gitDecoration.deletedResourceForeground#ff4a5c
gitDecoration.ignoredResourceForeground#6a737d
gitDecoration.modifiedResourceForeground#E0C41A
gitDecoration.submoduleResourceForeground#6a737d
gitDecoration.untrackedResourceForeground#FFF06A
icon.foreground#7d8590
input.background#000000
input.border#000000
input.foreground#e1e4e8
input.placeholderForeground#959da5
keybindingLabel.foreground#e6edf3
list.activeSelectionBackground#3D3512
list.activeSelectionForeground#e1e4e8
list.focusBackground#5C4F14
list.focusForeground#FFF8C8
list.highlightForeground#FFE566
list.hoverBackground#060606
list.hoverForeground#e1e4e8
list.inactiveFocusBackground#24200E
list.inactiveSelectionBackground#1A1608
list.inactiveSelectionForeground#e1e4e8
minimapSlider.activeBackground#31313147
minimapSlider.background#31313133
minimapSlider.hoverBackground#3131313d
notificationCenterHeader.background#000000
notificationCenterHeader.foreground#959da5
notifications.background#000000
notifications.border#000000
notifications.foreground#e1e4e8
notificationsErrorIcon.foreground#ff7d8a
notificationsInfoIcon.foreground#79b8ff
notificationsWarningIcon.foreground#ffbdbd
panel.background#000000
panel.border#000000
panelInput.border#151618
panelTitle.activeBorder#FFE566
panelTitle.activeForeground#e1e4e8
panelTitle.inactiveForeground#959da5
peekViewEditor.background#00000088
peekViewEditor.matchHighlightBackground#ffd33d33
peekViewResult.background#000000
peekViewResult.matchHighlightBackground#ffd33d33
pickerGroup.border#444d56
pickerGroup.foreground#e1e4e8
progressBar.background#F5E84A
quickInput.background#000000
quickInput.foreground#e1e4e8
scrollbar.shadow#0008
scrollbarSlider.activeBackground#31313188
scrollbarSlider.background#31313133
scrollbarSlider.hoverBackground#31313144
settings.dropdownBackground#000000
settings.headerForeground#e1e4e8
settings.modifiedItemIndicator#FFE566
sideBar.background#000000
sideBar.border#000000
sideBar.foreground#d1d5da
sideBarSectionHeader.background#000000
sideBarSectionHeader.border#000000
sideBarSectionHeader.foreground#e1e4e8
sideBarTitle.foreground#e1e4e8
statusBar.background#000000
statusBar.border#000000
statusBar.debuggingBackground#0a0a0a
statusBar.debuggingForeground#fff
statusBar.focusBorder#F5E84A
statusBar.foreground#d1d5da
statusBar.noFolderBackground#000000
statusBarItem.activeBackground#e6edf31f
statusBarItem.focusBorder#FFE566
statusBarItem.hoverBackground#e6edf314
statusBarItem.prominentBackground#000000
statusBarItem.remoteBackground#000000
statusBarItem.remoteForeground#d1d5da
symbolIcon.arrayForeground#ff9448
symbolIcon.booleanForeground#58a6ff
symbolIcon.classForeground#ff8f40
symbolIcon.colorForeground#79b8ff
symbolIcon.constantForeground#aff5b4#7ee787#56d364#3fb950#2ea043#238636#196c2e#0f5323#033a16#04260f
symbolIcon.constructorForeground#E8D44A
symbolIcon.enumeratorForeground#ff9040
symbolIcon.enumeratorMemberForeground#58a6ff
symbolIcon.eventForeground#6e7681
symbolIcon.fieldForeground#ff9143
symbolIcon.fileForeground#ffbd2e
symbolIcon.folderForeground#ffbd2d
symbolIcon.functionForeground#FFE566
symbolIcon.interfaceForeground#f0883e
symbolIcon.keyForeground#58a6ff
symbolIcon.keywordForeground#ff7b72
symbolIcon.methodForeground#FFE566
symbolIcon.moduleForeground#ff7b72
symbolIcon.namespaceForeground#ff7b72
symbolIcon.nullForeground#58a6ff
symbolIcon.numberForeground#3fb950
symbolIcon.objectForeground#f0883e
symbolIcon.operatorForeground#79b8ff
symbolIcon.packageForeground#f0883e
symbolIcon.propertyForeground#f0883e
symbolIcon.referenceForeground#58a6ff
symbolIcon.snippetForeground#58a6ff
symbolIcon.stringForeground#79b8ff
symbolIcon.structForeground#f0883e
symbolIcon.textForeground#79b8ff
symbolIcon.typeParameterForeground#79b8ff
symbolIcon.unitForeground#58a6ff
symbolIcon.variableForeground#f0883e
tab.activeBackground#000000
tab.activeBorder#000000
tab.activeBorderTop#FFE566
tab.activeForeground#e1e4e8
tab.border#000000
tab.hoverBackground#000000
tab.inactiveBackground#000000
tab.inactiveForeground#959da5
tab.unfocusedActiveBorder#000000
tab.unfocusedActiveBorderTop#000000
tab.unfocusedHoverBackground#000000
terminal.ansiBlack#586069
terminal.ansiBlue#E8D44A
terminal.ansiBrightBlack#959da5
terminal.ansiBrightBlue#FFE566
terminal.ansiBrightCyan#FFF5A0
terminal.ansiBrightGreen#FFF06A
terminal.ansiBrightMagenta#FFF5A0
terminal.ansiBrightRed#f97583
terminal.ansiBrightWhite#fafbfc
terminal.ansiBrightYellow#FFF8C8
terminal.ansiCyan#E8D97A
terminal.ansiGreen#F5E84A
terminal.ansiMagenta#D4B84A
terminal.ansiRed#ff808c
terminal.ansiWhite#d1d5da
terminal.ansiYellow#FFE566
terminal.foreground#d1d5da
terminal.tab.activeBorder#FFE566
terminalCursor.background#586069
terminalCursor.foreground#FFE566
textBlockQuote.background#000000
textBlockQuote.border#444d56
textCodeBlock.background#2f363d
textLink.activeForeground#FFF5A0
textLink.foreground#FFE566
textPreformat.foreground#d1d5da
textSeparator.foreground#586069
titleBar.activeBackground#000000
titleBar.activeForeground#e1e4e8
titleBar.border#000000
titleBar.inactiveBackground#000000
titleBar.inactiveForeground#959da5
tree.indentGuidesStroke#2f363d
welcomePage.buttonBackground#C4A800
welcomePage.buttonHoverBackground#E0C41A

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment, string.comment	#6E7681	italic
constant.other.placeholder, constant.character	#ff7b72	—
constant, entity.name.constant, variable.other.constant, variable.other.enummember, variable.language, entity	#E8D97A	—
entity, entity.name	#E8D44A	—
entity.name, meta.export.default, meta.definition.variable	#FFEF7A	—
variable.parameter.function, meta.jsx.children, meta.block, meta.tag.attributes, entity.name.constant, meta.object.member, meta.embedded.expression	#e6edf3	—
entity.name.function	#E8D44A	—
entity.name.tag, support.class.component	#FFE566	—
keyword	#ff7b72	—
storage, storage.type	#ff7b72	—
storage.modifier.package, storage.modifier.import, storage.type.java	#e6edf3	—
string, string punctuation.section.embedded source	#FFF5A0	—
support	#E8D97A	—
meta.property-name	#E8D97A	—
variable	#FFEF7A	—
variable.other	#e6edf3	—
invalid.broken	#ffa198	italic
invalid.deprecated	#ffa198	italic
invalid.illegal	#ffa198	italic
invalid.unimplemented	#ffa198	italic
carriage-return	#f0f6fc	italic underline
message.error	#ffa198	—
string variable	#E8D97A	—
source.regexp, string.regexp	#FFF5A0	—
string.regexp.character-class, string.regexp constant.character.escape, string.regexp source.ruby.embedded, string.regexp string.regexp.arbitrary-repitition	#FFF5A0	—
string.regexp constant.character.escape	#FFE566	bold
support.constant	#E8D97A	—
support.variable	#E8D97A	—
support.type.property-name.json	#FFE566	—
meta.module-reference	#E8D97A	—
punctuation.definition.list.begin.markdown	#FFEF7A	—
markup.heading, markup.heading entity.name	#E8D97A	bold
markup.quote	#FFE566	—
markup.italic	#e6edf3	italic
markup.bold	#e6edf3	bold
markup.underline	—	underline
markup.strikethrough	—	strikethrough
markup.inline.raw	#E8D97A	—
markup.deleted, meta.diff.header.from-file, punctuation.definition.deleted	#ffa198	—
punctuation.section.embedded	#ff7b72	—
markup.inserted, meta.diff.header.to-file, punctuation.definition.inserted	#FFE566	—
markup.changed, punctuation.definition.changed	#FFEF7A	—
markup.ignored, markup.untracked	#161b22	—
meta.diff.range	#E8D44A	bold
meta.diff.header	#E8D97A	—
meta.separator	#E8D97A	bold
meta.output	#E8D97A	—
brackethighlighter.tag, brackethighlighter.curly, brackethighlighter.round, brackethighlighter.square, brackethighlighter.angle, brackethighlighter.quote	#8b949e	—
brackethighlighter.unmatched	#ffa198	—
constant.other.reference.link, string.other.link	#FFF5A0	—

VS Code preview

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

Murad AMOLED — Murad Andhokar

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

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

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

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

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

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

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

Problems1

Output

Debug Console

Terminal

Ports

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

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBorder#5EEFC4
activityBar.background#000000
activityBar.border#000000
activityBar.foreground#e1e4e8
activityBar.inactiveForeground#6a737d
activityBarBadge.background#168F72
activityBarBadge.foreground#E8FFF7
badge.background#0A241D
badge.foreground#B8FFE8
breadcrumb.activeSelectionForeground#d1d5da
breadcrumb.focusForeground#e1e4e8
breadcrumb.foreground#959da5
breadcrumbPicker.background#2b3036
button.background#168F72
button.fontWeight700
button.foreground#E8FFF7
button.hoverBackground#20AE8A
button.secondaryBackground#444d56
button.secondaryForeground#fff
button.secondaryHoverBackground#586069
checkbox.background#444d56
checkbox.border#000000
debugConsole.errorForeground#ffa198
debugConsole.infoForeground#8b949e
debugConsole.sourceForeground#e3b341
debugConsole.warningForeground#d29922
debugConsoleInputIcon.foreground#5EEFC4
debugIcon.breakpointForeground#f85149
debugTokenExpression.boolean#4AE6A8
debugTokenExpression.error#ff7265
debugTokenExpression.name#5EEFC4
debugTokenExpression.number#7CF2B2
debugTokenExpression.string#9AF5D5
debugTokenExpression.value#9AF5D5
debugToolBar.background#2b3036
descriptionForeground#959da5
diffEditor.insertedLineBackground#168F7228
diffEditor.insertedTextBackground#2DD4A733
diffEditor.removedLineBackground#da363326
diffEditor.removedTextBackground#d73a4930
dropdown.background#000000
dropdown.border#242429
dropdown.foreground#e1e4e8
dropdown.listBackground#000000
editor.background#000000
editor.findMatchBackground#2DD4A755
editor.findMatchHighlightBackground#2DD4A72A
editor.focusedStackFrameHighlightBackground#2b6a3033
editor.foldBackground#58606915
editor.foreground#e1e4e8
editor.inactiveSelectionBackground#2DD4A722
editor.lineHighlightBackground#06110E
editor.linkedEditingBackground#2DD4A722
editor.selectionBackground#2DD4A744
editor.selectionHighlightBackground#5EEFC43D
editor.selectionHighlightBorder#17E5E600
editor.stackFrameHighlightBackground#C6902625
editor.wordHighlightBackground#2DD4A71F
editor.wordHighlightBorder#2DD4A799
editor.wordHighlightStrongBackground#5EEFC42B
editor.wordHighlightStrongBorder#5EEFC488
editorBracketHighlight.foreground1#5EEFC4
editorBracketHighlight.foreground2#9AF5D5
editorBracketHighlight.foreground3#62C7B5
editorBracketHighlight.foreground4#7CFFD5
editorBracketHighlight.foreground5#42D3A7
editorBracketHighlight.foreground6#B8FFE8
editorBracketHighlight.unexpectedBracket.foreground#7d8590
editorBracketMatch.background#2DD4A738
editorBracketMatch.border#5EEFC4AA
editorCursor.foreground#5EEFC4
editorError.foreground#f97583
editorGroup.border#000000
editorGroupHeader.tabsBackground#000000
editorGroupHeader.tabsBorder#000000
editorGutter.addedBackground#5EEFC4
editorGutter.deletedBackground#FF7B8A
editorGutter.modifiedBackground#42D3A7
editorIndentGuide.activeBackground#000000
editorIndentGuide.background#000000
editorInlayHint.background#8b949e33
editorInlayHint.foreground#7d8590
editorInlayHint.paramBackground#8b949e33
editorInlayHint.paramForeground#7d8590
editorInlayHint.typeBackground#8b949e33
editorInlayHint.typeForeground#7d8590
editorLineNumber.activeForeground#e1e4e8
editorLineNumber.foreground#324550
editorOverviewRuler.border#000000
editorWarning.foreground#D3E87A
editorWhitespace.foreground#444d56
editorWidget.background#000000
errorForeground#f97583
focusBorder#5EEFC4
foreground#d1d5da
gitDecoration.addedResourceForeground#5EEFC4
gitDecoration.conflictingResourceForeground#ffab70
gitDecoration.deletedResourceForeground#ff4a5c
gitDecoration.ignoredResourceForeground#6a737d
gitDecoration.modifiedResourceForeground#42D3A7
gitDecoration.submoduleResourceForeground#6a737d
gitDecoration.untrackedResourceForeground#7CF2B2
icon.foreground#7d8590
input.background#000000
input.border#000000
input.foreground#e1e4e8
input.placeholderForeground#959da5
keybindingLabel.foreground#e6edf3
list.activeSelectionBackground#123D32
list.activeSelectionForeground#e1e4e8
list.focusBackground#145C4A
list.focusForeground#E8FFF7
list.highlightForeground#5EEFC4
list.hoverBackground#060606
list.hoverForeground#e1e4e8
list.inactiveFocusBackground#0C2D25
list.inactiveSelectionBackground#0A211B
list.inactiveSelectionForeground#e1e4e8
minimapSlider.activeBackground#31313147
minimapSlider.background#31313133
minimapSlider.hoverBackground#3131313d
notificationCenterHeader.background#000000
notificationCenterHeader.foreground#959da5
notifications.background#000000
notifications.border#000000
notifications.foreground#e1e4e8
notificationsErrorIcon.foreground#ff7d8a
notificationsInfoIcon.foreground#79b8ff
notificationsWarningIcon.foreground#ffbdbd
panel.background#000000
panel.border#000000
panelInput.border#151618
panelTitle.activeBorder#5EEFC4
panelTitle.activeForeground#e1e4e8
panelTitle.inactiveForeground#959da5
peekViewEditor.background#00000088
peekViewEditor.matchHighlightBackground#ffd33d33
peekViewResult.background#000000
peekViewResult.matchHighlightBackground#ffd33d33
pickerGroup.border#444d56
pickerGroup.foreground#e1e4e8
progressBar.background#2DD4A7
quickInput.background#000000
quickInput.foreground#e1e4e8
scrollbar.shadow#0008
scrollbarSlider.activeBackground#31313188
scrollbarSlider.background#31313133
scrollbarSlider.hoverBackground#31313144
settings.dropdownBackground#000000
settings.headerForeground#e1e4e8
settings.modifiedItemIndicator#5EEFC4
sideBar.background#000000
sideBar.border#000000
sideBar.foreground#d1d5da
sideBarSectionHeader.background#000000
sideBarSectionHeader.border#000000
sideBarSectionHeader.foreground#e1e4e8
sideBarTitle.foreground#e1e4e8
statusBar.background#000000
statusBar.border#000000
statusBar.debuggingBackground#0a0a0a
statusBar.debuggingForeground#fff
statusBar.focusBorder#2DD4A7
statusBar.foreground#d1d5da
statusBar.noFolderBackground#000000
statusBarItem.activeBackground#e6edf31f
statusBarItem.focusBorder#5EEFC4
statusBarItem.hoverBackground#e6edf314
statusBarItem.prominentBackground#000000
statusBarItem.remoteBackground#000000
statusBarItem.remoteForeground#d1d5da
symbolIcon.arrayForeground#ff9448
symbolIcon.booleanForeground#58a6ff
symbolIcon.classForeground#ff8f40
symbolIcon.colorForeground#79b8ff
symbolIcon.constantForeground#aff5b4#7ee787#56d364#3fb950#2ea043#238636#196c2e#0f5323#033a16#04260f
symbolIcon.constructorForeground#62C7B5
symbolIcon.enumeratorForeground#ff9040
symbolIcon.enumeratorMemberForeground#58a6ff
symbolIcon.eventForeground#6e7681
symbolIcon.fieldForeground#ff9143
symbolIcon.fileForeground#ffbd2e
symbolIcon.folderForeground#ffbd2d
symbolIcon.functionForeground#5EEFC4
symbolIcon.interfaceForeground#f0883e
symbolIcon.keyForeground#58a6ff
symbolIcon.keywordForeground#ff7b72
symbolIcon.methodForeground#5EEFC4
symbolIcon.moduleForeground#ff7b72
symbolIcon.namespaceForeground#ff7b72
symbolIcon.nullForeground#58a6ff
symbolIcon.numberForeground#3fb950
symbolIcon.objectForeground#f0883e
symbolIcon.operatorForeground#79b8ff
symbolIcon.packageForeground#f0883e
symbolIcon.propertyForeground#f0883e
symbolIcon.referenceForeground#58a6ff
symbolIcon.snippetForeground#58a6ff
symbolIcon.stringForeground#79b8ff
symbolIcon.structForeground#f0883e
symbolIcon.textForeground#79b8ff
symbolIcon.typeParameterForeground#79b8ff
symbolIcon.unitForeground#58a6ff
symbolIcon.variableForeground#f0883e
tab.activeBackground#000000
tab.activeBorder#000000
tab.activeBorderTop#5EEFC4
tab.activeForeground#e1e4e8
tab.border#000000
tab.hoverBackground#000000
tab.inactiveBackground#000000
tab.inactiveForeground#959da5
tab.unfocusedActiveBorder#000000
tab.unfocusedActiveBorderTop#000000
tab.unfocusedHoverBackground#000000
terminal.ansiBlack#586069
terminal.ansiBlue#62C7B5
terminal.ansiBrightBlack#959da5
terminal.ansiBrightBlue#7DE3D0
terminal.ansiBrightCyan#8CF5E3
terminal.ansiBrightGreen#7CFFD5
terminal.ansiBrightMagenta#9AF5D5
terminal.ansiBrightRed#f97583
terminal.ansiBrightWhite#fafbfc
terminal.ansiBrightYellow#f3ff9a
terminal.ansiCyan#5CE6D0
terminal.ansiGreen#5EEFC4
terminal.ansiMagenta#7AB8A8
terminal.ansiRed#ff808c
terminal.ansiWhite#d1d5da
terminal.ansiYellow#feffe8
terminal.foreground#d1d5da
terminal.tab.activeBorder#5EEFC4
terminalCursor.background#586069
terminalCursor.foreground#5EEFC4
textBlockQuote.background#000000
textBlockQuote.border#444d56
textCodeBlock.background#2f363d
textLink.activeForeground#9AF5D5
textLink.foreground#5EEFC4
textPreformat.foreground#d1d5da
textSeparator.foreground#586069
titleBar.activeBackground#000000
titleBar.activeForeground#e1e4e8
titleBar.border#000000
titleBar.inactiveBackground#000000
titleBar.inactiveForeground#959da5
tree.indentGuidesStroke#2f363d
welcomePage.buttonBackground#168F72
welcomePage.buttonHoverBackground#20AE8A

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment, string.comment	#6E7681	italic
constant.other.placeholder, constant.character	#ff7b72	—
constant, entity.name.constant, variable.other.constant, variable.other.enummember, variable.language, entity	#5CE6D0	—
entity, entity.name	#62C7B5	—
entity.name, meta.export.default, meta.definition.variable	#D3E87A	—
variable.parameter.function, meta.jsx.children, meta.block, meta.tag.attributes, entity.name.constant, meta.object.member, meta.embedded.expression	#e6edf3	—
entity.name.function	#62C7B5	—
entity.name.tag, support.class.component	#5EEFC4	—
keyword	#ff7b72	—
storage, storage.type	#ff7b72	—
storage.modifier.package, storage.modifier.import, storage.type.java	#e6edf3	—
string, string punctuation.section.embedded source	#9AF5D5	—
support	#5CE6D0	—
meta.property-name	#5CE6D0	—
variable	#D3E87A	—
variable.other	#e6edf3	—
invalid.broken	#ffa198	italic
invalid.deprecated	#ffa198	italic
invalid.illegal	#ffa198	italic
invalid.unimplemented	#ffa198	italic
carriage-return	#f0f6fc	italic underline
message.error	#ffa198	—
string variable	#5CE6D0	—
source.regexp, string.regexp	#9AF5D5	—
string.regexp.character-class, string.regexp constant.character.escape, string.regexp source.ruby.embedded, string.regexp string.regexp.arbitrary-repitition	#9AF5D5	—
string.regexp constant.character.escape	#5EEFC4	bold
support.constant	#5CE6D0	—
support.variable	#5CE6D0	—
support.type.property-name.json	#5EEFC4	—
meta.module-reference	#5CE6D0	—
punctuation.definition.list.begin.markdown	#D3E87A	—
markup.heading, markup.heading entity.name	#5CE6D0	bold
markup.quote	#5EEFC4	—
markup.italic	#e6edf3	italic
markup.bold	#e6edf3	bold
markup.underline	—	underline
markup.strikethrough	—	strikethrough
markup.inline.raw	#5CE6D0	—
markup.deleted, meta.diff.header.from-file, punctuation.definition.deleted	#ffa198	—
punctuation.section.embedded	#ff7b72	—
markup.inserted, meta.diff.header.to-file, punctuation.definition.inserted	#5EEFC4	—
markup.changed, punctuation.definition.changed	#D3E87A	—
markup.ignored, markup.untracked	#161b22	—
meta.diff.range	#62C7B5	bold
meta.diff.header	#5CE6D0	—
meta.separator	#5CE6D0	bold
meta.output	#5CE6D0	—
brackethighlighter.tag, brackethighlighter.curly, brackethighlighter.round, brackethighlighter.square, brackethighlighter.angle, brackethighlighter.quote	#8b949e	—
brackethighlighter.unmatched	#ffa198	—
constant.other.reference.link, string.other.link	#9AF5D5	—

VS Code preview

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

Murad AMOLED — Murad Nilkantha

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

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

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

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

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

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

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

Problems1

Output

Debug Console

Terminal

Ports

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

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBorder#40F0FF
activityBar.background#000000
activityBar.border#000000
activityBar.foreground#e1e4e8
activityBar.inactiveForeground#6a737d
activityBarBadge.background#0D7A9E
activityBarBadge.foreground#E0FBFF
badge.background#0A1524
badge.foreground#B8F0FF
breadcrumb.activeSelectionForeground#d1d5da
breadcrumb.focusForeground#e1e4e8
breadcrumb.foreground#959da5
breadcrumbPicker.background#2b3036
button.background#0D7A9E
button.fontWeight700
button.foreground#E0FBFF
button.hoverBackground#1290B8
button.secondaryBackground#444d56
button.secondaryForeground#fff
button.secondaryHoverBackground#586069
checkbox.background#444d56
checkbox.border#000000
debugConsole.errorForeground#ffa198
debugConsole.infoForeground#8b949e
debugConsole.sourceForeground#e3b341
debugConsole.warningForeground#d29922
debugConsoleInputIcon.foreground#40F0FF
debugIcon.breakpointForeground#f85149
debugTokenExpression.boolean#4AC8F0
debugTokenExpression.error#ff7265
debugTokenExpression.name#40F0FF
debugTokenExpression.number#7CE8F2
debugTokenExpression.string#A8F5FF
debugTokenExpression.value#A8F5FF
debugToolBar.background#2b3036
descriptionForeground#959da5
diffEditor.insertedLineBackground#0D7A9E28
diffEditor.insertedTextBackground#2BC8E833
diffEditor.removedLineBackground#da363326
diffEditor.removedTextBackground#d73a4930
dropdown.background#000000
dropdown.border#242429
dropdown.foreground#e1e4e8
dropdown.listBackground#000000
editor.background#000000
editor.findMatchBackground#2BC8E855
editor.findMatchHighlightBackground#2BC8E82A
editor.focusedStackFrameHighlightBackground#2b6a3033
editor.foldBackground#58606915
editor.foreground#e1e4e8
editor.inactiveSelectionBackground#2BC8E822
editor.lineHighlightBackground#060B11
editor.linkedEditingBackground#2BC8E822
editor.selectionBackground#2BC8E844
editor.selectionHighlightBackground#40F0FF3D
editor.selectionHighlightBorder#17C8E500
editor.stackFrameHighlightBackground#C6902625
editor.wordHighlightBackground#2BC8E81F
editor.wordHighlightBorder#2BC8E899
editor.wordHighlightStrongBackground#40F0FF2B
editor.wordHighlightStrongBorder#40F0FF88
editorBracketHighlight.foreground1#40F0FF
editorBracketHighlight.foreground2#A8F5FF
editorBracketHighlight.foreground3#C084FC
editorBracketHighlight.foreground4#7CF5FF
editorBracketHighlight.foreground5#3DB8E8
editorBracketHighlight.foreground6#B8F0FF
editorBracketHighlight.unexpectedBracket.foreground#7d8590
editorBracketMatch.background#2BC8E838
editorBracketMatch.border#40F0FFAA
editorCursor.foreground#40F0FF
editorError.foreground#f97583
editorGroup.border#000000
editorGroupHeader.tabsBackground#000000
editorGroupHeader.tabsBorder#000000
editorGutter.addedBackground#40F0FF
editorGutter.deletedBackground#FF7B8A
editorGutter.modifiedBackground#3DB8E8
editorIndentGuide.activeBackground#000000
editorIndentGuide.background#000000
editorInlayHint.background#8b949e33
editorInlayHint.foreground#7d8590
editorInlayHint.paramBackground#8b949e33
editorInlayHint.paramForeground#7d8590
editorInlayHint.typeBackground#8b949e33
editorInlayHint.typeForeground#7d8590
editorLineNumber.activeForeground#e1e4e8
editorLineNumber.foreground#324550
editorOverviewRuler.border#000000
editorWarning.foreground#A5B4FC
editorWhitespace.foreground#444d56
editorWidget.background#000000
errorForeground#f97583
focusBorder#40F0FF
foreground#d1d5da
gitDecoration.addedResourceForeground#40F0FF
gitDecoration.conflictingResourceForeground#ffab70
gitDecoration.deletedResourceForeground#ff4a5c
gitDecoration.ignoredResourceForeground#6a737d
gitDecoration.modifiedResourceForeground#3DB8E8
gitDecoration.submoduleResourceForeground#6a737d
gitDecoration.untrackedResourceForeground#7CE8F2
icon.foreground#7d8590
input.background#000000
input.border#000000
input.foreground#e1e4e8
input.placeholderForeground#959da5
keybindingLabel.foreground#e6edf3
list.activeSelectionBackground#12253D
list.activeSelectionForeground#e1e4e8
list.focusBackground#144A5C
list.focusForeground#E0FBFF
list.highlightForeground#40F0FF
list.hoverBackground#060606
list.hoverForeground#e1e4e8
list.inactiveFocusBackground#0C1D2D
list.inactiveSelectionBackground#0A1821
list.inactiveSelectionForeground#e1e4e8
minimapSlider.activeBackground#31313147
minimapSlider.background#31313133
minimapSlider.hoverBackground#3131313d
notificationCenterHeader.background#000000
notificationCenterHeader.foreground#959da5
notifications.background#000000
notifications.border#000000
notifications.foreground#e1e4e8
notificationsErrorIcon.foreground#ff7d8a
notificationsInfoIcon.foreground#79b8ff
notificationsWarningIcon.foreground#ffbdbd
panel.background#000000
panel.border#000000
panelInput.border#151618
panelTitle.activeBorder#40F0FF
panelTitle.activeForeground#e1e4e8
panelTitle.inactiveForeground#959da5
peekViewEditor.background#00000088
peekViewEditor.matchHighlightBackground#ffd33d33
peekViewResult.background#000000
peekViewResult.matchHighlightBackground#ffd33d33
pickerGroup.border#444d56
pickerGroup.foreground#e1e4e8
progressBar.background#2BC8E8
quickInput.background#000000
quickInput.foreground#e1e4e8
scrollbar.shadow#0008
scrollbarSlider.activeBackground#31313188
scrollbarSlider.background#31313133
scrollbarSlider.hoverBackground#31313144
settings.dropdownBackground#000000
settings.headerForeground#e1e4e8
settings.modifiedItemIndicator#40F0FF
sideBar.background#000000
sideBar.border#000000
sideBar.foreground#d1d5da
sideBarSectionHeader.background#000000
sideBarSectionHeader.border#000000
sideBarSectionHeader.foreground#e1e4e8
sideBarTitle.foreground#e1e4e8
statusBar.background#000000
statusBar.border#000000
statusBar.debuggingBackground#0a0a0a
statusBar.debuggingForeground#fff
statusBar.focusBorder#2BC8E8
statusBar.foreground#d1d5da
statusBar.noFolderBackground#000000
statusBarItem.activeBackground#e6edf31f
statusBarItem.focusBorder#40F0FF
statusBarItem.hoverBackground#e6edf314
statusBarItem.prominentBackground#000000
statusBarItem.remoteBackground#000000
statusBarItem.remoteForeground#d1d5da
symbolIcon.arrayForeground#ff9448
symbolIcon.booleanForeground#58a6ff
symbolIcon.classForeground#ff8f40
symbolIcon.colorForeground#79b8ff
symbolIcon.constantForeground#aff5b4#7ee787#56d364#3fb950#2ea043#238636#196c2e#0f5323#033a16#04260f
symbolIcon.constructorForeground#C084FC
symbolIcon.enumeratorForeground#ff9040
symbolIcon.enumeratorMemberForeground#58a6ff
symbolIcon.eventForeground#6e7681
symbolIcon.fieldForeground#ff9143
symbolIcon.fileForeground#ffbd2e
symbolIcon.folderForeground#ffbd2d
symbolIcon.functionForeground#40F0FF
symbolIcon.interfaceForeground#f0883e
symbolIcon.keyForeground#58a6ff
symbolIcon.keywordForeground#ff7b72
symbolIcon.methodForeground#40F0FF
symbolIcon.moduleForeground#ff7b72
symbolIcon.namespaceForeground#ff7b72
symbolIcon.nullForeground#58a6ff
symbolIcon.numberForeground#3fb950
symbolIcon.objectForeground#f0883e
symbolIcon.operatorForeground#79b8ff
symbolIcon.packageForeground#f0883e
symbolIcon.propertyForeground#f0883e
symbolIcon.referenceForeground#58a6ff
symbolIcon.snippetForeground#58a6ff
symbolIcon.stringForeground#79b8ff
symbolIcon.structForeground#f0883e
symbolIcon.textForeground#79b8ff
symbolIcon.typeParameterForeground#79b8ff
symbolIcon.unitForeground#58a6ff
symbolIcon.variableForeground#f0883e
tab.activeBackground#000000
tab.activeBorder#000000
tab.activeBorderTop#40F0FF
tab.activeForeground#e1e4e8
tab.border#000000
tab.hoverBackground#000000
tab.inactiveBackground#000000
tab.inactiveForeground#959da5
tab.unfocusedActiveBorder#000000
tab.unfocusedActiveBorderTop#000000
tab.unfocusedHoverBackground#000000
terminal.ansiBlack#586069
terminal.ansiBlue#C084FC
terminal.ansiBrightBlack#959da5
terminal.ansiBrightBlue#7DE8FF
terminal.ansiBrightCyan#8CF5FF
terminal.ansiBrightGreen#7CF5FF
terminal.ansiBrightMagenta#A8F5FF
terminal.ansiBrightRed#f97583
terminal.ansiBrightWhite#fafbfc
terminal.ansiBrightYellow#f3ff9a
terminal.ansiCyan#5CE8F5
terminal.ansiGreen#40F0FF
terminal.ansiMagenta#B794F6
terminal.ansiRed#ff808c
terminal.ansiWhite#d1d5da
terminal.ansiYellow#feffe8
terminal.foreground#d1d5da
terminal.tab.activeBorder#40F0FF
terminalCursor.background#586069
terminalCursor.foreground#40F0FF
textBlockQuote.background#000000
textBlockQuote.border#444d56
textCodeBlock.background#2f363d
textLink.activeForeground#A8F5FF
textLink.foreground#40F0FF
textPreformat.foreground#d1d5da
textSeparator.foreground#586069
titleBar.activeBackground#000000
titleBar.activeForeground#e1e4e8
titleBar.border#000000
titleBar.inactiveBackground#000000
titleBar.inactiveForeground#959da5
tree.indentGuidesStroke#2f363d
welcomePage.buttonBackground#0D7A9E
welcomePage.buttonHoverBackground#1290B8

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment, string.comment	#64748B	italic
constant.other.placeholder, constant.character	#ff7b72	—
constant, entity.name.constant, variable.other.constant, variable.other.enummember, variable.language, entity	#5CE8F5	—
entity, entity.name	#C084FC	—
entity.name, meta.export.default, meta.definition.variable	#A5B4FC	—
variable.parameter.function, meta.jsx.children, meta.block, meta.tag.attributes, entity.name.constant, meta.object.member, meta.embedded.expression	#e6edf3	—
entity.name.function	#C084FC	—
entity.name.tag, support.class.component	#40F0FF	—
keyword	#ff7b72	—
storage, storage.type	#ff7b72	—
storage.modifier.package, storage.modifier.import, storage.type.java	#e6edf3	—
string, string punctuation.section.embedded source	#A8F5FF	—
support	#5CE8F5	—
meta.property-name	#5CE8F5	—
variable	#A5B4FC	—
variable.other	#e6edf3	—
invalid.broken	#ffa198	italic
invalid.deprecated	#ffa198	italic
invalid.illegal	#ffa198	italic
invalid.unimplemented	#ffa198	italic
carriage-return	#f0f6fc	italic underline
message.error	#ffa198	—
string variable	#5CE8F5	—
source.regexp, string.regexp	#A8F5FF	—
string.regexp.character-class, string.regexp constant.character.escape, string.regexp source.ruby.embedded, string.regexp string.regexp.arbitrary-repitition	#A8F5FF	—
string.regexp constant.character.escape	#40F0FF	bold
support.constant	#5CE8F5	—
support.variable	#5CE8F5	—
support.type.property-name.json	#40F0FF	—
meta.module-reference	#5CE8F5	—
punctuation.definition.list.begin.markdown	#A5B4FC	—
markup.heading, markup.heading entity.name	#5CE8F5	bold
markup.quote	#40F0FF	—
markup.italic	#e6edf3	italic
markup.bold	#e6edf3	bold
markup.underline	—	underline
markup.strikethrough	—	strikethrough
markup.inline.raw	#5CE8F5	—
markup.deleted, meta.diff.header.from-file, punctuation.definition.deleted	#ffa198	—
punctuation.section.embedded	#ff7b72	—
markup.inserted, meta.diff.header.to-file, punctuation.definition.inserted	#40F0FF	—
markup.changed, punctuation.definition.changed	#A5B4FC	—
markup.ignored, markup.untracked	#161b22	—
meta.diff.range	#C084FC	bold
meta.diff.header	#5CE8F5	—
meta.separator	#5CE8F5	bold
meta.output	#5CE8F5	—
brackethighlighter.tag, brackethighlighter.curly, brackethighlighter.round, brackethighlighter.square, brackethighlighter.angle, brackethighlighter.quote	#8b949e	—
brackethighlighter.unmatched	#ffa198	—
constant.other.reference.link, string.other.link	#A8F5FF	—