Smit Dark Theme

Name: Smit Dark Theme
Author: Smit Dudhat

Publisher: Smit DudhatThemes in package: 24

A comprehensive dark theme collection with 24 unique variants including the new Aurora Velvet daily-driver theme - from minimal to cyberpunk, soft to high-contrast!

Open in VS Code GitHub

Color themes

VS Code preview

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

Smit Dark Theme — Smit Coffee

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#2a1f1a
activityBar.foreground#d4a574
activityBar.inactiveForeground#5a4535
activityBarBadge.background#c89060
activityBarBadge.foreground#1a1210
badge.background#c89060
badge.foreground#1a1210
button.background#c89060
button.foreground#1a1210
button.hoverBackground#d4a574
debugToolBar.background#2a1f1a
debugToolBar.border#4a3528
editor.background#2a1f1a
editor.findMatchBackground#c8906060
editor.findMatchHighlightBackground#c8906030
editor.foreground#e6d4c4
editor.inactiveSelectionBackground#34252040
editor.lineHighlightBackground#32221c40
editor.selectionBackground#3a2a2060
editor.wordHighlightBackground#3a2a2050
editor.wordHighlightStrongBackground#3a2a2080
editorBracketMatch.background#3a2a2050
editorBracketMatch.border#d4a574
editorCursor.foreground#d4a574
editorError.foreground#d49080
editorGroupHeader.tabsBackground#2a1f1a
editorHint.foreground#b8a588
editorIndentGuide.activeBackground#4a3528
editorIndentGuide.background#3a2a20
editorInfo.foreground#d4a574
editorLineNumber.activeForeground#a88060
editorLineNumber.foreground#4a3528
editorSuggestWidget.background#2a1f1a
editorSuggestWidget.border#4a3528
editorSuggestWidget.selectedBackground#3a2a20
editorWarning.foreground#e6c090
editorWhitespace.foreground#3a2820
editorWidget.background#2a1f1a
editorWidget.border#4a3528
extensionButton.prominentBackground#c89060
extensionButton.prominentForeground#1a1210
extensionButton.prominentHoverBackground#d4a574
gitDecoration.conflictingResourceForeground#c8a090
gitDecoration.deletedResourceForeground#d49080
gitDecoration.ignoredResourceForeground#5a4535
gitDecoration.modifiedResourceForeground#e6c090
gitDecoration.untrackedResourceForeground#b8a588
input.background#342520
input.border#4a3528
input.foreground#e6d4c4
inputOption.activeBackground#3a2a20
inputOption.activeForeground#f4e4d4
list.activeSelectionBackground#3a2a20
list.activeSelectionForeground#f4e4d4
list.hoverBackground#32221c
list.hoverForeground#e6d4c4
list.inactiveSelectionBackground#342520
notificationCenter.border#4a3528
notifications.background#2a1f1a
notifications.border#4a3528
notificationToast.border#4a3528
panel.background#2a1f1a
panel.border#3a2a20
panelTitle.activeBorder#d4a574
panelTitle.activeForeground#f4e4d4
panelTitle.inactiveForeground#7a5a45
peekViewEditor.background#2a1f1a
peekViewResult.background#2a1f1a
peekViewTitle.background#3a2a20
pickerGroup.border#4a3528
pickerGroup.foreground#d4a574
scrollbarSlider.activeBackground#7a5a45
scrollbarSlider.background#4a352880
scrollbarSlider.hoverBackground#5a4535
sideBar.background#2a1f1a
sideBar.foreground#ceb49a
sideBarSectionHeader.background#2a1f1a
sideBarSectionHeader.foreground#d4a574
sideBarTitle.foreground#e6d4c4
statusBar.background#2a1f1a
statusBar.debuggingBackground#c89060
statusBar.debuggingForeground#1a1210
statusBar.foreground#a88060
statusBar.noFolderBackground#2a1f1a
tab.activeBackground#3a2a20
tab.activeForeground#f4e4d4
tab.border#2a1f1a
tab.inactiveBackground#2a1f1a
tab.inactiveForeground#7a5a45
terminal.ansiBlack#1a1210
terminal.ansiBlue#9aa0b0
terminal.ansiBrightBlack#5a4535
terminal.ansiBrightBlue#aab0c0
terminal.ansiBrightCyan#c0c8b8
terminal.ansiBrightGreen#c8b598
terminal.ansiBrightMagenta#d8b0a0
terminal.ansiBrightRed#e4a090
terminal.ansiBrightWhite#f6e4d4
terminal.ansiBrightYellow#f6d0a0
terminal.ansiCyan#b0b8a8
terminal.ansiGreen#b8a588
terminal.ansiMagenta#c8a090
terminal.ansiRed#d49080
terminal.ansiWhite#e6d4c4
terminal.ansiYellow#e6c090
terminal.background#2a1f1a
terminal.foreground#e6d4c4
titleBar.activeBackground#2a1f1a
titleBar.activeForeground#e6d4c4
titleBar.inactiveBackground#2a1f1a
titleBar.inactiveForeground#5a4535

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#7a5a45	italic
keyword, storage.type, storage.modifier	#c89060	—
keyword.control, keyword.operator	#d4a574	—
string, string.quoted	#b8a588	—
constant.numeric, constant.language	#e6c090	—
constant.character.escape	#f6d0a0	—
entity.name.function, support.function	#d4a574	—
entity.name.class, entity.name.type, support.class	#c8b598	—
variable, variable.other	#e6d4c4	—
variable.parameter	#ceb49a	—
entity.name.tag	#c89060	—
entity.other.attribute-name	#c8a090	—
support.type.property-name	#b0b8a8	—
markup.heading	#d4a574	bold
markup.bold	#c89060	bold
markup.italic	#c8a090	italic
markup.underline	—	underline
markup.inline.raw	#b8a588	—
punctuation.definition.tag	#7a5a45	—
meta.function-call	#d4a574	—
invalid	#d49080	—

