The Best Themes for programmers

Name: The Best Themes for programmers
Author: Estevam Souza

Publisher: Estevam SouzaThemes in package: 127

🎨🚀 A never seen collection of 165 hand crafted themes no where to be found on Internet 💻

Open in VS Code GitHub

Color themes

VS Code preview

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

The Best Themes for programmers — Shades of Purple (Super Dark) · BETA

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#131327
activityBar.activeBorder#6943ff62
activityBar.background#15152a
activityBar.border#131327
activityBar.dropBackground#222145
activityBar.foreground#FFFFFF
activityBar.inactiveForeground#A599E9
activityBarBadge.background#FAD000
activityBarBadge.foreground#15152b
badge.background#FAD000
badge.foreground#15152b
breadcrumb.activeSelectionForeground#FFFFFF
breadcrumb.focusForeground#FAD000
breadcrumb.foreground#A599E9
breadcrumbPicker.background#15152b
button.background#FAD000dd
button.foreground#131327
button.hoverBackground#FAD000
button.secondaryBackground#A599E9cc
button.secondaryForeground#131327
button.secondaryHoverBackground#A599E9
checkbox.background#131327
checkbox.foreground#FAD000
contrastActiveBorder#FFFFFF00
contrastBorder#FFFFFF00
debugExceptionWidget.background#15152b
debugExceptionWidget.border#A599E9
debugIcon.continueForeground#FAD000
debugIcon.disconnectForeground#FAD000
debugIcon.pauseForeground#FAD000
debugIcon.restartForeground#3AD900
debugIcon.startForeground#FAD000
debugIcon.stepBackForeground#FAD000
debugIcon.stepIntoForeground#FAD000
debugIcon.stepOutForeground#FAD000
debugIcon.stepOverForeground#FAD000
debugIcon.stopForeground#EC3A37F5
debugToolBar.background#15152b
descriptionForeground#A599E9
diffEditor.insertedTextBackground#00FF000E
diffEditor.insertedTextBorder#00FF009A
diffEditor.removedTextBackground#FF000D1A
diffEditor.removedTextBorder#FF000D81
dropdown.background#15152b
dropdown.border#15152b
dropdown.foreground#FFFFFF
editor.background#191830
editor.findMatchBackground#ff7300ab
editor.findMatchHighlightBackground#FFFF0336
editor.findRangeHighlightBackground#FFFF0336
editor.foreground#FFFFFF
editor.hoverHighlightBackground#1E1E3F80
editor.inactiveSelectionBackground#7580B8C0
editor.lineHighlightBackground#1F1F41
editor.lineHighlightBorder#1F1F41
editor.linkedEditingBackground#7E46DFAA
editor.rangeHighlightBackground#1F1F41
editor.selectionBackground#5706a288
editor.selectionHighlightBackground#7E46DF46
editor.snippetFinalTabstopHighlightBackground#6943ff62
editor.snippetFinalTabstopHighlightBorder#6943ff62
editor.snippetTabstopHighlightBackground#6943ff62
editor.snippetTabstopHighlightBorder#6943ff62
editor.wordHighlightBackground#FFFFFF0D
editor.wordHighlightStrongBackground#FFFFFF0D
editorBracketMatch.background#AD70FC46
editorBracketMatch.border#AD70FC46
editorCodeLens.foreground#A599E9
editorCursor.foreground#FAD000
editorError.foreground#EC3A37F5
editorGroup.border#131327
editorGroup.dropBackground#131327D0
editorGroupHeader.noTabsBackground#191830
editorGroupHeader.tabsBackground#191830
editorGroupHeader.tabsBorder#1F1F41
editorGutter.addedBackground#35AD68
editorGutter.background#15152a
editorGutter.deletedBackground#EC3A37F5
editorGutter.modifiedBackground#AD70FC46
editorHoverWidget.background#161633
editorHoverWidget.border#161633
editorIndentGuide.activeBackground#A599E942
editorIndentGuide.background#A599E90F
editorLineNumber.foreground#7870ab
editorLink.activeForeground#A599E9
editorMarkerNavigation.background#3B536433
editorMarkerNavigationError.background#EC3A37F5
editorMarkerNavigationWarning.background#FAD000
editorOverviewRuler.border#A599E91C
editorOverviewRuler.commonContentForeground#FFC60055
editorOverviewRuler.currentContentForeground#EE3A4355
editorOverviewRuler.incomingContentForeground#3AD90055
editorRuler.foreground#A599E91C
editorSuggestWidget.background#1F1F41
editorSuggestWidget.border#1F1F41
editorSuggestWidget.foreground#A599E9
editorSuggestWidget.highlightForeground#FAD000
editorSuggestWidget.selectedBackground#191830
editorWarning.border#FFFFFF00
editorWarning.foreground#FAD000
editorWhitespace.foreground#FFFFFF1A
editorWidget.background#131327
editorWidget.border#1F1F41
errorForeground#EC3A37F5
extensionButton.prominentBackground#5D37F0
extensionButton.prominentForeground#FFFFFF
extensionButton.prominentHoverBackground#FF9D00
focusBorder#15152b
foreground#A599E9
gitDecoration.conflictingResourceForeground#FF7200
gitDecoration.deletedResourceForeground#EC3A37F5
gitDecoration.ignoredResourceForeground#A599E981
gitDecoration.modifiedResourceForeground#FAD000
gitDecoration.untrackedResourceForeground#3AD900
input.background#191830
input.border#15152b
input.foreground#FAD000
input.placeholderForeground#A599E9
inputOption.activeBackground#5D37F0
inputOption.activeBorder#15152b
inputValidation.errorBackground#191830
inputValidation.errorBorder#FAD000
inputValidation.infoBackground#191830
inputValidation.infoBorder#191830
inputValidation.warningBackground#191830
inputValidation.warningBorder#FAD000
list.activeSelectionBackground#191830
list.activeSelectionForeground#FFFFFF
list.dropBackground#191830
list.focusBackground#191830
list.focusForeground#FFFFFF
list.highlightForeground#FAD000
list.hoverBackground#191830
list.hoverForeground#CEC5FF
list.inactiveSelectionBackground#191830
list.inactiveSelectionForeground#AAA
listFilterWidget.background#191830
listFilterWidget.noMatchesOutline#EC3A37F5
listFilterWidget.outline#191830
menu.separatorBackground#A599E9
merge.border#FFFFFF00
merge.commonContentBackground#A599E981
merge.commonHeaderBackground#A599E981
merge.currentContentBackground#3ad90093
merge.currentHeaderBackground#3ad90093
merge.incomingContentBackground#ff730086
merge.incomingHeaderBackground#ff730086
notificationCenter.border#15152b
notificationCenterHeader.background#6943FF
notificationCenterHeader.foreground#FFFFFF
notificationLink.foreground#FFFFFF
notifications.background#15152b
notifications.border#191830
notifications.foreground#CEC5FF
notificationToast.border#15152b
panel.background#15152b
panel.border#FAD000
panelTitle.activeBorder#FAD000
panelTitle.activeForeground#FAD000
panelTitle.inactiveForeground#A599E9
peekView.border#FAD000
peekViewEditor.background#15152b
peekViewEditor.matchHighlightBackground#19354900
peekViewEditorGutter.background#191935
peekViewResult.background#15152b
peekViewResult.fileForeground#AAA
peekViewResult.lineForeground#FFFFFF
peekViewResult.matchHighlightBackground#191830
peekViewResult.selectionBackground#191830
peekViewResult.selectionForeground#FFFFFF
peekViewTitle.background#1F1F41
peekViewTitleDescription.foreground#AAA
peekViewTitleLabel.foreground#FAD000
pickerGroup.border#15152b
pickerGroup.foreground#A599E9
progressBar.background#FAD000
sash.hoverBorder#FAD000
scrollbar.shadow#a599e981
scrollbarSlider.activeBackground#FAD000
scrollbarSlider.background#a599e981
scrollbarSlider.hoverBackground#4D21FC
selection.background#5706a2
settings.checkboxBackground#15152b
settings.checkboxBorder#15152b
settings.checkboxForeground#E5E4FB
settings.dropdownBackground#15152b
settings.dropdownBorder#15152b
settings.dropdownForeground#E5E4FB
settings.dropdownListBorder#191830
settings.headerForeground#FFFFFF
settings.modifiedItemIndicator#FAD000
settings.numberInputBackground#15152b
settings.numberInputBorder#15152b
settings.numberInputForeground#E5E4FB
settings.textInputBackground#15152b
settings.textInputBorder#15152b
settings.textInputForeground#E5E4FB
sideBar.background#131327
sideBar.border#1a1a35
sideBar.foreground#A599E9
sideBarSectionHeader.background#15152b
sideBarSectionHeader.border#15152b
sideBarSectionHeader.foreground#A599E9
sideBarTitle.foreground#A599E9
statusBar.background#15152b
statusBar.border#15152b
statusBar.debuggingBackground#FAD000
statusBar.debuggingForeground#15152b
statusBar.foreground#A599E9
statusBar.noFolderBackground#15152b
statusBar.noFolderForeground#A599E9
statusBarItem.activeBackground#4D21FC
statusBarItem.hoverBackground#4D21FC
statusBarItem.prominentBackground#15152b
statusBarItem.prominentHoverBackground#191830
tab.activeBackground#131327
tab.activeBorder#FAD000
tab.activeForeground#FFFFFF
tab.activeModifiedBorder#A599E9
tab.border#15152b
tab.inactiveBackground#191830
tab.inactiveForeground#A599E9
tab.inactiveModifiedBorder#A599E966
tab.unfocusedActiveForeground#A599E9
tab.unfocusedActiveModifiedBorder#A599E966
tab.unfocusedInactiveForeground#A599E9
tab.unfocusedInactiveModifiedBorder#A599E966
terminal.ansiBlack#000000
terminal.ansiBlue#7857fe
terminal.ansiBrightBlack#5C5C61
terminal.ansiBrightBlue#6943FF
terminal.ansiBrightCyan#80FCFF
terminal.ansiBrightGreen#3AD900
terminal.ansiBrightMagenta#FB94FF
terminal.ansiBrightRed#EC3A37F5
terminal.ansiBrightWhite#FFFFFF
terminal.ansiBrightYellow#FAD000
terminal.ansiCyan#80FCFF
terminal.ansiGreen#3AD900
terminal.ansiMagenta#FF2C70
terminal.ansiRed#EC3A37F5
terminal.ansiWhite#FFFFFF
terminal.ansiYellow#FAD000
terminal.background#15152b
terminal.foreground#FFFFFF
terminalCursor.background#FAD000
terminalCursor.foreground#FAD000
textBlockQuote.background#15152b
textBlockQuote.border#6943FF
textCodeBlock.background#15152b
textLink.activeForeground#5706a2
textLink.foreground#5706a2
textPreformat.foreground#FAD000
textSeparator.foreground#15152b
titleBar.activeBackground#15152b
titleBar.activeForeground#FFFFFF
titleBar.inactiveBackground#15152b
titleBar.inactiveForeground#A599E9
walkThrough.embeddedEditorBackground#15152b
welcomePage.buttonBackground#15152b
welcomePage.buttonHoverBackground#262650
widget.shadow#00000026

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#B362FF	—
entity	#FAD000	—
constant	#FF628C	—
keyword, storage.type.class.js	#FF9D00	—
meta	#9EFFFF	—
invalid	#EC3A37F5	—
meta.brace, punctuation.definition.parameters.begin.js, punctuation.definition.parameters.end.js	#E1EFFF	—
punctuation	#E1EFFF	—
punctuation.definition.parameters	#FFEE80	—
punctuation.definition.template-expression	#FFEE80	—
storage	#FAD000	—
storage.type.function.arrow	#FAD000	—
string, punctuation.definition.string	#A5FF90	—
string.template, punctuation.definition.string.template	#3AD900	—
support	#80FFBB	—
support.function	#FF9D00	—
support.variable.property.dom	#9EFFFF	—
variable	#E1EFFF	—
source.ini entity, meta.embedded.block.ini, source.ini	#E1EFFF	—
source.ini keyword, keyword.other.definition.ini	#FAD000	—
source.ini punctuation.definition	#FFEE80	—
source.ini punctuation.separator, punctuation.separator.key-value.ini	#FF9D00	—
source.css entity, source.stylus entity	#3AD900	—
entity.other.attribute-name.class.css	#9EFFFF	—
entity.other.attribute-name.id.css, entity.other.attribute-name.pseudo-class.css	#FFB454	—
entity.name.tag	#9EFFFF	—
source.css support, entity.name.tag.css, source.stylus support	#A5FF90	—
source.css constant, source.css support.constant, source.stylus constant, source.stylus support.constant	#FFEE80	—
source.css string, source.css punctuation.definition.string, source.stylus string, source.stylus punctuation.definition.string	#FFEE80	—
source.css variable, source.stylus variable	#9EFFFF	—
text.html.basic entity.name, punctuation.definition.tag.html, entity.name.tag.inline.any.html, meta.tag.other.html, meta.tag.inline.any.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, entity.name.tag, meta.tag.other.html, meta.tag.other.js, meta.tag.other.tsx, entity.name.tag.tsx, entity.name.tag.js, entity.name.tag, meta.tag.js, meta.tag.tsx, meta.tag.html	#9EFFFF	—
meta.toc-list.id.html	#A5FF90	—
text.html.basic entity.other	#FAD000	—
meta.tag.metadata.script.html entity.name.tag.html	#FAD000	—
punctuation.definition.string.begin, punctuation.definition.string.end	#92FC79	—
meta.tag.inline.any.html, meta.tag.other	#FF9D00	—
source.json support	#FAD000	—
source.json string, source.json punctuation.definition.string	#92FC79	—
source.js storage.type.function	#FB94FF	—
variable.language, entity.name.type.class.js	#FB94FF	—
entity.other.inherited-class	#FFEE80	—
storage.type.extends.js, storage.type.class.jsdoc	#FF9D00	—
punctuation.definition.block.tag.jsdoc	#FF9D00	—
variable.other.jsdoc, entity.name.type.instance.jsdoc	#9EFFFF	—
variable.other.constant	#9EFFFF	—
punctuation.definition.tag.begin.js, punctuation.definition.tag.end.js	#9EFFFF	—
meta.jsx.children.js	#FFFFFF	—
storage.type, storage.type.class, storage.modifier, keyword.control, keyword.operator	#FF9D00	—
punctuation.definition.bracket.curly	#494685	—
keyword.operator.assignment.tsx, keyword.operator.assignment.jsx	#FF9D00	—
keyword.operator.assignment	#FF9D00	—
meta.jsx.children.tsx	#FFFFFF	—
meta.object-literal.key.js	#80FFBB	—
entity.name.type.class.tsx, entity.name.type.class.jsx, variable.other.readwrite.alias.tsx, variable.other.readwrite.tsx, variable.other.readwrite.alias.ts, variable.other.readwrite.alias.jsx, variable.other.readwrite.alias.js, variable.other.object.tsx, variable.other.object.jsx, variable.other.object, support.class.component.tsx, support.class.component.jsx, entity.name.type.tsx, entity.name.type.jsx, variable.other.readwrite, variable.other.object.js	#9EFFFF	—
variable.other.property, variable.other.object.property	#FFEE80	—
JSXNested	#FFFFFF	—
variable.parameter	#9EFFFF	—
variable.parameter.function.language.special.self.python	#9EFFFF	—
meta.function-call.python, meta.function-call.generic.python, support.function.builtin.python	#FAD000	—
source.ts entity.name.type	#80FFBB	—
source.ts keyword	#FAD000	—
source.ts punctuation.definition.parameters	#E1EFFF	—
meta.arrow.ts punctuation.definition.parameters	#FFEE80	—
source.ts storage	#9EFFFF	—
entity.name.section.markdown, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown	#FAD000	bold
markup.inserted.diff, punctuation.definition.inserted.diff	#8efa00	—
markup.deleted.diff, punctuation.definition.deleted.diff	#F16E6B	—
meta.embedded.block.diff	#FFFFFF	—
meta.paragraph.markdown	#FFFFFF	—
punctuation.definition.from-file.diff, meta.diff.header.from-file	#5706a2	—
markup.inline.raw.string.markdown	#A599E9	—
beginning.punctuation.definition.quote.markdown	#FAD000	—
markup.quote.markdown meta.paragraph.markdown, punctuation.definition.quote.begin.markdown	#A599E9	—
meta.separator.markdown	#FAD000	—
markup.bold.markdown	—	bold
markup.italic.markdown	—	italic
beginning.punctuation.definition.list.markdown, punctuation.definition.list.begin.markdown, markup.list.unnumbered.markdown	#FAD000	—
string.other.link.description.title.markdown punctuation.definition.string.markdown, meta.link.inline.markdown string.other.link.description.title.markdown, string.other.link.description.title.markdown punctuation.definition.string.begin.markdown, string.other.link.description.title.markdown punctuation.definition.string.end.markdown, meta.image.inline.markdown string.other.link.description.title.markdown	#A5FF90
meta.link.inline.markdown string.other.link.title.markdown, meta.link.reference.markdown string.other.link.title.markdown, meta.link.reference.def.markdown markup.underline.link.markdown	#FAD000	underline
markup.underline.link.markdown, string.other.link.description.title.markdown	#A599E9	—
fenced_code.block.language, markup.inline.raw.markdown	#9EFFFF	—
punctuation.definition.markdown, punctuation.definition.raw.markdown, punctuation.definition.heading.markdown, punctuation.definition.bold.markdown, punctuation.definition.italic.markdown	#494685	—
meta.link.inline.markdown punctuation.definition.string.begin.markdown, meta.link.inline.markdown punctuation.definition.string.end.markdown, meta.link.reference.markdown punctuation.definition.string.begin.markdown, meta.link.reference.markdown punctuation.definition.string.end.markdown, string.other.link.description.markdown	#FAD000	—
meta.image.inline.markdown punctuation.definition.string.begin.markdown, meta.image.inline.markdown punctuation.definition.string.end.markdown, string.other.link.description.markdown	#FF9D00	—
markup.underline.link.markdown, punctuation.definition.metadata.markdown, markup.underline.link.image.markdown, constant.other.reference.link.markdown, punctuation.definition.constant.markdown, punctuation.definition.constant.begin.markdown, punctuation.definition.constant.end.markdown	#A599E9	—
text.jade entity.name	#9EFFFF	—
storage.type.function.pug	#FF9D00	—
variable.parameter.function.js	#9EFFFF	—
variable.control.import.include.pug	#92FC79	—
text.jade string.interpolated	#FFEE80	—
storage.type.cs	#9EFFFF	—
entity.name.variable.property.cs	#9EFFFF	—
storage.modifier.cs	#80FFBB	—
source.php entity, variable.other.class.php	#9EFFFF	—
keyword.other.phpdoc.php	#FF9D00	—
entity.name.function.php, support.function.basic_functions.php, meta.function-call.php, variable.other.property	#FAD000	—
variable.other.php, punctuation.definition.variable.php, variable.other.global.php, variable.language.this.php	#9EFFFF	—
storage.modifier.php, keyword.other.namespace.php	#FF9D00	—
entity.name.tag.yaml	#FAD000	—
punctuation.definition.block.sequence.item.yaml	#E1EFFF	—
storage.type.function.php, meta.function.parameters.php	#FB94FF	—
keyword.blade	#FF9D00	—
begin.bracket.round.blade.php, end.bracket.round.blade.php	#E1EFFF	—
support.function.construct.begin.blade, support.function.construct.end.blade	#FFEE80	—
keyword.package.go, keyword.import.go	#FF9D00	—
keyword.function.go	#FB94FF	—
variable.other.assignment.go	#9EFFFF	—
punctuation.definition.string.begin.go, punctuation.definition.string.end.go, support.function.go	#FAD000	—
punctuation.section.embedded.end.ruby, punctuation.section.embedded.begin.ruby, punctuation.section.scope.begin.ruby, punctuation.section.scope.end.ruby	#FFEE80	—
variable.other.constant.ruby	#80FFBB	—
entity.name.type.class.ruby	#FB94FF	—
variable.other.block.ruby, variable.other.ruby	#9EFFFF	—
punctuation.separator.other.ruby	#FF9D00	—
keyword.other.special-method.ruby	#FFEE80	—
storage.type.function.shell	#FB94FF	—
variable.other.special.shell, punctuation.definition.variable.shell	#FF9D00	—
variable.graphql	#FAEFA5	—
keyword.operation.graphql	#FB94FF	—
source.sql	#E1EFFF	—
source.sql keyword.other, support.function.mysqli.php	#FAEFA5	—
support.function.mysqli.php, source.sql support.function	#FAD000	—
string.regexp, string.regexp keyword.other	#E1EFFF	—
keyword.other.DML.sql	#FF9D00	—
punctuation.definition.table.array.toml	#E1EFFF	—
entity.other.attribute-name.table.array.toml, entity.other.attribute-name.table.toml	#FF9D00	—
keyword.key.toml	#FAD000	—
keyword.other.special-method.dockerfile	#FAD000	—
keyword.other.rust	#FF9D00	—
keyword.other.fn.rust	#FB94FF	—
keyword.other.env	#FF9D00	—
variable.other.env	#FAD000	—
source.env	#E1EFFF	—
keyword.other.template.begin.env, keyword.other.template.end.env, keyword.operator.assignment.env	#FF9D00	—
variable.object.property	#9EFFFF	—
string.regexp.js	#FB94FF	—
keyword.rainbow2	#FF9D00	—
keyword.other.nim, keyword.other	#FF9D00	—
keyword.boolean	#FF628C	—
punctuation.pragma.start.nim, punctuation.pragma.end.nim, entity.name.function.nim	#fad000	—
markup.deleted	#F16E6B	—
markup.inserted	#8efa00	—
markup.underline	—	underline
modifier, this, comment, storage.modifier, entity.other.attribute-name, entity.other.attribute-name.html, punctuation.definition.comment, text.html.basic entity.other, entity.other.attribute-name, markup.quote.markdown meta.paragraph.markdown, markup.italic.markdown, text.jade entity.other.attribute-name.tag, keyword.control.from, entity.other.attribute-name.tag.pug	—	italic

