Pixel Night Arcade Themes

Name: Pixel Night Arcade Themes
Author: vdhoangson

Publisher: vdhoangsonThemes in package: 5

A retro pixel-inspired VS Code theme with CRT contrast and arcade neon accents.

Open in VS Code GitHub

Color themes

VS Code preview

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

Pixel Night Arcade Themes — Pixel Famicom Punch

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#12060f
activityBar.foreground#ffd94a
activityBar.inactiveForeground#aa8a96
activityBarBadge.background#ff4d5a
activityBarBadge.foreground#fff7de
badge.background#ffd94a
badge.foreground#180913
button.background#ff4d5a
button.foreground#fff7de
button.hoverBackground#ff6f78
descriptionForeground#d9cfb0
diffEditor.insertedTextBackground#8af27b22
diffEditor.removedTextBackground#ff6b5f22
dropdown.background#2d1520
dropdown.border#7f2b45
editor.background#200d18
editor.findMatchBackground#ffd94a
editor.findMatchForeground#180913
editor.findMatchHighlightBackground#ffd94a44
editor.foreground#f8f3de
editor.inactiveSelectionBackground#401d3688
editor.selectionBackground#5a274d
editor.wordHighlightBackground#7cd6ff22
editor.wordHighlightStrongBackground#ffd94a33
editorBracketMatch.background#7cd6ff22
editorBracketMatch.border#7cd6ff
editorCursor.foreground#7cd6ff
editorGroup.border#5b2437
editorGroupHeader.tabsBackground#12060f
editorGutter.addedBackground#8af27b
editorGutter.deletedBackground#ff6b5f
editorGutter.modifiedBackground#7cd6ff
editorHoverWidget.background#180913
editorHoverWidget.border#7f2b45
editorIndentGuide.activeBackground1#7f2b45
editorIndentGuide.background1#3b1729
editorLineNumber.activeForeground#ffd94a
editorLineNumber.foreground#8e5f72
editorOverviewRuler.border#00000000
editorWhitespace.foreground#2b1020
editorWidget.background#180913
editorWidget.border#7f2b45
errorForeground#ff6b5f
focusBorder#ffd94a
foreground#f8f3de
icon.foreground#7cd6ff
input.background#180913
input.border#7f2b45
input.foreground#f8f3de
input.placeholderForeground#aa8a96
list.activeSelectionBackground#4b1f33
list.activeSelectionForeground#fff7de
list.highlightForeground#ffd94a
list.hoverBackground#331625
panel.background#12060f
panel.border#5b2437
panelTitle.activeForeground#ffd94a
panelTitle.inactiveForeground#aa8a96
progressBar.background#7cd6ff
scrollbar.shadow#00000000
scrollbarSlider.activeBackground#ffd94aaa
scrollbarSlider.background#7f2b4599
scrollbarSlider.hoverBackground#a6395eaa
selection.background#5a274d
sideBar.background#1a0b15
sideBar.border#5b2437
sideBar.foreground#e8dcc0
sideBarTitle.foreground#ffd94a
statusBar.background#0b0308
statusBar.border#5b2437
statusBar.debuggingBackground#ff4d5a
statusBar.debuggingForeground#fff7de
statusBar.foreground#e8dcc0
statusBar.noFolderBackground#0b0308
tab.activeBackground#2d1520
tab.activeBorderTop#ff4d5a
tab.activeForeground#fff7de
tab.border#5b2437
tab.inactiveBackground#12060f
tab.inactiveForeground#aa8a96
tab.unfocusedActiveBorderTop#7f2b45
terminal.ansiBlack#12060f
terminal.ansiBlue#5ea1ff
terminal.ansiBrightBlack#aa8a96
terminal.ansiBrightBlue#8ebcff
terminal.ansiBrightCyan#c5f1ff
terminal.ansiBrightGreen#b2ff9f
terminal.ansiBrightMagenta#ff88c3
terminal.ansiBrightRed#ff8a81
terminal.ansiBrightWhite#fff7de
terminal.ansiBrightYellow#fff0a3
terminal.ansiCyan#7cd6ff
terminal.ansiGreen#8af27b
terminal.ansiMagenta#ff4d9e
terminal.ansiRed#ff6b5f
terminal.ansiWhite#f8f3de
terminal.ansiYellow#ffd94a
terminal.background#12060f
terminal.foreground#f8f3de
textBlockQuote.background#2d1520
textCodeBlock.background#180913
textLink.activeForeground#c5f1ff
textLink.foreground#7cd6ff
textPreformat.foreground#8af27b
titleBar.activeBackground#0b0308
titleBar.activeForeground#fff0b1
titleBar.inactiveBackground#0b0308
titleBar.inactiveForeground#aa8a96
tree.indentGuidesStroke#5b2437

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#94727f	—
keyword, storage, storage.type	#ffd94a	—
string	#8af27b	—
constant.numeric, constant.language, support.constant	#ffb36b	—
entity.name.function, meta.function-call, support.function	#7cd6ff	—
variable, meta.definition.variable.name, support.variable	#f8f3de	—
variable.parameter	#ffc8de	—
entity.name.type, entity.name.class, support.type, support.class	#5ea1ff	—
entity.name.tag, punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end	#ff4d9e	—
entity.other.attribute-name, entity.other.attribute-name.class.html, entity.other.attribute-name.class.jsx, entity.other.attribute-name.class.tsx	#ffd94a	—
entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css	#7cd6ff	—
support.type.property-name.json, meta.object-literal.key	#ffb36b	—