VS Code preview

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

Smit Dark Theme — Smit Crimson Red

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#1f1418
activityBar.foreground#e74c6c
activityBar.inactiveForeground#7a4757
activityBarBadge.background#e74c6c
activityBarBadge.foreground#2a1a1f
badge.background#e74c6c
badge.foreground#2a1a1f
button.background#e74c6c
button.foreground#2a1a1f
button.hoverBackground#d13a59
debugToolBar.background#1f1418
debugToolBar.border#4d2f3a
editor.background#2a1a1f
editor.findMatchBackground#a13e5a
editor.findMatchHighlightBackground#a13e5a55
editor.foreground#f5c5d5
editor.inactiveSelectionBackground#372027
editor.lineHighlightBackground#281c21
editor.selectionBackground#4a2a35
editor.wordHighlightBackground#4a2a3555
editor.wordHighlightStrongBackground#4a2a3599
editorBracketMatch.background#4a2a35
editorBracketMatch.border#e74c6c
editorCursor.foreground#f5c5d5
editorError.foreground#ff6b9d
editorGroupHeader.tabsBackground#1f1418
editorHint.foreground#ffa8bc
editorIndentGuide.activeBackground#4d2f3a
editorIndentGuide.background#372027
editorInfo.foreground#e74c6c
editorLineNumber.activeForeground#e74c6c
editorLineNumber.foreground#4d2f3a
editorSuggestWidget.background#1f1418
editorSuggestWidget.border#4d2f3a
editorSuggestWidget.selectedBackground#4a2a35
editorWarning.foreground#ffb3c6
editorWhitespace.foreground#4d2f3a
editorWidget.background#1f1418
editorWidget.border#4d2f3a
extensionButton.prominentBackground#e74c6c
extensionButton.prominentForeground#2a1a1f
extensionButton.prominentHoverBackground#d13a59
gitDecoration.conflictingResourceForeground#ff8da1
gitDecoration.deletedResourceForeground#ff6b9d
gitDecoration.ignoredResourceForeground#7a4757
gitDecoration.modifiedResourceForeground#ffb3c6
gitDecoration.untrackedResourceForeground#ffa8bc
input.background#2a1a1f
input.border#4d2f3a
input.foreground#f5c5d5
inputOption.activeBackground#4a2a35
inputOption.activeForeground#f5c5d5
list.activeSelectionBackground#4a2a35
list.activeSelectionForeground#f5c5d5
list.hoverBackground#372027
list.hoverForeground#f5c5d5
list.inactiveSelectionBackground#372027
notificationCenter.border#4d2f3a
notifications.background#1f1418
notifications.border#4d2f3a
notificationToast.border#4d2f3a
panel.background#1f1418
panel.border#2a1a1f
panelTitle.activeBorder#e74c6c
panelTitle.activeForeground#f5c5d5
panelTitle.inactiveForeground#7a4757
peekViewEditor.background#1f1418
peekViewResult.background#1f1418
peekViewTitle.background#2a1a1f
pickerGroup.border#4d2f3a
pickerGroup.foreground#e74c6c
scrollbarSlider.activeBackground#7a4757
scrollbarSlider.background#4d2f3a80
scrollbarSlider.hoverBackground#4d2f3a
sideBar.background#1f1418
sideBar.foreground#d99fad
sideBarSectionHeader.background#2a1a1f
sideBarSectionHeader.foreground#e74c6c
sideBarTitle.foreground#f5c5d5
statusBar.background#1f1418
statusBar.debuggingBackground#ff6b9d
statusBar.debuggingForeground#2a1a1f
statusBar.foreground#d99fad
statusBar.noFolderBackground#1f1418
tab.activeBackground#2a1a1f
tab.activeForeground#f5c5d5
tab.border#1f1418
tab.inactiveBackground#1f1418
tab.inactiveForeground#7a4757
terminal.ansiBlack#523a44
terminal.ansiBlue#e74c6c
terminal.ansiBrightBlack#7a4757
terminal.ansiBrightBlue#e74c6c
terminal.ansiBrightCyan#ffa8bc
terminal.ansiBrightGreen#ff9eb3
terminal.ansiBrightMagenta#ff8da1
terminal.ansiBrightRed#ff6b9d
terminal.ansiBrightWhite#f5c5d5
terminal.ansiBrightYellow#ffb3c6
terminal.ansiCyan#ffa8bc
terminal.ansiGreen#ff9eb3
terminal.ansiMagenta#ff8da1
terminal.ansiRed#ff6b9d
terminal.ansiWhite#f5c5d5
terminal.ansiYellow#ffb3c6
terminal.background#2a1a1f
terminal.foreground#f5c5d5
titleBar.activeBackground#1f1418
titleBar.activeForeground#f5c5d5
titleBar.inactiveBackground#1f1418
titleBar.inactiveForeground#7a4757

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#7a4757	italic
keyword, storage.type, storage.modifier	#ff8da1	—
keyword.control, keyword.operator	#ff8da1	—
string, string.quoted	#ff9eb3	—
constant.numeric, constant.language	#ffb3c6	—
constant.character.escape	#ff8da1	—
entity.name.function, support.function	#e74c6c	—
entity.name.class, entity.name.type, support.class	#ffb3c6	—
variable, variable.other	#f5c5d5	—
variable.parameter	#d99fad	—
entity.name.tag	#ff6b9d	—
entity.other.attribute-name	#ff8da1	—
support.type.property-name	#e74c6c	—
markup.heading	#e74c6c	bold
markup.bold	#ffb3c6	bold
markup.italic	#ff8da1	italic
markup.underline	—	underline
markup.inline.raw	#ff9eb3	—
punctuation.definition.tag	#7a4757	—
meta.function-call	#e74c6c	—
invalid	#ff6b9d	—