VS Code preview

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

The Best Themes for programmers — Slack Choco Mint

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

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

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

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

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

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

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

Problems1

Output

Debug Console

Terminal

Ports

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

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.background#2B231D
activityBar.dropBackground#FFF
activityBar.foreground#FFF
activityBarBadge.background#4BB09E
activityBarBadge.foreground#FFF
badge.background#4BB09E
breadcrumb.focusForeground#4C3C31
breadcrumb.foreground#2B231D
button.background#4C3C31
button.foreground#FFF
button.hoverBackground#2B231D
debugExceptionWidget.background#F6B555
debugExceptionWidget.border#2B231D
debugToolBar.background#2B231D
dropdown.background#FFF
dropdown.border#DCDEDF
dropdown.foreground#DCDEDF
dropdown.listBackground#FFF
editor.background#FFF
editor.findMatchBackground#AED4FB
editor.foreground#000
editor.lineHighlightBackground#EEEEEE
editor.selectionBackground#AED4FB
editor.wordHighlightBackground#AED4FB
editor.wordHighlightStrongBackground#EEEEEE
editorActiveLineNumber.foreground#4C3C31
editorGroup.emptyBackground#564539
editorGroup.focusedEmptyBorder#564539
editorGroupHeader.tabsBackground#F9F9F9
editorHint.border#F9F9F9
editorHint.foreground#F9F9F9
editorIndentGuide.activeBackground#dbdbdb
editorIndentGuide.background#F3F3F3
editorLineNumber.foreground#b9b9b9
editorMarkerNavigation.background#F9F9F9
editorMarkerNavigationError.background#F44C5E
editorMarkerNavigationInfo.background#6182b8
editorMarkerNavigationWarning.background#F6B555
editorPane.background#564539
editorSuggestWidget.foreground#564539
editorSuggestWidget.highlightForeground#564539
editorSuggestWidget.selectedBackground#b9b9b9
editorWidget.background#F9F9F9
editorWidget.border#dbdbdb
extensionButton.prominentBackground#4C3C31
extensionButton.prominentForeground#F6F6F6
extensionButton.prominentHoverBackground#2B231D
focusBorder#2B231D
foreground#36373B
gitDecoration.addedResourceForeground#ECB22E
gitDecoration.conflictingResourceForeground#FFF
gitDecoration.deletedResourceForeground#FFF
gitDecoration.ignoredResourceForeground#877583
gitDecoration.modifiedResourceForeground#ECB22E
gitDecoration.untrackedResourceForeground#ECB22E
input.background#FFF
input.border#2B231D
input.foreground#000
input.placeholderForeground#a0a0a0
inputOption.activeBorder#3E313C
inputValidation.errorBackground#F44C5E
inputValidation.errorForeground#FFF
inputValidation.infoBackground#6182b8
inputValidation.infoForeground#FFF
inputValidation.warningBackground#F6B555
inputValidation.warningForeground#000
list.activeSelectionBackground#4BB09E
list.activeSelectionForeground#fff
list.focusBackground#4C3C31
list.focusForeground#fff
list.highlightForeground#fff
list.hoverBackground#4C3C31
list.hoverForeground#fff
list.inactiveFocusBackground#2B231D
list.inactiveSelectionBackground#4BB09E
list.inactiveSelectionForeground#fff
list.invalidItemForeground#fff
menu.background#2B231D
menu.foreground#F9FAFA
menu.separatorBackground#F9FAFA
notificationCenter.border#2B231D
notificationCenterHeader.foreground#FFF
notificationLink.foreground#FFF
notifications.background#2B231D
notifications.border#2B231D
notifications.foreground#FFF
notificationToast.border#2B231D
panel.border#564539
panelTitle.activeForeground#2B231D
peekViewEditor.matchHighlightBorder#2B231D
peekViewTitleDescription.foreground#685C66
peekViewTitleLabel.foreground#2D3E4C
progressBar.background#4BB09E
scrollbar.shadow#ffffff00
scrollbarSlider.activeBackground#2B231D7e
scrollbarSlider.background#2B231D7e
scrollbarSlider.hoverBackground#2B231D7e
settings.dropdownBorder#2B231D
settings.dropdownForeground#2B231D
settings.headerForeground#2B231D
sideBar.background#564539
sideBar.foreground#DCDEDF
sideBarSectionHeader.background#2B231D
sideBarSectionHeader.foreground#FFF
sideBarTitle.foreground#FFF
statusBar.background#4BB09E
statusBar.debuggingBackground#4BB09E
statusBar.foreground#FFF
statusBar.noFolderBackground#2B231D
symbolIcon.arrayForeground#c9b9c5
symbolIcon.booleanForeground#c9b9c5
symbolIcon.classForeground#c9b9c5
symbolIcon.colorForeground#c9b9c5
symbolIcon.constantForeground#c9b9c5
symbolIcon.constructorForeground#c9b9c5
symbolIcon.enumeratorForeground#c9b9c5
symbolIcon.enumeratorMemberForeground#c9b9c5
symbolIcon.eventForeground#c9b9c5
symbolIcon.fieldForeground#c9b9c5
symbolIcon.fileForeground#c9b9c5
symbolIcon.folderForeground#c9b9c5
symbolIcon.functionForeground#c9b9c5
symbolIcon.interfaceForeground#c9b9c5
symbolIcon.keyForeground#c9b9c5
symbolIcon.keywordForeground#c9b9c5
symbolIcon.methodForeground#c9b9c5
symbolIcon.moduleForeground#c9b9c5
symbolIcon.namespaceForeground#c9b9c5
symbolIcon.nullForeground#c9b9c5
symbolIcon.numberForeground#c9b9c5
symbolIcon.objectForeground#c9b9c5
symbolIcon.operatorForeground#c9b9c5
symbolIcon.packageForeground#c9b9c5
symbolIcon.propertyForeground#c9b9c5
symbolIcon.referenceForeground#c9b9c5
symbolIcon.snippetForeground#c9b9c5
symbolIcon.stringForeground#c9b9c5
symbolIcon.structForeground#c9b9c5
symbolIcon.textForeground#c9b9c5
symbolIcon.typeParameterForeground#c9b9c5
symbolIcon.unitForeground#c9b9c5
symbolIcon.variableForeground#c9b9c5
tab.activeBackground#FFF
tab.activeForeground#000
tab.border#F3F3F3
tab.inactiveBackground#F3F3F3
tab.inactiveForeground#686868
terminal.ansiBlack#000000
terminal.ansiBlue#6182b8
terminal.ansiBrightBlack#90a4ae
terminal.ansiBrightBlue#6182b8
terminal.ansiBrightCyan#39adb5
terminal.ansiBrightGreen#91b859
terminal.ansiBrightMagenta#7c4dff
terminal.ansiBrightRed#e53935
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#ffb62c
terminal.ansiCyan#39adb5
terminal.ansiGreen#91b859
terminal.ansiMagenta#7c4dff
terminal.ansiRed#e53935
terminal.ansiWhite#ffffff
terminal.ansiYellow#ffb62c
terminal.border#564539
terminal.foreground#2B231D
textPreformat.foreground#261C25
titleBar.activeBackground#564539
titleBar.activeForeground#FFF
titleBar.border#564539
titleBar.inactiveBackground#2B231D
titleBar.inactiveForeground#685C66
welcomePage.buttonBackground#F3F3F3
welcomePage.buttonHoverBackground#ECECEC
widget.shadow#2B231D94

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
—	#002339	—
meta.paragraph.markdown, string.other.link.description.title.markdown	#110000	—
entity.name.section.markdown, punctuation.definition.heading.markdown	#034c7c	—
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, markup.quote.markdown	#00AC8F	—
markup.quote.markdown	#003494	italic
markup.bold.markdown, punctuation.definition.bold.markdown	#4e76b5	bold
markup.italic.markdown, punctuation.definition.italic.markdown	#C792EA	italic
markup.inline.raw.string.markdown, markup.fenced_code.block.markdown	#0460b1	italic
punctuation.definition.metadata.markdown	#00AC8F	—
markup.underline.link.image.markdown, markup.underline.link.markdown	#924205	—
comment	#357b42	italic
string	#a44185	—
constant.numeric	#174781	—
constant	#174781	—
language.method	#174781	—
constant.character, constant.other	#174781	—
variable	#2f86d2
variable.language.this	#000000
keyword	#7b30d0
storage	#da5221
storage.type	#0991b6
entity.name.class	#1172c7	—
entity.other.inherited-class	#b02767
entity.name.function	#7eb233
variable.parameter	#b1108e
entity.name.tag	#0444ac
text.html.basic	#0071ce
entity.name.type	#0444ac	—
entity.other.attribute-name	#df8618	italic
support.function	#1ab394
support.constant	#174781
support.type, support.class	#dc3eb7	—
support.other.variable	#224555	—
invalid	#207bb8	italic bold underline
invalid.deprecated	#207bb8	bold italic underline
source.json support	#6dbdfa	—
source.json string, source.json punctuation.definition.string	#00820f	—
markup.list	#207bb8	—
markup.heading punctuation.definition.heading, entity.name.section	#4FB4D8
text.html.markdown meta.paragraph meta.link.inline, text.html.markdown meta.paragraph meta.link.inline punctuation.definition.string.begin.markdown, text.html.markdown meta.paragraph meta.link.inline punctuation.definition.string.end.markdown	#87429A	—
markup.quote	#87429A	—
markup.bold	#08134A	bold
markup.italic, punctuation.definition.italic	#174781	italic
meta.link	#87429A	—

