Darker - Dark 2026 but darker

Name: Darker - Dark 2026 but darker
Author: Lukasz Brodowski

Publisher: Lukasz BrodowskiThemes in package: 1

A fork of VS Code's built-in Dark (2026) theme, taken to true #000000 backgrounds with a few other values tuned to taste.

Open in VS Code GitHub

VS Code preview

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

Darker - Dark 2026 but darker — Darker

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.

actionBar.toggledBackground#FFFFFF1F
activityBar.activeBorder#CFCFCF
activityBar.activeFocusBorder#3994BCB3
activityBar.background#000000
activityBar.border#000000
activityBar.foreground#CFCFCF
activityBar.inactiveForeground#8C8C8C
activityBarBadge.background#307E9F
activityBarBadge.foreground#FFFFFF
activityBarTop.activeBorder#CFCFCF
activityErrorBadge.background#f48771
activityErrorBadge.foreground#202020
activityWarningBadge.background#CCA700
activityWarningBadge.foreground#202020
agents.background#000000
agentsBadge.background#307E9F
agentsBadge.foreground#FFFFFF
agentsChatInput.background#000000
agentsChatInput.border#2A2A2A
agentsChatInput.focusBorder#3994BCB3
agentsChatInput.foreground#CFCFCF
agentsChatInput.placeholderForeground#555555
agentsGradient.tintColor#297AA0
agentsNewSessionButton.background#00000000
agentsNewSessionButton.border#2A2A2A
agentsNewSessionButton.foreground#CFCFCF
agentsNewSessionButton.hoverBackground#FFFFFF18
agentsPanel.background#000000
agentsPanel.border#000000
agentsPanel.foreground#CFCFCF
agentsUnreadBadge.background#307E9F
agentsUnreadBadge.foreground#FFFFFF
badge.background#307E9F
badge.foreground#FFFFFF
breadcrumb.activeSelectionForeground#CFCFCF
breadcrumb.background#000000
breadcrumb.focusForeground#CFCFCF
breadcrumb.foreground#8C8C8C
breadcrumbPicker.background#000000
button.background#297AA0
button.border#297AA0
button.foreground#FFFFFF
button.hoverBackground#2B7DA3
button.secondaryBackground#00000000
button.secondaryBorder#2A2A2A
button.secondaryForeground#DCDCDC
button.secondaryHoverBackground#FFFFFF10
charts.blue#57A3F8
charts.foreground#DCDCDC
charts.green#86CF86
charts.lines#C8CACC80
charts.orange#CD861A
charts.purple#AD80D7
charts.red#EF8773
charts.yellow#E0B97F
chat.editedFileForeground#E2C08D
chat.inputWorkingBorderColor1#297AA0
chat.inputWorkingBorderColor2#1C546F
chat.inputWorkingBorderColor3#5BA8CC
chat.requestBubbleBackground#ffffff13
chat.requestBubbleHoverBackground#ffffff22
chat.slashCommandBackground#26477866
chat.slashCommandForeground#85B6FF
checkbox.background#171717
checkbox.border#707070
checkbox.foreground#8C8C8C
commandCenter.activeBackground#FFFFFF0F
commandCenter.activeBorder#2A2A2A
commandCenter.activeForeground#CFCFCF
commandCenter.background#000000
commandCenter.border#000000
commandCenter.foreground#CFCFCF
debugToolBar.background#000000
descriptionForeground#8C8C8C
diffEditor.insertedLineBackground#347d3926
diffEditor.insertedTextBackground#57ab5a4d
diffEditor.removedLineBackground#c93c3726
diffEditor.removedTextBackground#f470674d
diffEditor.unchangedRegionBackground#000000
disabledForeground#555555
dropdown.background#000000
dropdown.border#2A2A2A
dropdown.foreground#CFCFCF
dropdown.listBackground#000000
editor.background#000000
editor.findMatchBackground#9E6A0399
editor.findMatchBorder#E5BA7D
editor.findMatchHighlightBackground#9E6A0355
editor.findMatchHighlightBorder#9E6A03
editor.findRangeHighlightBackground#171717
editor.foreground#CBCECF
editor.hoverHighlightBackground#171717
editor.inactiveSelectionBackground#27678259
editor.lineHighlightBackground#171717
editor.rangeHighlightBackground#171717
editor.selectionBackground#276782CC
editor.selectionHighlightBackground#27678259
editor.selectionHighlightBorder#00000000
editor.wordHighlightBackground#27678250
editor.wordHighlightStrongBackground#27678280
editorBracketHighlight.foreground1#CBCECF
editorBracketHighlight.foreground2#CBCECF
editorBracketHighlight.foreground3#CBCECF
editorBracketHighlight.foreground4#CBCECF
editorBracketHighlight.foreground5#CBCECF
editorBracketHighlight.foreground6#CBCECF
editorBracketHighlight.unexpectedBracket.foreground#F48771
editorBracketMatch.background#3994BC55
editorBracketMatch.border#000000
editorCodeLens.foreground#8C8C8C
editorCommentsWidget.rangeActiveBackground#488FAE46
editorCommentsWidget.rangeBackground#488FAE26
editorCursor.foreground#CBCECF
editorGroup.border#000000
editorGroup.emptyBackground#000000
editorGroupHeader.noTabsBackground#000000
editorGroupHeader.tabsBackground#000000
editorGroupHeader.tabsBorder#000000
editorGutter.addedBackground#72C892
editorGutter.background#000000
editorGutter.deletedBackground#F28772
editorGutter.modifiedBackground#3994BC
editorHoverWidget.background#000000
editorHoverWidget.border#000000
editorHoverWidget.statusBarBackground#141414
editorIndentGuide.activeBackground#00000000
editorIndentGuide.activeBackground1#00000000
editorIndentGuide.background#00000000
editorIndentGuide.background1#00000000
editorLineNumber.activeForeground#CBCECF
editorLineNumber.foreground#757879
editorLink.activeForeground#3a94bc
editorOverviewRuler.addedForeground#73c991
editorOverviewRuler.border#000000
editorOverviewRuler.deletedForeground#f48771
editorOverviewRuler.errorForeground#f48771
editorOverviewRuler.findMatchForeground#3a94bc99
editorOverviewRuler.modifiedForeground#6ab890
editorOverviewRuler.warningForeground#e5ba7d
editorRuler.foreground#222222
editorStickyScroll.background#000000
editorStickyScroll.border#000000
editorStickyScrollHover.background#000000
editorSuggestWidget.background#000000
editorSuggestWidget.border#000000
editorSuggestWidget.focusOutline#3994BCB3
editorSuggestWidget.foreground#CFCFCF
editorSuggestWidget.highlightForeground#CFCFCF
editorSuggestWidget.selectedBackground#FFFFFF26
editorWhitespace.foreground#2E2E2E
editorWidget.background#000000
editorWidget.border#000000
editorWidget.foreground#CFCFCF
errorForeground#f48771
extensionButton.prominentBackground#297AA0
extensionButton.prominentForeground#FFFFFF
extensionButton.prominentHoverBackground#2B7DA3
focusBorder#3994BCB3
foreground#CFCFCF
gauge.background#58A4F94D
gauge.border#000000
gauge.errorBackground#F287724D
gauge.errorForeground#f48771
gauge.foreground#59a4f9
gauge.warningBackground#E3B97E4D
gauge.warningForeground#e5ba7d
gitDecoration.addedResourceForeground#73c991
gitDecoration.conflictingResourceForeground#f48771
gitDecoration.deletedResourceForeground#f48771
gitDecoration.ignoredResourceForeground#8C8C8C
gitDecoration.modifiedResourceForeground#e5ba7d
gitDecoration.stageDeletedResourceForeground#f48771
gitDecoration.stageModifiedResourceForeground#e5ba7d
gitDecoration.untrackedResourceForeground#73c991
icon.foreground#8C8C8C
inlineChat.border#00000000
input.background#000000
input.border#2A2A2A
input.foreground#CFCFCF
input.placeholderForeground#555555
inputOption.activeBackground#3994BC33
inputOption.activeBorder#000000
inputOption.activeForeground#CFCFCF
inputValidation.errorBackground#3A1D1D
inputValidation.errorBorder#BE1100
inputValidation.errorForeground#CFCFCF
inputValidation.infoBackground#1E3A47
inputValidation.infoBorder#3994BC
inputValidation.infoForeground#CFCFCF
inputValidation.warningBackground#352A05
inputValidation.warningBorder#B89500
inputValidation.warningForeground#CFCFCF
keybindingLabel.background#FFFFFF14
keybindingLabel.border#FFFFFF1F
keybindingLabel.bottomBorder#FFFFFF1F
keybindingLabel.foreground#DCDCDC
list.activeSelectionBackground#171717
list.activeSelectionForeground#ededed
list.activeSelectionIconForeground#FFF
list.dropBackground#3994BC1A
list.errorForeground#f48771
list.focusBackground#171717
list.focusForeground#CFCFCF
list.focusOutline#3994BCB3
list.highlightForeground#48A0C7
list.hoverBackground#FFFFFF14
list.hoverForeground#CFCFCF
list.inactiveSelectionBackground#171717
list.inactiveSelectionForeground#ededed
list.invalidItemForeground#444444
list.warningForeground#e5ba7d
menu.background#000000
menu.border#000000
menu.foreground#CFCFCF
menu.selectionBackground#3994BC26
menu.selectionBorder#3994BC
menu.selectionForeground#CFCFCF
menu.separatorBackground#242424
menubar.selectionBackground#171717
menubar.selectionForeground#CFCFCF
minimapSlider.activeBackground#FFFFFF2E
minimapSlider.background#FFFFFF14
minimapSlider.hoverBackground#FFFFFF1F
notebook.cellEditorBackground#000000
notebook.editorBackground#000000
notificationCenter.border#000000
notificationCenterHeader.background#171717
notificationCenterHeader.foreground#CFCFCF
notificationLink.foreground#3a94bc
notifications.background#000000
notifications.border#000000
notifications.foreground#CFCFCF
notificationsErrorIcon.foreground#f48771
notificationsInfoIcon.foreground#3a94bc
notificationsWarningIcon.foreground#CCA700
notificationToast.border#000000
panel.background#000000
panel.border#000000
panelInput.border#2A2A2A
panelSectionHeader.background#000000
panelTitle.activeBorder#3994BC
panelTitle.activeForeground#CFCFCF
panelTitle.inactiveForeground#8C8C8C
peekView.border#000000
peekViewEditor.background#000000
peekViewEditor.matchHighlightBackground#3994BC33
peekViewEditorGutter.background#000000
peekViewResult.background#000000
peekViewResult.fileForeground#CFCFCF
peekViewResult.lineForeground#8C8C8C
peekViewResult.matchHighlightBackground#3994BC33
peekViewResult.selectionBackground#3994BC26
peekViewResult.selectionForeground#CFCFCF
peekViewTitle.background#171717
peekViewTitleDescription.foreground#8C8C8C
peekViewTitleLabel.foreground#CFCFCF
pickerGroup.border#000000
pickerGroup.foreground#CFCFCF
ports.iconRunningProcessForeground#369432
progressBar.background#878889
quickInput.background#000000
quickInput.border#2A2A2A
quickInput.foreground#CFCFCF
quickInputList.focusBackground#FFFFFF26
quickInputList.focusForeground#FFFFFF
quickInputList.focusHighlightForeground#48A0C7
quickInputList.focusIconForeground#CFCFCF
quickInputList.hoverBackground#FFFFFF14
quickInputTitle.background#000000
scrollbar.shadow#000000
scrollbarSlider.activeBackground#FFFFFF3D
scrollbarSlider.background#FFFFFF1F
scrollbarSlider.hoverBackground#FFFFFF2E
settings.dropdownBackground#000000
settings.dropdownBorder#2A2A2A
settings.headerForeground#FFFFFF
settings.modifiedItemIndicator#BB800966
sideBar.background#000000
sideBar.border#000000
sideBar.foreground#CFCFCF
sideBarSectionHeader.background#000000
sideBarSectionHeader.border#000000
sideBarSectionHeader.foreground#CFCFCF
sideBarTitle.foreground#CFCFCF
statusBar.background#000000
statusBar.border#000000
statusBar.debuggingBackground#3994BC
statusBar.debuggingForeground#FFFFFF
statusBar.focusBorder#3994BCB3
statusBar.foreground#A8A8A8
statusBar.noFolderBackground#000000
statusBar.noFolderForeground#8C8C8C
statusBarItem.activeBackground#FFFFFF1F
statusBarItem.focusBorder#3994BCB3
statusBarItem.hoverBackground#FFFFFF14
statusBarItem.hoverForeground#FFFFFF
statusBarItem.prominentBackground#3994BC
statusBarItem.prominentForeground#FFFFFF
statusBarItem.prominentHoverBackground#3994BC
statusBarItem.remoteBackground#297AA0
statusBarItem.remoteForeground#FFFFFF
surface.background#000000
surface.border#000000
surface.foreground#CFCFCF
tab.activeBackground#000000
tab.activeBorder#000000
tab.activeBorderTop#3994BC
tab.activeForeground#CFCFCF
tab.border#000000
tab.hoverBackground#0A0A0A
tab.hoverForeground#CFCFCF
tab.inactiveBackground#000000
tab.inactiveForeground#8C8C8C
tab.lastPinnedBorder#000000
tab.selectedBackground#171717
tab.selectedBorderTop#6caddf
tab.selectedForeground#FFFFFF
tab.unfocusedActiveBackground#000000
tab.unfocusedActiveBorder#000000
tab.unfocusedActiveBorderTop#000000
tab.unfocusedActiveForeground#8C8C8C
tab.unfocusedHoverBackground#0A0A0A
tab.unfocusedInactiveBackground#000000
tab.unfocusedInactiveForeground#444444
terminal.ansiBlack#4D4D4D
terminal.background#000000
terminal.border#000000
terminal.foreground#DCDCDC
terminal.inactiveSelectionBackground#3A3D41
terminal.selectionBackground#3994BC33
terminal.tab.activeBorder#3994BC00
terminalCursor.background#000000
terminalCursor.foreground#CFCFCF
textBlockQuote.background#171717
textBlockQuote.border#000000
textCodeBlock.background#171717
textLink.activeForeground#53A5CA
textLink.foreground#48A0C7
textPreformat.background#171717
textPreformat.foreground#8C8C8C
textSeparator.foreground#2A2A2A
titleBar.activeBackground#000000
titleBar.activeForeground#BFBFBF
titleBar.border#000000
titleBar.inactiveBackground#000000
titleBar.inactiveForeground#8C8C8C
toolbar.activeBackground#FFFFFF33
walkThrough.embeddedEditorBackground#000000
welcomePage.background#000000
welcomePage.progress.foreground#0078D4
welcomePage.tileBackground#0A0A0A
widget.border#000000
widget.shadow#000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
meta.embedded, source.groovy.embedded, string meta.image.inline.markdown, variable.legacy.builtin.python	#E7E7E7	—
emphasis	—	italic
strong	—	bold
header	#7FC3FF	—
comment	#6D9C58	—
constant.language	#599FD9	—
constant.numeric, variable.other.enummember, keyword.operator.plus.exponent, keyword.operator.minus.exponent	#B8D1AB	—
constant.regexp	#676998	—
entity.name.tag	#599FD9	—
entity.name.tag.css, entity.name.tag.less	#DABD80	—
entity.other.attribute-name	#A2DFFF	—
entity.other.attribute-name.class.css, source.css entity.other.attribute-name.class, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.parent.less, source.css entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.scss	#DABD80	—
invalid	#F84B4A	—
markup.underline	—	underline
markup.bold	#599FD9	bold
markup.heading	#599FD9	bold
markup.italic	#C889C3	italic
markup.strikethrough	—	strikethrough
markup.inserted	#B8D1AB	—
markup.deleted	#D1947B	—
markup.changed	#599FD9	—
punctuation.definition.quote.begin.markdown	#6D9C58	—
punctuation.definition.list.begin.markdown	#6A99E9	—
markup.inline.raw	#D1947B	—
punctuation.definition.tag	#838383	—
meta.preprocessor, entity.name.function.preprocessor	#599FD9	—
meta.preprocessor.string	#D1947B	—
meta.preprocessor.numeric	#B8D1AB	—
meta.structure.dictionary.key.python	#A2DFFF	—
meta.diff.header	#599FD9	—
storage	#599FD9	—
storage.type	#599FD9	—
storage.modifier, keyword.operator.noexcept	#599FD9	—
string, meta.embedded.assembly	#D1947B	—
string.tag	#D1947B	—
string.value	#D1947B	—
string.regexp	#D46C6C	—
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded	#599FD9	—
meta.template.expression	#E7E7E7	—
support.type.vendored.property-name, support.type.property-name, source.css variable, source.coffee.embedded	#A2DFFF	—
keyword	#599FD9	—
keyword.control	#599FD9	—
keyword.operator	#E7E7E7	—
keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.alignof, keyword.operator.typeid, keyword.operator.alignas, keyword.operator.instanceof, keyword.operator.logical.python, keyword.operator.wordlike	#599FD9	—
keyword.other.unit	#B8D1AB	—
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php	#599FD9	—
support.function.git-rebase	#A2DFFF	—
constant.sha.git-rebase	#B8D1AB	—
storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java	#E7E7E7	—
variable.language	#599FD9	—
entity.name.function, support.function, support.constant.handlebars, source.powershell variable.other.member, entity.name.operator.custom-literal	#DFDFAD	—
support.class, support.type, entity.name.type, entity.name.namespace, entity.other.attribute, entity.name.scope-resolution, 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	#52CCB3	—
meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class, punctuation.separator.namespace.ruby	#52CCB3	—
keyword.control, source.cpp keyword.operator.new, keyword.operator.delete, keyword.other.using, keyword.other.directive.using, keyword.other.operator, entity.name.operator	#C889C3	—
variable, meta.definition.variable.name, support.variable, entity.name.variable, constant.other.placeholder	#A2DFFF	—
variable.other.constant, variable.other.enummember	#59C4FF	—
meta.object-literal.key	#A2DFFF	—
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	#D1947B	—
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	#D1947B	—
constant.character.character-class.regexp, constant.other.character-class.set.regexp, constant.other.character-class.regexp, constant.character.set.regexp	#D46C6C	—
keyword.operator.or.regexp, keyword.control.anchor.regexp	#DFDFAD	—
keyword.operator.quantifier.regexp	#DABD80	—
constant.character, constant.other.option	#599FD9	—
constant.character.escape	#DABD80	—
entity.name.label	#DBDBDB	—
comment, punctuation.definition.comment, string.comment	#8E97A1	—
constant.other.placeholder, constant.character	#FF8178	—
constant, entity.name.constant, variable.other.constant, variable.other.enummember, variable.language, entity	#7FC3FF	—
entity.name, meta.export.default, meta.definition.variable	#FFAB61	—
variable.parameter.function, meta.jsx.children, meta.block, meta.tag.attributes, entity.name.constant, meta.object.member, meta.embedded.expression	#DCE4EC	—
entity.name.function	#D4ACFF	—
entity.name.tag, support.class.component	#81EA8A	—
keyword	#FF8178	—
storage, storage.type	#FF8178	—
storage.modifier.package, storage.modifier.import, storage.type.java	#DCE4EC	—
string, string punctuation.section.embedded source	#ABD9FF	—
support	#7FC3FF	—
meta.property-name	#7FC3FF	—
variable	#FFAB61	—
variable.other	#DCE4EC	—
invalid.broken	#FFA69D	italic
invalid.deprecated	#FFA69D	italic
invalid.illegal	#FFA69D	italic
invalid.unimplemented	#FFA69D	italic
carriage-return	#F3F9FF	italic underline
message.error	#FFA69D	—
string variable	#7FC3FF	—
source.regexp, string.regexp	#ABD9FF	—
string.regexp.character-class, string.regexp constant.character.escape, string.regexp source.ruby.embedded, string.regexp string.regexp.arbitrary-repitition	#ABD9FF	—
string.regexp constant.character.escape	#81EA8A	bold
support.constant	#7FC3FF	—
support.variable	#7FC3FF	—
support.type.property-name.json	#81EA8A	—
meta.module-reference	#7FC3FF	—
punctuation.definition.list.begin.markdown	#FFAB61	—
markup.heading, markup.heading entity.name	#7FC3FF	bold
markup.quote	#81EA8A	—
markup.italic	#DCE4EC	italic
markup.bold	#DCE4EC	bold
markup.underline	—	underline
markup.strikethrough	—	strikethrough
markup.inline.raw	#7FC3FF	—
markup.deleted, meta.diff.header.from-file, punctuation.definition.deleted	#FFA69D	—
punctuation.section.embedded	#FF8178	—
markup.inserted, meta.diff.header.to-file, punctuation.definition.inserted	#81EA8A	—
markup.changed, punctuation.definition.changed	#FFAB61	—
markup.ignored, markup.untracked	#0F1319	—
meta.diff.range	#D4ACFF	bold
meta.diff.header	#7FC3FF	—
meta.separator	#7FC3FF	bold
meta.output	#7FC3FF	—
brackethighlighter.tag, brackethighlighter.curly, brackethighlighter.round, brackethighlighter.square, brackethighlighter.angle, brackethighlighter.quote	#8E97A1	—
brackethighlighter.unmatched	#FFA69D	—
constant.other.reference.link, string.other.link	#ABD9FF	—
token.info-token	#6A99E9	—
token.warn-token	#D09A35	—
token.error-token	#F84B4A	—
token.debug-token	#B56AE9	—