VS Code preview

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

Smit Dark Theme — Smit 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.background#0a0e14
activityBar.foreground#89b4fa
activityBar.inactiveForeground#6c7a99
activityBarBadge.background#89b4fa
activityBarBadge.foreground#0a0e14
badge.background#7aa2f7
badge.foreground#1a1b26
button.background#7aa2f7
button.foreground#1a1b26
button.hoverBackground#5a8cdb
debugToolBar.background#0a0e14
debugToolBar.border#3d4450
editor.background#0f1419
editor.findMatchBackground#3d59a1
editor.findMatchHighlightBackground#3d59a155
editor.foreground#e0e8ff
editor.inactiveSelectionBackground#292e42
editor.lineHighlightBackground#151a21
editor.selectionBackground#2e3c64
editor.wordHighlightBackground#2e3c6455
editor.wordHighlightStrongBackground#2e3c6499
editorBracketMatch.background#2e3c64
editorBracketMatch.border#7aa2f7
editorCursor.foreground#89b4fa
editorError.foreground#f7768e
editorGroupHeader.tabsBackground#0a0e14
editorHint.foreground#73daca
editorIndentGuide.activeBackground#3d4450
editorIndentGuide.background#252a33
editorInfo.foreground#7aa2f7
editorLineNumber.activeForeground#89b4fa
editorLineNumber.foreground#4a5475
editorSuggestWidget.background#0a0e14
editorSuggestWidget.border#3d4450
editorSuggestWidget.selectedBackground#2e3c64
editorWarning.foreground#e0af68
editorWhitespace.foreground#3d4450
editorWidget.background#0a0e14
editorWidget.border#3d4450
extensionButton.prominentBackground#7aa2f7
extensionButton.prominentForeground#1a1b26
extensionButton.prominentHoverBackground#5a8cdb
gitDecoration.conflictingResourceForeground#bb9af7
gitDecoration.deletedResourceForeground#f7768e
gitDecoration.ignoredResourceForeground#565f89
gitDecoration.modifiedResourceForeground#e0af68
gitDecoration.untrackedResourceForeground#73daca
input.background#0f1419
input.border#3d4450
input.foreground#c0caf5
inputOption.activeBackground#2e3c64
inputOption.activeForeground#c0caf5
list.activeSelectionBackground#3d4f7a
list.activeSelectionForeground#e0e8ff
list.hoverBackground#2e3c64
list.hoverForeground#e0e8ff
list.inactiveSelectionBackground#2e3c64
notificationCenter.border#3b4261
notifications.background#0a0e14
notifications.border#3d4450
notificationToast.border#3d4450
panel.background#16161e
panel.border#1a1b26
panelTitle.activeBorder#7aa2f7
panelTitle.activeForeground#c0caf5
panelTitle.inactiveForeground#565f89
peekViewEditor.background#16161e
peekViewResult.background#16161e
peekViewTitle.background#1a1b26
pickerGroup.border#3b4261
pickerGroup.foreground#7aa2f7
scrollbarSlider.activeBackground#565f89
scrollbarSlider.background#3b426180
scrollbarSlider.hoverBackground#3b4261
sideBar.background#0a0e14
sideBar.foreground#c0caf5
sideBarSectionHeader.background#0f1419
sideBarSectionHeader.foreground#89b4fa
sideBarTitle.foreground#e0e8ff
statusBar.background#0a0e14
statusBar.debuggingBackground#ff6b8a
statusBar.debuggingForeground#ffffff
statusBar.foreground#c0caf5
statusBar.noFolderBackground#0a0e14
tab.activeBackground#0f1419
tab.activeForeground#e0e8ff
tab.border#0a0e14
tab.inactiveBackground#0a0e14
tab.inactiveForeground#6c7a99
terminal.ansiBlack#414868
terminal.ansiBlue#7aa2f7
terminal.ansiBrightBlack#565f89
terminal.ansiBrightBlue#7aa2f7
terminal.ansiBrightCyan#7dcfff
terminal.ansiBrightGreen#9ece6a
terminal.ansiBrightMagenta#bb9af7
terminal.ansiBrightRed#f7768e
terminal.ansiBrightWhite#c0caf5
terminal.ansiBrightYellow#e0af68
terminal.ansiCyan#7dcfff
terminal.ansiGreen#9ece6a
terminal.ansiMagenta#bb9af7
terminal.ansiRed#f7768e
terminal.ansiWhite#c0caf5
terminal.ansiYellow#e0af68
terminal.background#1a1b26
terminal.foreground#e0e8ff
titleBar.activeBackground#0a0e14
titleBar.activeForeground#e0e8ff
titleBar.inactiveBackground#0a0e14
titleBar.inactiveForeground#6c7a99

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#6c7a99	italic
keyword, storage.type, storage.modifier	#cba6f7	bold
keyword.control, keyword.operator	#cba6f7	bold
string, string.quoted	#a6e3a1	—
constant.numeric, constant.language	#fab387	—
constant.character.escape	#f9e2af	—
entity.name.function, support.function	#89b4fa	bold
entity.name.class, entity.name.type, support.class	#f9e2af	bold
variable, variable.other	#e0e8ff	—
variable.parameter	#f5c2e7	—
entity.name.tag	#f38ba8	bold
entity.other.attribute-name	#cba6f7	—
support.type.property-name	#89dceb	—
markup.heading	#89b4fa	bold
markup.bold	#f9e2af	bold
markup.italic	#cba6f7	italic
markup.underline	—	underline
markup.inline.raw	#a6e3a1	—
punctuation.definition.tag	#7f849c	—
meta.function-call	#89b4fa	—
invalid	#f38ba8	bold