VS Code preview

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

The Best Themes for programmers — Slack Dark Mode

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

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

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

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

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

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

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

Problems1

Output

Debug Console

Terminal

Ports

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

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.background#222222
activityBarBadge.background#1D978D
button.background#0077B5
button.foreground#FFF
button.hoverBackground#005076
debugExceptionWidget.background#141414
debugExceptionWidget.border#FFF
debugToolBar.background#141414
editor.background#222222
editor.foreground#E6E6E6
editor.inactiveSelectionBackground#3a3d41
editor.lineHighlightBackground#141414
editor.lineHighlightBorder#141414
editor.selectionHighlightBackground#add6ff26
editorIndentGuide.activeBackground#707070
editorIndentGuide.background#404040
editorLink.activeForeground#0077B5
editorSuggestWidget.selectedBackground#0077B5
extensionButton.prominentBackground#0077B5
extensionButton.prominentForeground#FFF
extensionButton.prominentHoverBackground#005076
focusBorder#0077B5
gitDecoration.addedResourceForeground#ECB22E
gitDecoration.conflictingResourceForeground#FFF
gitDecoration.deletedResourceForeground#FFF
gitDecoration.ignoredResourceForeground#877583
gitDecoration.modifiedResourceForeground#ECB22E
gitDecoration.untrackedResourceForeground#ECB22E
input.placeholderForeground#7A7A7A
list.activeSelectionBackground#222222
list.dropBackground#383b3d
list.focusBackground#0077B5
list.hoverBackground#222222
menu.background#252526
menu.foreground#E6E6E6
notificationLink.foreground#0077B5
settings.numberInputBackground#292929
settings.textInputBackground#292929
sideBarSectionHeader.background#222222
sideBarTitle.foreground#E6E6E6
statusBar.background#222222
statusBar.debuggingBackground#1D978D
statusBar.noFolderBackground#141414
textLink.activeForeground#0077B5
textLink.foreground#0077B5
titleBar.activeBackground#222222
titleBar.activeForeground#E6E6E6
titleBar.inactiveBackground#222222
titleBar.inactiveForeground#7A7A7A

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
meta.embedded, source.groovy.embedded	#D4D4D4	—
emphasis	—	italic
strong	—	bold
header	#000080	—
comment	#6A9955	—
constant.language	#569cd6	—
constant.numeric	#b5cea8	—
constant.regexp	#646695	—
entity.name.tag	#569cd6	—
entity.name.tag.css	#d7ba7d	—
entity.other.attribute-name	#9cdcfe	—
entity.other.attribute-name.class.css, entity.other.attribute-name.class.mixin.css, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.attribute.scss, entity.other.attribute-name.scss	#d7ba7d	—
invalid	#f44747	—
markup.underline	—	underline
markup.bold	#569cd6	bold
markup.heading	#569cd6	bold
markup.italic	—	italic
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	#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	#569cd6	—
string	#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, variable.css, variable.scss, variable.other.less, 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.instanceof, keyword.operator.logical.python	#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	—
entity.name.function, support.function, support.constant.handlebars	#DCDCAA	—
meta.return-type, support.class, support.type, entity.name.type, entity.name.class, storage.type.numeric.go, storage.type.byte.go, storage.type.boolean.go, storage.type.string.go, storage.type.uintptr.go, storage.type.error.go, storage.type.rune.go, storage.type.cs, storage.type.generic.cs, storage.type.modifier.cs, storage.type.variable.cs, storage.type.annotation.java, storage.type.generic.java, storage.type.java, storage.type.object.array.java, storage.type.primitive.array.java, storage.type.primitive.java, storage.type.token.java, storage.type.groovy, storage.type.annotation.groovy, storage.type.parameters.groovy, storage.type.generic.groovy, storage.type.object.array.groovy, storage.type.primitive.array.groovy, storage.type.primitive.groovy	#4EC9B0	—
meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class	#4EC9B0	—
keyword.control	#C586C0	—
variable, meta.definition.variable.name, support.variable, entity.name.variable	#9CDCFE	—
meta.object-literal.key	#9CDCFE	—
support.constant.property-value, support.constant.font-name, support.constant.media-type, support.constant.media, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color	#CE9178	—
punctuation.definition.group.regexp, punctuation.definition.group.assertion.regexp, punctuation.definition.character-class.regexp, punctuation.character.set.begin.regexp, punctuation.character.set.end.regexp, keyword.operator.negation.regexp, support.other.parenthesis.regexp	#CE9178	—
constant.character.character-class.regexp, constant.other.character-class.set.regexp, constant.other.character-class.regexp, constant.character.set.regexp	#d16969	—
keyword.operator.or.regexp, keyword.control.anchor.regexp	#DCDCAA	—
keyword.operator.quantifier.regexp	#d7ba7d	—
constant.character	#569cd6	—
constant.character.escape	#d7ba7d	—
token.info-token	#6796e6	—
token.warn-token	#cd9731	—
token.error-token	#f44747	—
token.debug-token	#b267e6	—

