Codex Palette for VS Code

Name: Codex Palette for VS Code
Author: smallyu

Publisher: smallyuThemes in package: 43

All 43 Codex appearance presets for VS Code, with faithful colors and one-click system appearance switching.

Open in VS Code GitHub

Color themes

VS Code preview

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

Codex Palette for VS Code — Codex Palette — VS Code Plus Light

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

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

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

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

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

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

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

Problems1

Output

Debug Console

Terminal

Ports

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

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Light+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBorder#0969da
activityBar.background#FFFFFF
activityBar.border#00000022
activityBar.foreground#000000
activityBar.inactiveForeground#767676
activityBarBadge.background#007ACC
activityBarBadge.foreground#ffffff
badge.background#0969da
badge.foreground#ffffff
breadcrumb.activeSelectionForeground#000000
breadcrumb.background#FFFFFF
breadcrumb.focusForeground#000000
breadcrumb.foreground#008000
button.background#0969da
button.foreground#ffffff
button.hoverBackground#811f3f
button.secondaryBackground#FFFFFF
button.secondaryForeground#000000
button.secondaryHoverBackground#E8E8E8
checkbox.background#FFFFFF
checkbox.border#00000022
commandCenter.background#FFFFFF
commandCenter.border#00000022
commandCenter.foreground#008000
debugIcon.continueForeground#a31515
debugIcon.disconnectForeground#0000ff
debugIcon.pauseForeground#098658
debugIcon.restartForeground#a31515
debugIcon.startForeground#a31515
debugIcon.stepIntoForeground#098658
debugIcon.stepOutForeground#098658
debugIcon.stepOverForeground#098658
debugIcon.stopForeground#0000ff
debugToolBar.background#FFFFFF
descriptionForeground#008000
diffEditor.diagonalFill#00800026
diffEditor.insertedLineBackground#a3151512
diffEditor.insertedTextBackground#a3151520
diffEditor.removedLineBackground#0000ff12
diffEditor.removedTextBackground#0000ff20
disabledForeground#00000066
dropdown.background#FFFFFF
dropdown.border#00000022
dropdown.foreground#000000
editor.background#FFFFFF
editor.findMatchBackground#0010804d
editor.findMatchHighlightBackground#00108026
editor.findRangeHighlightBackground#0969da18
editor.foreground#000000
editor.hoverHighlightBackground#0969da18
editor.inactiveSelectionBackground#0969da1f
editor.lineHighlightBackground#FFFFFF
editor.selectionBackground#0969da44
editor.selectionHighlightBackground#0969da1f
editor.wordHighlightBackground#09865818
editor.wordHighlightStrongBackground#795E261f
editorBracketHighlight.foreground1#0000ff
editorBracketHighlight.foreground2#001080
editorBracketHighlight.foreground3#a31515
editorBracketHighlight.foreground4#098658
editorBracketHighlight.foreground5#795E26
editorBracketHighlight.foreground6#811f3f
editorBracketMatch.background#0969da22
editorBracketMatch.border#0969da
editorBracketPairGuide.activeBackground1#0969da8c
editorBracketPairGuide.activeBackground2#0969da8c
editorBracketPairGuide.activeBackground3#0969da8c
editorBracketPairGuide.activeBackground4#0969da8c
editorBracketPairGuide.activeBackground5#0969da8c
editorBracketPairGuide.activeBackground6#0969da8c
editorBracketPairGuide.background1#00000018
editorBracketPairGuide.background2#00000018
editorBracketPairGuide.background3#00000018
editorBracketPairGuide.background4#00000018
editorBracketPairGuide.background5#00000018
editorBracketPairGuide.background6#00000018
editorCursor.foreground#0969da
editorError.foreground#0000ff
editorGroup.border#00000022
editorGroupHeader.tabsBackground#FFFFFF
editorGroupHeader.tabsBorder#00000022
editorGutter.addedBackground#a31515
editorGutter.deletedBackground#0000ff
editorGutter.modifiedBackground#098658
editorHint.foreground#a31515
editorHoverWidget.background#FFFFFF
editorHoverWidget.border#00000022
editorIndentGuide.activeBackground1#0969da8c
editorIndentGuide.background1#00000018
editorInfo.foreground#098658
editorLineNumber.activeForeground#008000
editorLineNumber.foreground#767676
editorSuggestWidget.background#FFFFFF
editorSuggestWidget.border#00000022
editorSuggestWidget.selectedBackground#E8E8E8
editorWarning.foreground#0000ff
editorWhitespace.foreground#00000018
editorWidget.background#FFFFFF
editorWidget.border#00000022
editorWidget.foreground#000000
errorForeground#0000ff
focusBorder#0969da
foreground#000000
gitDecoration.addedResourceForeground#a31515
gitDecoration.conflictingResourceForeground#001080
gitDecoration.deletedResourceForeground#0000ff
gitDecoration.ignoredResourceForeground#767676
gitDecoration.modifiedResourceForeground#098658
gitDecoration.renamedResourceForeground#795E26
gitDecoration.untrackedResourceForeground#a31515
icon.foreground#008000
input.background#FFFFFF
input.border#00000022
input.foreground#000000
input.placeholderForeground#767676
inputOption.activeBackground#0969da22
inputOption.activeBorder#0969da
inputValidation.errorBackground#0000ff12
inputValidation.errorBorder#0000ff
inputValidation.infoBackground#09865812
inputValidation.infoBorder#098658
inputValidation.warningBackground#0000ff12
inputValidation.warningBorder#0000ff
list.activeSelectionBackground#0969da22
list.activeSelectionForeground#000000
list.errorForeground#0000ff
list.focusBackground#0969da1f
list.highlightForeground#0969da
list.hoverBackground#E8E8E8
list.inactiveSelectionBackground#0969da14
list.warningForeground#0000ff
menu.background#FFFFFF
menu.foreground#000000
menu.selectionBackground#0969da44
menu.separatorBackground#00000022
minimap.background#FFFFFF
minimap.findMatchHighlight#00108080
minimap.selectionHighlight#0969da66
notificationCenter.border#00000022
notificationCenterHeader.background#FFFFFF
notifications.background#FFFFFF
notifications.border#00000022
notifications.foreground#000000
panel.background#FFFFFF
panel.border#00000022
panelTitle.activeBorder#0969da
panelTitle.activeForeground#000000
panelTitle.inactiveForeground#008000
peekView.border#0969da
peekViewEditor.background#FFFFFF
peekViewResult.background#FFFFFF
peekViewResult.selectionBackground#0969da44
peekViewTitle.background#FFFFFF
pickerGroup.border#00000022
pickerGroup.foreground#0969da
progressBar.background#0969da
quickInput.background#FFFFFF
quickInput.foreground#000000
scrollbar.shadow#00000025
scrollbarSlider.activeBackground#00000045
scrollbarSlider.background#00000018
scrollbarSlider.hoverBackground#0000002e
sideBar.background#FFFFFF
sideBar.border#00000022
sideBar.foreground#008000
sideBarSectionHeader.background#0000
sideBarSectionHeader.border#61616130
sideBarSectionHeader.foreground#000000
sideBarTitle.foreground#6F6F6F
statusBar.background#FFFFFF
statusBar.border#00000022
statusBar.debuggingBackground#0000ff
statusBar.debuggingForeground#ffffff
statusBar.foreground#008000
statusBar.noFolderBackground#FFFFFF
tab.activeBackground#FFFFFF
tab.activeBorder#FFFFFF
tab.activeBorderTop#0969da
tab.activeForeground#000000
tab.border#00000022
tab.inactiveBackground#FFFFFF
tab.inactiveForeground#008000
terminal.ansiBlack#0d0d0d
terminal.ansiBlue#098658
terminal.ansiBrightBlack#767676
terminal.ansiBrightBlue#811f3f
terminal.ansiBrightCyan#098658
terminal.ansiBrightGreen#a31515
terminal.ansiBrightMagenta#795E26
terminal.ansiBrightRed#0000ff
terminal.ansiBrightWhite#fcfcfc
terminal.ansiBrightYellow#001080
terminal.ansiCyan#811f3f
terminal.ansiGreen#a31515
terminal.ansiMagenta#795E26
terminal.ansiRed#0000ff
terminal.ansiWhite#d9d9d9
terminal.ansiYellow#0000ff
terminal.background#FFFFFF
terminal.foreground#000000
terminal.selectionBackground#0969da44
terminalCursor.foreground#0969da
textBlockQuote.background#FFFFFF
textBlockQuote.border#0969da
textCodeBlock.background#FFFFFF
textLink.activeForeground#811f3f
textLink.foreground#0969da
titleBar.activeBackground#FFFFFF
titleBar.activeForeground#000000
titleBar.border#00000022
titleBar.inactiveBackground#FFFFFF
titleBar.inactiveForeground#767676
tree.inactiveIndentGuidesStroke#00000018
tree.indentGuidesStroke#0000003d
widget.shadow#00000025

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#008000	—
string, constant.other.symbol, markup.inline.raw	#a31515	—
constant.numeric, constant.language.boolean, constant.language.null	#098658	—
constant, variable.other.constant	#001080	—
keyword, storage.type, storage.modifier	#0000ff	—
variable, meta.object-literal.key, support.variable.property, meta.property-name	#001080	—
variable.parameter, function.parameter	#008000	—
entity.name.function, support.function, variable.function, meta.function-call	#795E26	—
entity.name.type, entity.name.class, support.type, support.class, entity.other.inherited-class	#795E26	—
entity.name.namespace, entity.name.type.namespace	#001080	—
keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.logical, keyword.operator.assignment	#098658	—
punctuation, meta.brace	#008000	—
entity.name.tag, punctuation.definition.tag	#0000ff	—
entity.other.attribute-name	#098658	—
string.regexp, constant.regexp	#811f3f	—
markup.heading, entity.name.section	#0000ff	bold
markup.bold, punctuation.definition.bold	#001080	bold
markup.italic, punctuation.definition.italic	#0000ff	italic
markup.underline.link, string.other.link	#0969da	underline
markup.inserted	#a31515	—
markup.deleted	#0000ff	—
markup.changed	#001080	—
invalid	#ffffff	—