VS Code preview

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

Smit Dark Theme — Smit Deep Ocean

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#0f1419
activityBar.foreground#4dd4d4
activityBar.inactiveForeground#2a3f4a
activityBarBadge.background#4dd4d4
activityBarBadge.foreground#0f1419
badge.background#4dd4d4
badge.foreground#0f1419
button.background#4dd4d4
button.foreground#0f1419
button.hoverBackground#5de4e4
debugToolBar.background#0f1419
debugToolBar.border#1f3040
editor.background#0f1419
editor.findMatchBackground#4dd4d460
editor.findMatchHighlightBackground#4dd4d430
editor.foreground#a8d4e6
editor.inactiveSelectionBackground#1a253040
editor.lineHighlightBackground#141c2640
editor.selectionBackground#1a364560
editor.wordHighlightBackground#1a364550
editor.wordHighlightStrongBackground#1a364580
editorBracketMatch.background#1a364550
editorBracketMatch.border#4dd4d4
editorCursor.foreground#4dd4d4
editorError.foreground#5a99bb
editorGroupHeader.tabsBackground#0f1419
editorHint.foreground#5abebb
editorIndentGuide.activeBackground#2a3f4a
editorIndentGuide.background#1a2530
editorInfo.foreground#4dd4d4
editorLineNumber.activeForeground#5a8099
editorLineNumber.foreground#2a3f4a
editorSuggestWidget.background#0f1419
editorSuggestWidget.border#1f3040
editorSuggestWidget.selectedBackground#1a2530
editorWarning.foreground#7ad4d4
editorWhitespace.foreground#1f3040
editorWidget.background#0f1419
editorWidget.border#1f3040
extensionButton.prominentBackground#4dd4d4
extensionButton.prominentForeground#0f1419
extensionButton.prominentHoverBackground#5de4e4
gitDecoration.conflictingResourceForeground#5abedd
gitDecoration.deletedResourceForeground#5a99bb
gitDecoration.ignoredResourceForeground#2a3f4a
gitDecoration.modifiedResourceForeground#7ad4d4
gitDecoration.untrackedResourceForeground#5abebb
input.background#1a2530
input.border#1f3040
input.foreground#a8d4e6
inputOption.activeBackground#1a3645
inputOption.activeForeground#c8dce6
list.activeSelectionBackground#1a2530
list.activeSelectionForeground#c8dce6
list.hoverBackground#141c26
list.hoverForeground#a8d4e6
list.inactiveSelectionBackground#161e28
notificationCenter.border#1f3040
notifications.background#0f1419
notifications.border#1f3040
notificationToast.border#1f3040
panel.background#0f1419
panel.border#1a2530
panelTitle.activeBorder#4dd4d4
panelTitle.activeForeground#c8dce6
panelTitle.inactiveForeground#3a5a6a
peekViewEditor.background#0f1419
peekViewResult.background#0f1419
peekViewTitle.background#1a2530
pickerGroup.border#1f3040
pickerGroup.foreground#4dd4d4
scrollbarSlider.activeBackground#3a5a6a
scrollbarSlider.background#1f304080
scrollbarSlider.hoverBackground#2a3f4a
sideBar.background#0f1419
sideBar.foreground#8fb4c6
sideBarSectionHeader.background#0f1419
sideBarSectionHeader.foreground#4dd4d4
sideBarTitle.foreground#c8dce6
statusBar.background#0f1419
statusBar.debuggingBackground#4dd4d4
statusBar.debuggingForeground#0f1419
statusBar.foreground#5a8099
statusBar.noFolderBackground#0f1419
tab.activeBackground#1a2530
tab.activeForeground#c8dce6
tab.border#0f1419
tab.inactiveBackground#0f1419
tab.inactiveForeground#3a5a6a
terminal.ansiBlack#0f1419
terminal.ansiBlue#3aa4c4
terminal.ansiBrightBlack#2a3f4a
terminal.ansiBrightBlue#4ab4d4
terminal.ansiBrightCyan#5de4e4
terminal.ansiBrightGreen#6acecc
terminal.ansiBrightMagenta#6aceee
terminal.ansiBrightRed#6aa9cc
terminal.ansiBrightWhite#e8f8ff
terminal.ansiBrightYellow#8ae4e4
terminal.ansiCyan#4dd4d4
terminal.ansiGreen#5abebb
terminal.ansiMagenta#5abedd
terminal.ansiRed#5a99bb
terminal.ansiWhite#c8dce6
terminal.ansiYellow#7ad4d4
terminal.background#0f1419
terminal.foreground#a8d4e6
titleBar.activeBackground#0f1419
titleBar.activeForeground#a8d4e6
titleBar.inactiveBackground#0f1419
titleBar.inactiveForeground#2a3f4a

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#3a5a6a	italic
keyword, storage.type, storage.modifier	#3aa4c4	—
keyword.control, keyword.operator	#4ab4d4	—
string, string.quoted	#5abebb	—
constant.numeric, constant.language	#7ad4d4	—
constant.character.escape	#8ae4e4	—
entity.name.function, support.function	#4dd4d4	—
entity.name.class, entity.name.type, support.class	#6acecc	—
variable, variable.other	#a8d4e6	—
variable.parameter	#8fb4c6	—
entity.name.tag	#3aa4c4	—
entity.other.attribute-name	#5abedd	—
support.type.property-name	#4dd4d4	—
markup.heading	#4dd4d4	bold
markup.bold	#3aa4c4	bold
markup.italic	#5abedd	italic
markup.underline	—	underline
markup.inline.raw	#5abebb	—
punctuation.definition.tag	#3a5a6a	—
meta.function-call	#4dd4d4	—
invalid	#5a99bb	—