VS Code preview

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

The Best Themes for programmers — Slack Monument

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

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

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

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

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

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

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

Problems1

Output

Debug Console

Terminal

Ports

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

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.background#003F42
activityBar.dropBackground#FFF
activityBar.foreground#FFF
activityBarBadge.background#DC7C73
activityBarBadge.foreground#FFF
badge.background#DC7C73
breadcrumb.focusForeground#DC7C73
breadcrumb.foreground#003F42
button.background#DC7C73
button.foreground#FFF
button.hoverBackground#FF9F6C
debugExceptionWidget.background#FF9F6C
debugExceptionWidget.border#003F42
debugToolBar.background#DC7C73
dropdown.background#FFF
dropdown.border#008080
dropdown.foreground#008080
dropdown.listBackground#FFF
editor.background#FFF
editor.findMatchBackground#AED4FB
editor.foreground#000
editor.lineHighlightBackground#EEEEEE
editor.selectionBackground#AED4FB
editor.wordHighlightBackground#AED4FB
editor.wordHighlightStrongBackground#EEEEEE
editorActiveLineNumber.foreground#DC7C73
editorGroup.emptyBackground#007E82
editorGroup.focusedEmptyBorder#007E82
editorGroupHeader.tabsBackground#F9F9F9
editorHint.border#F9F9F9
editorHint.foreground#F9F9F9
editorIndentGuide.activeBackground#dbdbdb
editorIndentGuide.background#F3F3F3
editorLineNumber.foreground#b9b9b9
editorMarkerNavigation.background#F9F9F9
editorMarkerNavigationError.background#F44C5E
editorMarkerNavigationInfo.background#6182b8
editorMarkerNavigationWarning.background#F6B555
editorPane.background#007E82
editorSuggestWidget.foreground#007E82
editorSuggestWidget.highlightForeground#007E82
editorSuggestWidget.selectedBackground#b9b9b9
editorWidget.background#F9F9F9
editorWidget.border#dbdbdb
extensionButton.prominentBackground#DC7C73
extensionButton.prominentForeground#F6F6F6
extensionButton.prominentHoverBackground#003F42
focusBorder#003F42
foreground#36373B
gitDecoration.addedResourceForeground#ECB22E
gitDecoration.conflictingResourceForeground#FFF
gitDecoration.deletedResourceForeground#FFF
gitDecoration.ignoredResourceForeground#877583
gitDecoration.modifiedResourceForeground#ECB22E
gitDecoration.untrackedResourceForeground#ECB22E
input.background#FFF
input.border#003F42
input.foreground#000
input.placeholderForeground#a0a0a0
inputOption.activeBorder#3E313C
inputValidation.errorBackground#F44C5E
inputValidation.errorForeground#FFF
inputValidation.infoBackground#6182b8
inputValidation.infoForeground#FFF
inputValidation.warningBackground#F6B555
inputValidation.warningForeground#000
list.activeSelectionBackground#FF9F6C
list.activeSelectionForeground#fff
list.focusBackground#DC7C73
list.focusForeground#fff
list.highlightForeground#fff
list.hoverBackground#DC7C73
list.hoverForeground#fff
list.inactiveFocusBackground#003F42
list.inactiveSelectionBackground#FF9F6C
list.inactiveSelectionForeground#fff
list.invalidItemForeground#fff
menu.background#003F42
menu.foreground#F9FAFA
menu.separatorBackground#F9FAFA
notificationCenter.border#003F42
notificationCenterHeader.foreground#FFF
notificationLink.foreground#FFF
notifications.background#003F42
notifications.border#003F42
notifications.foreground#FFF
notificationToast.border#003F42
panel.border#007E82
panelTitle.activeForeground#003F42
peekViewEditor.matchHighlightBorder#003F42
peekViewTitleDescription.foreground#685C66
peekViewTitleLabel.foreground#2D3E4C
progressBar.background#DC7C73
scrollbar.shadow#ffffff00
scrollbarSlider.activeBackground#003F427e
scrollbarSlider.background#003F427e
scrollbarSlider.hoverBackground#003F427e
settings.dropdownBorder#003F42
settings.dropdownForeground#003F42
settings.headerForeground#003F42
sideBar.background#007E82
sideBar.foreground#FFF
sideBarSectionHeader.background#003F42
sideBarSectionHeader.foreground#FFF
sideBarTitle.foreground#FFF
statusBar.background#FF9F6C
statusBar.debuggingBackground#DC7C73
statusBar.foreground#FFF
statusBar.noFolderBackground#003F42
symbolIcon.arrayForeground#c9b9c5
symbolIcon.booleanForeground#c9b9c5
symbolIcon.classForeground#c9b9c5
symbolIcon.colorForeground#c9b9c5
symbolIcon.constantForeground#c9b9c5
symbolIcon.constructorForeground#c9b9c5
symbolIcon.enumeratorForeground#c9b9c5
symbolIcon.enumeratorMemberForeground#c9b9c5
symbolIcon.eventForeground#c9b9c5
symbolIcon.fieldForeground#c9b9c5
symbolIcon.fileForeground#c9b9c5
symbolIcon.folderForeground#c9b9c5
symbolIcon.functionForeground#c9b9c5
symbolIcon.interfaceForeground#c9b9c5
symbolIcon.keyForeground#c9b9c5
symbolIcon.keywordForeground#c9b9c5
symbolIcon.methodForeground#c9b9c5
symbolIcon.moduleForeground#c9b9c5
symbolIcon.namespaceForeground#c9b9c5
symbolIcon.nullForeground#c9b9c5
symbolIcon.numberForeground#c9b9c5
symbolIcon.objectForeground#c9b9c5
symbolIcon.operatorForeground#c9b9c5
symbolIcon.packageForeground#c9b9c5
symbolIcon.propertyForeground#c9b9c5
symbolIcon.referenceForeground#c9b9c5
symbolIcon.snippetForeground#c9b9c5
symbolIcon.stringForeground#c9b9c5
symbolIcon.structForeground#c9b9c5
symbolIcon.textForeground#c9b9c5
symbolIcon.typeParameterForeground#c9b9c5
symbolIcon.unitForeground#c9b9c5
symbolIcon.variableForeground#c9b9c5
tab.activeBackground#FFF
tab.activeForeground#000
tab.border#F3F3F3
tab.inactiveBackground#F3F3F3
tab.inactiveForeground#686868
terminal.ansiBlack#000000
terminal.ansiBlue#6182b8
terminal.ansiBrightBlack#90a4ae
terminal.ansiBrightBlue#6182b8
terminal.ansiBrightCyan#39adb5
terminal.ansiBrightGreen#91b859
terminal.ansiBrightMagenta#7c4dff
terminal.ansiBrightRed#e53935
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#ffb62c
terminal.ansiCyan#39adb5
terminal.ansiGreen#91b859
terminal.ansiMagenta#7c4dff
terminal.ansiRed#e53935
terminal.ansiWhite#ffffff
terminal.ansiYellow#ffb62c
terminal.border#007E82
terminal.foreground#003F42
textPreformat.foreground#261C25
titleBar.activeBackground#007E82
titleBar.activeForeground#FFF
titleBar.border#007E82
titleBar.inactiveBackground#003F42
titleBar.inactiveForeground#685C66
welcomePage.buttonBackground#F3F3F3
welcomePage.buttonHoverBackground#ECECEC
widget.shadow#003F4294

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
—	#002339	—
meta.paragraph.markdown, string.other.link.description.title.markdown	#110000	—
entity.name.section.markdown, punctuation.definition.heading.markdown	#034c7c	—
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, markup.quote.markdown	#00AC8F	—
markup.quote.markdown	#003494	italic
markup.bold.markdown, punctuation.definition.bold.markdown	#4e76b5	bold
markup.italic.markdown, punctuation.definition.italic.markdown	#C792EA	italic
markup.inline.raw.string.markdown, markup.fenced_code.block.markdown	#0460b1	italic
punctuation.definition.metadata.markdown	#00AC8F	—
markup.underline.link.image.markdown, markup.underline.link.markdown	#924205	—
comment	#357b42	italic
string	#a44185	—
constant.numeric	#174781	—
constant	#174781	—
language.method	#174781	—
constant.character, constant.other	#174781	—
variable	#2f86d2
variable.language.this	#000000
keyword	#7b30d0
storage	#da5221
storage.type	#0991b6
entity.name.class	#1172c7	—
entity.other.inherited-class	#b02767
entity.name.function	#7eb233
variable.parameter	#b1108e
entity.name.tag	#0444ac
text.html.basic	#0071ce
entity.name.type	#0444ac	—
entity.other.attribute-name	#df8618	italic
support.function	#1ab394
support.constant	#174781
support.type, support.class	#dc3eb7	—
support.other.variable	#224555	—
invalid	#207bb8	italic bold underline
invalid.deprecated	#207bb8	bold italic underline
source.json support	#6dbdfa	—
source.json string, source.json punctuation.definition.string	#00820f	—
markup.list	#207bb8	—
markup.heading punctuation.definition.heading, entity.name.section	#4FB4D8
text.html.markdown meta.paragraph meta.link.inline, text.html.markdown meta.paragraph meta.link.inline punctuation.definition.string.begin.markdown, text.html.markdown meta.paragraph meta.link.inline punctuation.definition.string.end.markdown	#87429A	—
markup.quote	#87429A	—
markup.bold	#08134A	bold
markup.italic, punctuation.definition.italic	#174781	italic
meta.link	#87429A	—