VS Code preview

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

Pixel Night Arcade Themes — Pixel Game Boy Color

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#10191f
activityBar.foreground#c7f36b
activityBar.inactiveForeground#7c8d85
activityBarBadge.background#7b5cff
activityBarBadge.foreground#f7ffdd
badge.background#7b5cff
badge.foreground#f7ffdd
button.background#6c8cff
button.foreground#f7ffdd
button.hoverBackground#87a2ff
descriptionForeground#b6cc8b
diffEditor.insertedTextBackground#c7f36b22
diffEditor.removedTextBackground#ff7b6e22
dropdown.background#1a2528
dropdown.border#5b7293
editor.background#162126
editor.findMatchBackground#c7f36b
editor.findMatchForeground#10191f
editor.findMatchHighlightBackground#c7f36b44
editor.foreground#e6f4bf
editor.inactiveSelectionBackground#31485f88
editor.selectionBackground#3f5d7b
editor.wordHighlightBackground#7de1d922
editor.wordHighlightStrongBackground#c7f36b33
editorBracketMatch.background#7de1d922
editorBracketMatch.border#7de1d9
editorCursor.foreground#ffb36f
editorGroup.border#2b3940
editorGroupHeader.tabsBackground#10191f
editorGutter.addedBackground#c7f36b
editorGutter.deletedBackground#ff7b6e
editorGutter.modifiedBackground#7de1d9
editorHoverWidget.background#10191f
editorHoverWidget.border#5b7293
editorIndentGuide.activeBackground1#5b7293
editorIndentGuide.background1#253338
editorLineNumber.activeForeground#c7f36b
editorLineNumber.foreground#60706b
editorOverviewRuler.border#00000000
editorWhitespace.foreground#1f2c30
editorWidget.background#10191f
editorWidget.border#5b7293
errorForeground#ff7b6e
focusBorder#c7f36b
foreground#e6f4bf
icon.foreground#7de1d9
input.background#10191f
input.border#5b7293
input.foreground#e6f4bf
input.placeholderForeground#7c8d85
list.activeSelectionBackground#31485f
list.activeSelectionForeground#f7ffdd
list.highlightForeground#c7f36b
list.hoverBackground#253741
panel.background#10191f
panel.border#2b3940
panelTitle.activeForeground#c7f36b
panelTitle.inactiveForeground#7c8d85
progressBar.background#7de1d9
scrollbar.shadow#00000000
scrollbarSlider.activeBackground#7de1d9aa
scrollbarSlider.background#5b729399
scrollbarSlider.hoverBackground#7a96bfaa
selection.background#3f5d7b
sideBar.background#182226
sideBar.border#2b3940
sideBar.foreground#cedd9f
sideBarTitle.foreground#c7f36b
statusBar.background#0b1216
statusBar.border#2b3940
statusBar.debuggingBackground#6c8cff
statusBar.debuggingForeground#f7ffdd
statusBar.foreground#cedd9f
statusBar.noFolderBackground#0b1216
tab.activeBackground#1b282c
tab.activeBorderTop#6c8cff
tab.activeForeground#f7ffdd
tab.border#2b3940
tab.inactiveBackground#10191f
tab.inactiveForeground#7c8d85
tab.unfocusedActiveBorderTop#4f63c2
terminal.ansiBlack#10191f
terminal.ansiBlue#6c8cff
terminal.ansiBrightBlack#7c8d85
terminal.ansiBrightBlue#96b0ff
terminal.ansiBrightCyan#bef7f1
terminal.ansiBrightGreen#e1ffa0
terminal.ansiBrightMagenta#b69cff
terminal.ansiBrightRed#ffab96
terminal.ansiBrightWhite#f7ffdd
terminal.ansiBrightYellow#fff0a0
terminal.ansiCyan#7de1d9
terminal.ansiGreen#c7f36b
terminal.ansiMagenta#7b5cff
terminal.ansiRed#ff7b6e
terminal.ansiWhite#e6f4bf
terminal.ansiYellow#f0d86d
terminal.background#10191f
terminal.foreground#e6f4bf
textBlockQuote.background#202f2f
textCodeBlock.background#10191f
textLink.activeForeground#bef7f1
textLink.foreground#7de1d9
textPreformat.foreground#c7f36b
titleBar.activeBackground#0b1216
titleBar.activeForeground#e6f4bf
titleBar.inactiveBackground#0b1216
titleBar.inactiveForeground#7c8d85
tree.indentGuidesStroke#394d51

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#7c8d85	—
keyword, storage, storage.type	#c7f36b	—
string	#7de1d9	—
constant.numeric, constant.language, support.constant	#ffb36f	—
entity.name.function, meta.function-call, support.function	#6c8cff	—
variable, meta.definition.variable.name, support.variable	#e6f4bf	—
variable.parameter	#b69cff	—
entity.name.type, entity.name.class, support.type, support.class	#6c8cff	—
entity.name.tag, punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end	#7b5cff	—
entity.other.attribute-name, entity.other.attribute-name.class.html, entity.other.attribute-name.class.jsx, entity.other.attribute-name.class.tsx	#f0d86d	—
entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css	#7de1d9	—
support.type.property-name.json, meta.object-literal.key	#ffb36f	—