VS Code preview

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

Codex Palette for VS Code — Codex Palette — Xcode Dark

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

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

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

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

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

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

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

Problems1

Output

Debug Console

Terminal

Ports

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

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBorder#5482ff
activityBar.background#1f1f24
activityBar.border#ffffff22
activityBar.foreground#ffffff
activityBar.inactiveForeground#6c7986
activityBarBadge.background#5482ff
activityBarBadge.foreground#ffffff
badge.background#5482ff
badge.foreground#ffffff
breadcrumb.activeSelectionForeground#ffffff
breadcrumb.background#1f1f24
breadcrumb.focusForeground#ffffff
breadcrumb.foreground#6c7986
button.background#5482ff
button.foreground#ffffff
button.hoverBackground#d0bf69
button.secondaryBackground#1f1f24
button.secondaryForeground#ffffff
button.secondaryHoverBackground#1f1f24
checkbox.background#1f1f24
checkbox.border#ffffff22
commandCenter.background#1f1f24
commandCenter.border#ffffff22
commandCenter.foreground#6c7986
debugIcon.continueForeground#fc6a5d
debugIcon.disconnectForeground#fc5fa3
debugIcon.pauseForeground#d0bf69
debugIcon.restartForeground#fc6a5d
debugIcon.startForeground#fc6a5d
debugIcon.stepIntoForeground#d0bf69
debugIcon.stepOutForeground#d0bf69
debugIcon.stepOverForeground#d0bf69
debugIcon.stopForeground#fc5fa3
debugToolBar.background#1f1f24
descriptionForeground#6c7986
diffEditor.diagonalFill#6c798626
diffEditor.insertedLineBackground#fc6a5d18
diffEditor.insertedTextBackground#fc6a5d30
diffEditor.removedLineBackground#fc5fa318
diffEditor.removedTextBackground#fc5fa330
disabledForeground#ffffff66
dropdown.background#1f1f24
dropdown.border#ffffff22
dropdown.foreground#ffffff
editor.background#1f1f24
editor.findMatchBackground#67b7a466
editor.findMatchHighlightBackground#67b7a435
editor.findRangeHighlightBackground#5482ff18
editor.foreground#ffffffd9
editor.hoverHighlightBackground#5482ff18
editor.inactiveSelectionBackground#5482ff33
editor.lineHighlightBackground#1f1f24
editor.selectionBackground#515b70
editor.selectionHighlightBackground#5482ff33
editor.wordHighlightBackground#d0bf6925
editor.wordHighlightStrongBackground#67b7a430
editorBracketHighlight.foreground1#fc5fa3
editorBracketHighlight.foreground2#67b7a4
editorBracketHighlight.foreground3#fc6a5d
editorBracketHighlight.foreground4#d0bf69
editorBracketHighlight.foreground5#67b7a4
editorBracketHighlight.foreground6#d0bf69
editorBracketMatch.background#5482ff22
editorBracketMatch.border#5482ff
editorBracketPairGuide.activeBackground1#5482ffa6
editorBracketPairGuide.activeBackground2#5482ffa6
editorBracketPairGuide.activeBackground3#5482ffa6
editorBracketPairGuide.activeBackground4#5482ffa6
editorBracketPairGuide.activeBackground5#5482ffa6
editorBracketPairGuide.activeBackground6#5482ffa6
editorBracketPairGuide.background1#ffffff24
editorBracketPairGuide.background2#ffffff24
editorBracketPairGuide.background3#ffffff24
editorBracketPairGuide.background4#ffffff24
editorBracketPairGuide.background5#ffffff24
editorBracketPairGuide.background6#ffffff24
editorCursor.foreground#5482ff
editorError.foreground#fc5fa3
editorGroup.border#ffffff22
editorGroupHeader.tabsBackground#1f1f24
editorGroupHeader.tabsBorder#ffffff22
editorGutter.addedBackground#fc6a5d
editorGutter.deletedBackground#fc5fa3
editorGutter.modifiedBackground#d0bf69
editorHint.foreground#fc6a5d
editorHoverWidget.background#1f1f24
editorHoverWidget.border#ffffff22
editorIndentGuide.activeBackground1#5482ffa6
editorIndentGuide.background1#ffffff24
editorInfo.foreground#d0bf69
editorLineNumber.activeForeground#6c7986
editorLineNumber.foreground#6c7986
editorSuggestWidget.background#1f1f24
editorSuggestWidget.border#ffffff22
editorSuggestWidget.selectedBackground#1f1f24
editorWarning.foreground#fc6a5d
editorWhitespace.foreground#ffffff24
editorWidget.background#1f1f24
editorWidget.border#ffffff22
editorWidget.foreground#ffffff
errorForeground#fc5fa3
focusBorder#5482ff
foreground#ffffffd9
gitDecoration.addedResourceForeground#fc6a5d
gitDecoration.conflictingResourceForeground#67b7a4
gitDecoration.deletedResourceForeground#fc5fa3
gitDecoration.ignoredResourceForeground#6c7986
gitDecoration.modifiedResourceForeground#d0bf69
gitDecoration.renamedResourceForeground#67b7a4
gitDecoration.untrackedResourceForeground#fc6a5d
icon.foreground#6c7986
input.background#1f1f24
input.border#ffffff22
input.foreground#ffffff
input.placeholderForeground#6c7986
inputOption.activeBackground#5482ff55
inputOption.activeBorder#5482ff
inputValidation.errorBackground#fc5fa322
inputValidation.errorBorder#fc5fa3
inputValidation.infoBackground#d0bf6922
inputValidation.infoBorder#d0bf69
inputValidation.warningBackground#fc6a5d22
inputValidation.warningBorder#fc6a5d
list.activeSelectionBackground#5482ff55
list.activeSelectionForeground#ffffff
list.errorForeground#fc5fa3
list.focusBackground#5482ff44
list.highlightForeground#5482ff
list.hoverBackground#1f1f24
list.inactiveSelectionBackground#5482ff33
list.warningForeground#fc6a5d
menu.background#1f1f24
menu.foreground#ffffff
menu.selectionBackground#515b70
menu.separatorBackground#ffffff22
minimap.background#1f1f24
minimap.findMatchHighlight#67b7a480
minimap.selectionHighlight#5482ff66
notificationCenter.border#ffffff22
notificationCenterHeader.background#1f1f24
notifications.background#1f1f24
notifications.border#ffffff22
notifications.foreground#ffffff
panel.background#1f1f24
panel.border#ffffff22
panelTitle.activeBorder#5482ff
panelTitle.activeForeground#ffffff
panelTitle.inactiveForeground#6c7986
peekView.border#5482ff
peekViewEditor.background#1f1f24
peekViewResult.background#1f1f24
peekViewResult.selectionBackground#515b70
peekViewTitle.background#1f1f24
pickerGroup.border#ffffff22
pickerGroup.foreground#5482ff
progressBar.background#5482ff
quickInput.background#1f1f24
quickInput.foreground#ffffff
scrollbar.shadow#00000088
scrollbarSlider.activeBackground#ffffff45
scrollbarSlider.background#ffffff18
scrollbarSlider.hoverBackground#ffffff2e
sideBar.background#1f1f24
sideBar.border#ffffff22
sideBar.foreground#ffffffd9
sideBarSectionHeader.background#1f1f24
sideBarSectionHeader.border#ffffff22
sideBarSectionHeader.foreground#ffffff
sideBarTitle.foreground#ffffffd9
statusBar.background#1f1f24
statusBar.border#ffffff22
statusBar.debuggingBackground#fc5fa3
statusBar.debuggingForeground#111111
statusBar.foreground#6c7986
statusBar.noFolderBackground#1f1f24
tab.activeBackground#1f1f24
tab.activeBorder#1f1f24
tab.activeBorderTop#5482ff
tab.activeForeground#ffffff
tab.border#ffffff22
tab.inactiveBackground#1f1f24
tab.inactiveForeground#6c7986
terminal.ansiBlack#111111
terminal.ansiBlue#d0bf69
terminal.ansiBrightBlack#6c7986
terminal.ansiBrightBlue#d0bf69
terminal.ansiBrightCyan#d0bf69
terminal.ansiBrightGreen#fc6a5d
terminal.ansiBrightMagenta#67b7a4
terminal.ansiBrightRed#fc5fa3
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#67b7a4
terminal.ansiCyan#d0bf69
terminal.ansiGreen#fc6a5d
terminal.ansiMagenta#67b7a4
terminal.ansiRed#fc5fa3
terminal.ansiWhite#d6d6d6
terminal.ansiYellow#fc6a5d
terminal.background#1f1f24
terminal.foreground#ffffff
terminal.selectionBackground#515b70
terminalCursor.foreground#5482ff
textBlockQuote.background#1f1f24
textBlockQuote.border#5482ff
textCodeBlock.background#1f1f24
textLink.activeForeground#d0bf69
textLink.foreground#5482ff
titleBar.activeBackground#1f1f24
titleBar.activeForeground#ffffff
titleBar.border#ffffff22
titleBar.inactiveBackground#1f1f24
titleBar.inactiveForeground#6c7986
tree.inactiveIndentGuidesStroke#ffffff24
tree.indentGuidesStroke#ffffff52
widget.shadow#00000088

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#6c7986	—
string, constant.other.symbol, markup.inline.raw	#fc6a5d	—
constant.numeric, constant.language.boolean, constant.language.null	#d0bf69	—
constant, variable.other.constant	#67b7a4	—
keyword, storage.type, storage.modifier	#fc5fa3	—
variable, meta.object-literal.key, support.variable.property, meta.property-name	#67b7a4	—
variable.parameter, function.parameter	#6c7986	—
entity.name.function, support.function, variable.function, meta.function-call	#67b7a4	—
entity.name.type, entity.name.class, support.type, support.class, entity.other.inherited-class	#67b7a4	—
entity.name.namespace, entity.name.type.namespace	#67b7a4	—
keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.logical, keyword.operator.assignment	#d0bf69	—
punctuation, meta.brace	#6c7986	—
entity.name.tag, punctuation.definition.tag	#fc5fa3	—
entity.other.attribute-name	#d0bf69	—
string.regexp, constant.regexp	#d0bf69	—
markup.heading, entity.name.section	#fc5fa3	bold
markup.bold, punctuation.definition.bold	#67b7a4	bold
markup.italic, punctuation.definition.italic	#fc5fa3	italic
markup.underline.link, string.other.link	#5482ff	underline
markup.inserted	#fc6a5d	—
markup.deleted	#fc5fa3	—
markup.changed	#67b7a4	—
invalid	#ffffff	—

