Minimal Color Dark

Name: Minimal Color Dark
Author: Dark Voyage

Publisher: Dark VoyageThemes in package: 1

A soft, low-contrast dark theme designed for comfortable long coding sessions with minimal eye strain and without flashy syntax highlighting.

Open in VS Code GitHub

VS Code preview

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

Minimal Color Dark — Minimal Color 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.activeBackground#181818
activityBar.activeBorder#6A6A6A
activityBar.activeFocusBorder#6A6A6A
activityBar.background#080808
activityBar.foreground#9A9A9A
activityBar.inactiveForeground#5F5F5F
activityBarBadge.background#3A3A3A
activityBarBadge.foreground#B0B0B0
button.background#0A0A0A
button.foreground#A0A0A0
button.hoverBackground#181818
button.secondaryBackground#0A0A0A
button.secondaryForeground#A0A0A0
button.secondaryHoverBackground#181818
descriptionForeground#858585
diffEditor.border#222222
diffEditor.insertedLineBackground#10181080
diffEditor.insertedTextBackground#15201580
diffEditor.removedLineBackground#18101080
diffEditor.removedTextBackground#20151580
dropdown.background#0A0A0A
dropdown.border#222222
dropdown.foreground#A0A0A0
editor.background#0A0A0A
editor.foreground#E6E6E6
editor.inactiveSelectionBackground#20202080
editor.lineHighlightBackground#101010
editor.lineHighlightBorder#1A1A1A
editor.selectionBackground#2A2A2A
editorBracketHighlight.foreground1#8FB5D3
editorBracketHighlight.foreground2#CFC08F
editorBracketHighlight.foreground3#A7C69F
editorBracketHighlight.foreground4#8FB5D3
editorBracketHighlight.foreground5#CFC08F
editorBracketHighlight.foreground6#A7C69F
editorBracketMatch.background#1A1A1A
editorBracketMatch.border#454545
editorBracketPairGuide.activeBackground1#303030
editorBracketPairGuide.background1#202020
editorCursor.foreground#C8C8C8
editorError.border#503535
editorError.foreground#C08080
editorGroupHeader.tabsBackground#080808
editorGutter.background#0A0A0A
editorHint.foreground#808080
editorHoverWidget.background#0A0A0A
editorHoverWidget.border#202020
editorHoverWidget.foreground#A0A0A0
editorHoverWidget.highlightForeground#B8A8C8
editorHoverWidget.statusBarBackground#080808
editorIndentGuide.activeBackground1#404040
editorIndentGuide.background1#303030
editorInfo.foreground#8FA8B8
editorOverviewRuler.background#0A0A0A
editorSuggestWidget.background#0A0A0A
editorSuggestWidget.border#202020
editorSuggestWidget.focusHighlightForeground#B8A8C8
editorSuggestWidget.foreground#A0A0A0
editorSuggestWidget.highlightForeground#B8A8C8
editorSuggestWidget.selectedBackground#181818
editorSuggestWidget.selectedForeground#B8B8B8
editorSuggestWidget.selectedIconForeground#909090
editorWarning.border#51472F
editorWarning.foreground#C4AA78
editorWidget.background#0A0A0A
editorWidget.border#222222
extensionButton.background#0A0A0A
extensionButton.foreground#A0A0A0
extensionButton.hoverBackground#181818
extensionButton.prominentBackground#0A0A0A
extensionButton.prominentForeground#A0A0A0
extensionButton.prominentHoverBackground#181818
extensionIcon.sponsorForeground#A0A0A0
extensionIcon.starForeground#A0A0A0
extensionIcon.verifiedForeground#A0A0A0
foreground#A0A0A0
gitDecoration.addedResourceForeground#8FAF8F
gitDecoration.deletedResourceForeground#B08080
gitDecoration.ignoredResourceForeground#606060
gitDecoration.modifiedResourceForeground#91A8B8
gitDecoration.untrackedResourceForeground#8FAF8F
icon.foreground#808080
input.background#0F0F0F
input.border#222222
input.foreground#A0A0A0
keybindingLabel.background#141414
keybindingLabel.border#222222
keybindingLabel.bottomBorder#222222
keybindingLabel.foreground#909090
list.activeSelectionBackground#1A1A1A
list.activeSelectionForeground#B8B8B8
list.hoverBackground#151515
menu.background#0A0A0A
menu.border#1A1A1A
menu.foreground#A0A0A0
menu.selectionBackground#181818
menu.selectionForeground#B8B8B8
menu.separatorBackground#2A2A2A
minimap.background#0A0A0A
panel.background#080808
panel.border#1A1A1A
panelTitle.activeBorder#6A6A6A
panelTitle.activeForeground#D0D0D0
panelTitle.inactiveForeground#666666
quickInput.background#0A0A0A
quickInput.foreground#A0A0A0
quickInputList.focusBackground#151515
quickInputList.focusForeground#B8B8B8
quickInputList.focusIconForeground#A0A0A0
quickInputTitle.background#080808
sideBar.background#080808
sideBar.foreground#808080
sideBarSectionHeader.background#0A0A0A
sideBarTitle.foreground#9A9A9A
statusBar.background#080808
statusBar.foreground#A0A0A0
statusBar.noFolderBackground#080808
statusBarItem.hoverBackground#151515
tab.activeBackground#0A0A0A
tab.activeBorder#303030
tab.activeForeground#B0B0B0
tab.border#1A1A1A
tab.hoverBackground#111111
tab.hoverForeground#A0A0A0
tab.inactiveBackground#080808
tab.inactiveForeground#707070
terminal.ansiBlack#202020
terminal.ansiBlue#8FA8B8
terminal.ansiBrightBlack#606060
terminal.ansiBrightBlue#A0B8C8
terminal.ansiBrightCyan#A0C0C0
terminal.ansiBrightGreen#A0BEA0
terminal.ansiBrightMagenta#C0A8C8
terminal.ansiBrightRed#C09090
terminal.ansiBrightWhite#D0D0D0
terminal.ansiBrightYellow#D0B888
terminal.ansiCyan#8FAFB0
terminal.ansiGreen#8FAF8F
terminal.ansiMagenta#B09AB8
terminal.ansiRed#B08080
terminal.ansiWhite#C0C0C0
terminal.ansiYellow#C4AA78
terminal.background#0A0A0A
terminal.foreground#A0A0A0
textLink.activeForeground#A8A8A8
textLink.foreground#8E8E8E
textPreformat.foreground#929292
titleBar.activeBackground#080808
titleBar.activeForeground#A0A0A0
titleBar.inactiveBackground#080808
titleBar.inactiveForeground#666666
toolbar.activeBackground#1A1A1A
toolbar.hoverBackground#151515

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#707070	—
variable, string constant.other.placeholder	#C1BFC3	—
constant.other.color	#FFFFFF	—
invalid, invalid.illegal	#C08080	—
keyword, storage.type, storage.modifier	#B8A8C8	—
keyword.control, constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution	#B8B8B8	—
meta.import.ts string.quoted.double.ts	#808080	—
keyword.control.import.ts, keyword.control.from.ts	#B8A8C8	—
meta.brace.round, punctuation.definition.parameters.begin, punctuation.definition.parameters.end, punctuation.definition.arguments.begin, punctuation.definition.arguments.end	#B8A8C8	—
meta.brace.curly, punctuation.section.block.begin, punctuation.section.block.end	#D2C08A	—
meta.brace.square, punctuation.section.brackets.begin, punctuation.section.brackets.end	#A9B7A5	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter	#B9A8AE	—
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method	#B8A8C8	—
meta.block variable.other	#C1BFC3	—
support.other.variable, string.other.link	#B9B0BE	—
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other	#C8C3B8	—
string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js	#B8C1B7	—
entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types	#C2B9C8	—
support.type	#C2B9C8	—
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name	#C2B9C8	—
entity.name.module.js, variable.import.parameter.js, variable.other.class.js	#B9B0BE	—
variable.language	#C1BFC3	—
entity.name.method.js	#B8A8C8	—
meta.class-method.js entity.name.function.js, variable.function.constructor	#B8A8C8	—
entity.other.attribute-name	#B8A8C8	—
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name	#B8A8C8	—
entity.other.attribute-name.class	#B9B0BE	—
source.sass keyword.control	#B8A8C8	—
markup.inserted	#A9B7A5	—
markup.deleted	#B08080	—
markup.changed	#C2B9C8	—
string.regexp	#B9B0BE	—
constant.character.escape	#B9B0BE	—
url, link, uri	#B8A8C8	underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js	#B8A8C8	—
source.js constant.other.object.key.js string.unquoted.label.js	#B8A8C8	—
source.json meta.structure.dictionary.json support.type.property-name.json	#B8A8C8	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#B8A8C8	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#B8A8C8	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#B8A8C8	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#B8A8C8	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#B8A8C8	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#B8A8C8	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#B8A8C8	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#B8A8C8	—
text.html.markdown, punctuation.definition.list_item.markdown	#D0D0D0	—
text.html.markdown markup.inline.raw.markdown	#C2B9C8	—
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown	#707070	—
markdown.heading, markup.heading \| markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown	#A9B7A5	—
markup.italic	#B9B0BE	italic
markup.bold, markup.bold string	#D0D0D0	bold
markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string	#D0D0D0	bold
markup.underline	#D2C08A	underline
markup.quote punctuation.definition.blockquote.markdown	#707070	—
markup.quote	#B9B0BE	italic
string.other.link.title.markdown	#B8A8C8	—
string.other.link.description.title.markdown	#C2B9C8	—
constant.other.reference.link.markdown	#D2C08A	—
markup.raw.block	#C2B9C8	—
markup.raw.block.fenced.markdown	#707070	—
punctuation.definition.fenced.markdown	#707070	—
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end	#D0D0D0	—
variable.language.fenced.markdown	#707070	—
meta.separator	#707070	bold
markup.table	#D0D0D0	—
keyword.control.at-rule, keyword.control.at-rule.css	#B8A8C8	—
entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element	#B8A8C8	—
meta.preprocessor, keyword.control.directive	#B9B0BE	—
string.regexp, constant.other.character-class.regexp, constant.other.character-class.set.regexp	#B9B0BE	—
keyword.operator.spread, keyword.operator.rest	#B8A8C8	—