VS Code preview

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

Pixel Night Arcade Themes — Pixel Handheld Moss

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#182012
activityBar.foreground#d0f090
activityBar.inactiveForeground#7d8a63
activityBarBadge.background#b8d878
activityBarBadge.foreground#182012
badge.background#7f9f50
badge.foreground#182012
button.background#b8d878
button.foreground#182012
button.hoverBackground#d0f090
descriptionForeground#b1bf80
diffEditor.insertedTextBackground#b8d87822
diffEditor.removedTextBackground#e0886622
dropdown.background#2f3b23
dropdown.border#6f8a4d
editor.background#1f2918
editor.findMatchBackground#d0f090
editor.findMatchForeground#182012
editor.findMatchHighlightBackground#d0f09044
editor.foreground#d8e0b0
editor.inactiveSelectionBackground#44572f88
editor.selectionBackground#556b3f
editor.wordHighlightBackground#b8d87822
editor.wordHighlightStrongBackground#d0f09033
editorBracketMatch.background#b8d87822
editorBracketMatch.border#b8d878
editorCursor.foreground#f0f8c8
editorGroup.border#3d4c2c
editorGroupHeader.tabsBackground#182012
editorGutter.addedBackground#b8d878
editorGutter.deletedBackground#e08866
editorGutter.modifiedBackground#d8e0b0
editorHoverWidget.background#182012
editorHoverWidget.border#6f8a4d
editorIndentGuide.activeBackground1#6f8a4d
editorIndentGuide.background1#344126
editorLineNumber.activeForeground#d0f090
editorLineNumber.foreground#62724b
editorOverviewRuler.border#00000000
editorWhitespace.foreground#2a331e
editorWidget.background#182012
editorWidget.border#6f8a4d
errorForeground#e08866
focusBorder#b8d878
foreground#d8e0b0
icon.foreground#c8e890
input.background#182012
input.border#6f8a4d
input.foreground#d8e0b0
input.placeholderForeground#7d8a63
list.activeSelectionBackground#44572f
list.activeSelectionForeground#f0f8c8
list.highlightForeground#d0f090
list.hoverBackground#334127
panel.background#182012
panel.border#3d4c2c
panelTitle.activeForeground#d0f090
panelTitle.inactiveForeground#7d8a63
progressBar.background#c8e890
scrollbar.shadow#00000000
scrollbarSlider.activeBackground#b8d87899
scrollbarSlider.background#6f8a4d88
scrollbarSlider.hoverBackground#8aa85c99
selection.background#556b3f
sideBar.background#202817
sideBar.border#3d4c2c
sideBar.foreground#c8d09f
sideBarTitle.foreground#d0f090
statusBar.background#12180d
statusBar.border#3d4c2c
statusBar.debuggingBackground#6f8a4d
statusBar.debuggingForeground#f0f8c8
statusBar.foreground#c8d09f
statusBar.noFolderBackground#12180d
tab.activeBackground#2a331e
tab.activeBorderTop#b8d878
tab.activeForeground#f0f8c8
tab.border#3d4c2c
tab.inactiveBackground#182012
tab.inactiveForeground#7d8a63
tab.unfocusedActiveBorderTop#7f9f50
terminal.ansiBlack#182012
terminal.ansiBlue#8fa86b
terminal.ansiBrightBlack#7d8a63
terminal.ansiBrightBlue#b1bf80
terminal.ansiBrightCyan#e0f8b0
terminal.ansiBrightGreen#d0f090
terminal.ansiBrightMagenta#c8d09f
terminal.ansiBrightRed#f0a888
terminal.ansiBrightWhite#f0f8c8
terminal.ansiBrightYellow#f0f8c8
terminal.ansiCyan#c8e890
terminal.ansiGreen#b8d878
terminal.ansiMagenta#a8bf78
terminal.ansiRed#e08866
terminal.ansiWhite#d8e0b0
terminal.ansiYellow#d0f090
terminal.background#182012
terminal.foreground#d8e0b0
textBlockQuote.background#2a331e
textCodeBlock.background#182012
textLink.activeForeground#f0f8c8
textLink.foreground#d8e0b0
textPreformat.foreground#c8e890
titleBar.activeBackground#12180d
titleBar.activeForeground#f0f8c8
titleBar.inactiveBackground#12180d
titleBar.inactiveForeground#7d8a63
tree.indentGuidesStroke#556b3f

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#7d8a63	—
keyword, storage, storage.type	#d0f090	—
string	#b8d878	—
constant.numeric, constant.language, support.constant	#f0c080	—
entity.name.function, meta.function-call, support.function	#c8e890	—
variable, meta.definition.variable.name, support.variable	#d8e0b0	—
variable.parameter	#f0f8c8	—
entity.name.type, entity.name.class, support.type, support.class	#a8bf78	—
entity.name.tag, punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end	#d0f090	—
entity.other.attribute-name, entity.other.attribute-name.class.html, entity.other.attribute-name.class.jsx, entity.other.attribute-name.class.tsx	#f0c080	—
entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css	#c8e890	—
support.type.property-name.json, meta.object-literal.key	#f0c080	—