VS Code preview

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

Codex Palette for VS Code — Codex Palette — Xcode Light

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

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

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

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

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

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

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

Problems1

Output

Debug Console

Terminal

Ports

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

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Light+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBorder#0e0eff
activityBar.background#ffffff
activityBar.border#00000022
activityBar.foreground#000000
activityBar.inactiveForeground#5d6c79
activityBarBadge.background#0e0eff
activityBarBadge.foreground#ffffff
badge.background#0e0eff
badge.foreground#ffffff
breadcrumb.activeSelectionForeground#000000
breadcrumb.background#ffffff
breadcrumb.focusForeground#000000
breadcrumb.foreground#5d6c79
button.background#0e0eff
button.foreground#ffffff
button.hoverBackground#1c00cf
button.secondaryBackground#ffffff
button.secondaryForeground#000000
button.secondaryHoverBackground#ffffff
checkbox.background#ffffff
checkbox.border#00000022
commandCenter.background#ffffff
commandCenter.border#00000022
commandCenter.foreground#5d6c79
debugIcon.continueForeground#c41a16
debugIcon.disconnectForeground#9b2393
debugIcon.pauseForeground#1c00cf
debugIcon.restartForeground#c41a16
debugIcon.startForeground#c41a16
debugIcon.stepIntoForeground#1c00cf
debugIcon.stepOutForeground#1c00cf
debugIcon.stepOverForeground#1c00cf
debugIcon.stopForeground#9b2393
debugToolBar.background#ffffff
descriptionForeground#5d6c79
diffEditor.diagonalFill#5d6c7926
diffEditor.insertedLineBackground#c41a1612
diffEditor.insertedTextBackground#c41a1620
diffEditor.removedLineBackground#9b239312
diffEditor.removedTextBackground#9b239320
disabledForeground#00000066
dropdown.background#ffffff
dropdown.border#00000022
dropdown.foreground#000000
editor.background#ffffff
editor.findMatchBackground#326d744d
editor.findMatchHighlightBackground#326d7426
editor.findRangeHighlightBackground#0e0eff18
editor.foreground#000000d9
editor.hoverHighlightBackground#0e0eff18
editor.inactiveSelectionBackground#0e0eff1f
editor.lineHighlightBackground#ffffff
editor.selectionBackground#a4cdff
editor.selectionHighlightBackground#0e0eff1f
editor.wordHighlightBackground#1c00cf18
editor.wordHighlightStrongBackground#326d741f
editorBracketHighlight.foreground1#9b2393
editorBracketHighlight.foreground2#326d74
editorBracketHighlight.foreground3#c41a16
editorBracketHighlight.foreground4#1c00cf
editorBracketHighlight.foreground5#326d74
editorBracketHighlight.foreground6#1c00cf
editorBracketMatch.background#0e0eff22
editorBracketMatch.border#0e0eff
editorBracketPairGuide.activeBackground1#0e0eff8c
editorBracketPairGuide.activeBackground2#0e0eff8c
editorBracketPairGuide.activeBackground3#0e0eff8c
editorBracketPairGuide.activeBackground4#0e0eff8c
editorBracketPairGuide.activeBackground5#0e0eff8c
editorBracketPairGuide.activeBackground6#0e0eff8c
editorBracketPairGuide.background1#00000018
editorBracketPairGuide.background2#00000018
editorBracketPairGuide.background3#00000018
editorBracketPairGuide.background4#00000018
editorBracketPairGuide.background5#00000018
editorBracketPairGuide.background6#00000018
editorCursor.foreground#0e0eff
editorError.foreground#9b2393
editorGroup.border#00000022
editorGroupHeader.tabsBackground#ffffff
editorGroupHeader.tabsBorder#00000022
editorGutter.addedBackground#c41a16
editorGutter.deletedBackground#9b2393
editorGutter.modifiedBackground#1c00cf
editorHint.foreground#c41a16
editorHoverWidget.background#ffffff
editorHoverWidget.border#00000022
editorIndentGuide.activeBackground1#0e0eff8c
editorIndentGuide.background1#00000018
editorInfo.foreground#1c00cf
editorLineNumber.activeForeground#5d6c79
editorLineNumber.foreground#5d6c79
editorSuggestWidget.background#ffffff
editorSuggestWidget.border#00000022
editorSuggestWidget.selectedBackground#ffffff
editorWarning.foreground#c41a16
editorWhitespace.foreground#00000018
editorWidget.background#ffffff
editorWidget.border#00000022
editorWidget.foreground#000000
errorForeground#9b2393
focusBorder#0e0eff
foreground#000000d9
gitDecoration.addedResourceForeground#c41a16
gitDecoration.conflictingResourceForeground#326d74
gitDecoration.deletedResourceForeground#9b2393
gitDecoration.ignoredResourceForeground#5d6c79
gitDecoration.modifiedResourceForeground#1c00cf
gitDecoration.renamedResourceForeground#326d74
gitDecoration.untrackedResourceForeground#c41a16
icon.foreground#5d6c79
input.background#ffffff
input.border#00000022
input.foreground#000000
input.placeholderForeground#5d6c79
inputOption.activeBackground#0e0eff22
inputOption.activeBorder#0e0eff
inputValidation.errorBackground#9b239312
inputValidation.errorBorder#9b2393
inputValidation.infoBackground#1c00cf12
inputValidation.infoBorder#1c00cf
inputValidation.warningBackground#c41a1612
inputValidation.warningBorder#c41a16
list.activeSelectionBackground#0e0eff22
list.activeSelectionForeground#000000
list.errorForeground#9b2393
list.focusBackground#0e0eff1f
list.highlightForeground#0e0eff
list.hoverBackground#ffffff
list.inactiveSelectionBackground#0e0eff14
list.warningForeground#c41a16
menu.background#ffffff
menu.foreground#000000
menu.selectionBackground#a4cdff
menu.separatorBackground#00000022
minimap.background#ffffff
minimap.findMatchHighlight#326d7480
minimap.selectionHighlight#0e0eff66
notificationCenter.border#00000022
notificationCenterHeader.background#ffffff
notifications.background#ffffff
notifications.border#00000022
notifications.foreground#000000
panel.background#ffffff
panel.border#00000022
panelTitle.activeBorder#0e0eff
panelTitle.activeForeground#000000
panelTitle.inactiveForeground#5d6c79
peekView.border#0e0eff
peekViewEditor.background#ffffff
peekViewResult.background#ffffff
peekViewResult.selectionBackground#a4cdff
peekViewTitle.background#ffffff
pickerGroup.border#00000022
pickerGroup.foreground#0e0eff
progressBar.background#0e0eff
quickInput.background#ffffff
quickInput.foreground#000000
scrollbar.shadow#00000025
scrollbarSlider.activeBackground#00000045
scrollbarSlider.background#00000018
scrollbarSlider.hoverBackground#0000002e
sideBar.background#ffffff
sideBar.border#00000022
sideBar.foreground#000000d9
sideBarSectionHeader.background#ffffff
sideBarSectionHeader.border#00000022
sideBarSectionHeader.foreground#000000
sideBarTitle.foreground#000000d9
statusBar.background#ffffff
statusBar.border#00000022
statusBar.debuggingBackground#9b2393
statusBar.debuggingForeground#ffffff
statusBar.foreground#5d6c79
statusBar.noFolderBackground#ffffff
tab.activeBackground#ffffff
tab.activeBorder#ffffff
tab.activeBorderTop#0e0eff
tab.activeForeground#000000
tab.border#00000022
tab.inactiveBackground#ffffff
tab.inactiveForeground#5d6c79
terminal.ansiBlack#0d0d0d
terminal.ansiBlue#1c00cf
terminal.ansiBrightBlack#5d6c79
terminal.ansiBrightBlue#1c00cf
terminal.ansiBrightCyan#1c00cf
terminal.ansiBrightGreen#c41a16
terminal.ansiBrightMagenta#326d74
terminal.ansiBrightRed#9b2393
terminal.ansiBrightWhite#fcfcfc
terminal.ansiBrightYellow#326d74
terminal.ansiCyan#1c00cf
terminal.ansiGreen#c41a16
terminal.ansiMagenta#326d74
terminal.ansiRed#9b2393
terminal.ansiWhite#d9d9d9
terminal.ansiYellow#c41a16
terminal.background#ffffff
terminal.foreground#000000
terminal.selectionBackground#a4cdff
terminalCursor.foreground#0e0eff
textBlockQuote.background#ffffff
textBlockQuote.border#0e0eff
textCodeBlock.background#ffffff
textLink.activeForeground#1c00cf
textLink.foreground#0e0eff
titleBar.activeBackground#ffffff
titleBar.activeForeground#000000
titleBar.border#00000022
titleBar.inactiveBackground#ffffff
titleBar.inactiveForeground#5d6c79
tree.inactiveIndentGuidesStroke#00000018
tree.indentGuidesStroke#0000003d
widget.shadow#00000025

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#5d6c79	—
string, constant.other.symbol, markup.inline.raw	#c41a16	—
constant.numeric, constant.language.boolean, constant.language.null	#1c00cf	—
constant, variable.other.constant	#326d74	—
keyword, storage.type, storage.modifier	#9b2393	—
variable, meta.object-literal.key, support.variable.property, meta.property-name	#326d74	—
variable.parameter, function.parameter	#5d6c79	—
entity.name.function, support.function, variable.function, meta.function-call	#326d74	—
entity.name.type, entity.name.class, support.type, support.class, entity.other.inherited-class	#326d74	—
entity.name.namespace, entity.name.type.namespace	#326d74	—
keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.logical, keyword.operator.assignment	#1c00cf	—
punctuation, meta.brace	#5d6c79	—
entity.name.tag, punctuation.definition.tag	#9b2393	—
entity.other.attribute-name	#1c00cf	—
string.regexp, constant.regexp	#1c00cf	—
markup.heading, entity.name.section	#9b2393	bold
markup.bold, punctuation.definition.bold	#326d74	bold
markup.italic, punctuation.definition.italic	#9b2393	italic
markup.underline.link, string.other.link	#0e0eff	underline
markup.inserted	#c41a16	—
markup.deleted	#9b2393	—
markup.changed	#326d74	—
invalid	#ffffff	—