VS Code preview

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

Pixel Night Arcade Themes — Pixel Night Arcade

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#0d1021
activityBar.foreground#ffd54f
activityBar.inactiveForeground#6973a8
activityBarBadge.background#ff4fa3
activityBarBadge.foreground#fff9d9
badge.background#ff4fa3
badge.foreground#fff9d9
button.background#ffd54f
button.foreground#111427
button.hoverBackground#ffe082
descriptionForeground#c9c37f
diffEditor.insertedTextBackground#7df77d22
diffEditor.removedTextBackground#ff6b6b22
dropdown.background#20243f
dropdown.border#4b5d9a
editor.background#161a30
editor.findMatchBackground#ffd54f
editor.findMatchForeground#111427
editor.findMatchHighlightBackground#ffd54f44
editor.foreground#f6f2c2
editor.inactiveSelectionBackground#24365a
editor.selectionBackground#304c7a
editor.wordHighlightBackground#49d7ff33
editor.wordHighlightStrongBackground#ffd54f33
editorBracketMatch.background#49d7ff22
editorBracketMatch.border#49d7ff
editorCursor.foreground#ff4fa3
editorGroup.border#33406d
editorGroupHeader.tabsBackground#0d1021
editorGutter.addedBackground#7df77d
editorGutter.deletedBackground#ff6b6b
editorGutter.modifiedBackground#49d7ff
editorHoverWidget.background#10142b
editorHoverWidget.border#4b5d9a
editorIndentGuide.activeBackground1#4b5d9a
editorIndentGuide.background1#27315a
editorLineNumber.activeForeground#ffd54f
editorLineNumber.foreground#58638e
editorOverviewRuler.border#00000000
editorWhitespace.foreground#20274a
editorWidget.background#10142b
editorWidget.border#4b5d9a
errorForeground#ff6b6b
focusBorder#ffd54f
foreground#f6f2c2
icon.foreground#49d7ff
input.background#111427
input.border#4b5d9a
input.foreground#f6f2c2
input.placeholderForeground#7a84b8
list.activeSelectionBackground#253057
list.activeSelectionForeground#fff9d9
list.highlightForeground#ffd54f
list.hoverBackground#1a2140
panel.background#0d1021
panel.border#33406d
panelTitle.activeForeground#ffd54f
panelTitle.inactiveForeground#6973a8
progressBar.background#49d7ff
scrollbar.shadow#00000000
scrollbarSlider.activeBackground#49d7ffaa
scrollbarSlider.background#4b5d9a99
scrollbarSlider.hoverBackground#6480d0aa
selection.background#304c7a
sideBar.background#141933
sideBar.border#33406d
sideBar.foreground#d8d08f
sideBarTitle.foreground#ffd54f
statusBar.background#080b18
statusBar.border#33406d
statusBar.debuggingBackground#ff4fa3
statusBar.debuggingForeground#fff9d9
statusBar.foreground#d8d08f
statusBar.noFolderBackground#080b18
tab.activeBackground#1b2245
tab.activeBorderTop#ffd54f
tab.activeForeground#fff9d9
tab.border#33406d
tab.inactiveBackground#0d1021
tab.inactiveForeground#7a84b8
tab.unfocusedActiveBorderTop#8f7a2d
terminal.ansiBlack#0d1021
terminal.ansiBlue#6d8cff
terminal.ansiBrightBlack#6973a8
terminal.ansiBrightBlue#91a7ff
terminal.ansiBrightCyan#8aeaff
terminal.ansiBrightGreen#b0ff9e
terminal.ansiBrightMagenta#ff8bd0
terminal.ansiBrightRed#ff9b8f
terminal.ansiBrightWhite#fff9d9
terminal.ansiBrightYellow#fff08c
terminal.ansiCyan#49d7ff
terminal.ansiGreen#7df77d
terminal.ansiMagenta#ff4fa3
terminal.ansiRed#ff6b6b
terminal.ansiWhite#f6f2c2
terminal.ansiYellow#ffd54f
terminal.background#0d1021
terminal.foreground#f6f2c2
textBlockQuote.background#20243f
textCodeBlock.background#111427
textLink.activeForeground#8aeaff
textLink.foreground#49d7ff
textPreformat.foreground#7df77d
titleBar.activeBackground#080b18
titleBar.activeForeground#fff2a8
titleBar.inactiveBackground#080b18
titleBar.inactiveForeground#6973a8
tree.indentGuidesStroke#3b4776

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#5f7d58
string, meta.embedded.assembly	#7df77d	—
constant.numeric, constant.language, support.constant	#ff9b5e	—
keyword, storage, storage.type	#ffd54f	—
entity.name.function, meta.function-call, support.function	#49d7ff	—
variable, meta.definition.variable.name, support.variable	#f6f2c2	—
variable.parameter	#ffb3d9	—
entity.name.type, entity.name.class, support.type, support.class	#6d8cff	—
entity.name.tag, markup.heading	#ff4fa3	—
entity.other.attribute-name	#ff9b5e	—
entity.name.tag, punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end	#ff4fa3	—
entity.other.attribute-name.class.html, entity.other.attribute-name.class.jsx, entity.other.attribute-name.class.tsx, entity.other.attribute-name.id.html, entity.other.attribute-name.id.jsx, entity.other.attribute-name.id.tsx	#ffd54f	—
entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css	#49d7ff	—
meta.object-literal.key, support.type.property-name.json	#ff9b5e	—
string.template, punctuation.definition.template-expression, meta.template.expression	#7df77d	—
invalid, invalid.deprecated	#111427	—