Skip to main content
Coding Theme

NIGHT MAN

Publisher: GIRISH KORThemes in package: 1

A DARKEST THEME EXISTS IN VSCODE, PERFECTLY SUITED FOR VARIOUS PROGRAMMING LANGUAGES—DELIVERING AN IMMERSIVE, HIGH-CONTRAST EXPERIENCE FOR EVERY DEVELOPER.

VS Code preview

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

Loading...

colors

Workbench UI color keys from the theme JSON colors map.

  • activityBar.background#000000
  • activityBar.foreground#B3B3B3
  • activityBarBadge.background#4D4D4D
  • activityBarBadge.foreground#FFFFFF
  • button.background#1A1A1A
  • button.foreground#B3B3B3
  • editor.background#000000
  • editor.findMatchBackground#2D2D2D
  • editor.findMatchHighlightBackground#3D3D3D60
  • editor.foreground#B3B3B3
  • editor.hoverHighlightBackground#1A1A1A80
  • editor.lineHighlightBackground#0A0A0A
  • editor.selectionBackground#262626
  • editor.wordHighlightBackground#1A1A1A60
  • editor.wordHighlightStrongBackground#2A2A2A60
  • editorBracketMatch.background#1A1A1A60
  • editorCodeLens.foreground#707070
  • editorCursor.foreground#00FFFBD6
  • editorError.foreground#FF6B6B
  • editorGroupHeader.tabsBackground#000000
  • editorHint.foreground#9CCC65
  • editorHoverWidget.background#000000
  • editorInfo.foreground#6B9BED
  • editorLightBulb.foreground#FFB347
  • editorLightBulbAutoFix.foreground#9CCC65
  • editorLineNumber.activeForeground#707070
  • editorLineNumber.foreground#4D4D4D
  • editorMarkerNavigation.background#000000
  • editorOverviewRuler.addedForeground#9CCC65
  • editorOverviewRuler.border#000000
  • editorOverviewRuler.deletedForeground#FF6B6B
  • editorOverviewRuler.errorForeground#FF6B6B
  • editorOverviewRuler.findMatchForeground#3D3D3D60
  • editorOverviewRuler.infoForeground#6B9BED
  • editorOverviewRuler.modifiedForeground#5FC0D1
  • editorOverviewRuler.selectionHighlightForeground#26262660
  • editorOverviewRuler.warningForeground#FFB347
  • editorRuler.foreground#262626
  • editorSuggestWidget.background#000000
  • editorSuggestWidget.foreground#B3B3B3
  • editorSuggestWidget.highlightForeground#00FFFB
  • editorSuggestWidget.selectedBackground#1A1A1A
  • editorWarning.foreground#FFB347
  • editorWhitespace.foreground#262626
  • editorWidget.background#000000
  • editorWidget.foreground#B3B3B3
  • input.background#0D0D0D
  • input.foreground#B3B3B3
  • inputOption.activeBorder#00FFFB80
  • list.activeSelectionBackground#1A1A1A
  • list.activeSelectionForeground#B3B3B3
  • list.highlightForeground#00FFFB
  • list.hoverBackground#0D0D0D
  • menu.background#000000
  • menu.foreground#B3B3B3
  • menu.selectionBackground#1A1A1A
  • menu.selectionForeground#B3B3B3
  • menu.separatorBackground#1A1A1A
  • menubar.selectionBackground#111111
  • menubar.selectionForeground#FFFFFF
  • panel.background#000000
  • panelSection.border#00FFFBD6
  • panelSectionHeader.border#00FFFBD6
  • panelTitle.activeBorder#00FFFBD6
  • panelTitle.activeForeground#B3B3B3
  • peekViewEditor.background#000000
  • peekViewResult.background#000000
  • scrollbar.shadow#00000000
  • scrollbarSlider.activeBackground#00000000
  • scrollbarSlider.background#00000000
  • scrollbarSlider.hoverBackground#00000000
  • sideBar.background#000000
  • sideBar.foreground#B3B3B3
  • sideBarSectionHeader.foreground#B3B3B3
  • statusBar.background#000000
  • statusBar.foreground#b3b3b3
  • statusBarItem.activeBackground#1A1A1A
  • statusBarItem.hoverBackground#262626
  • tab.activeBackground#000000
  • tab.activeBorderTop#00FFFB80
  • tab.activeForeground#B3B3B3
  • tab.activeModifiedBorder#5FC0D1
  • tab.hoverBackground#0D0D0D
  • tab.inactiveBackground#000000
  • tab.inactiveForeground#707070
  • tab.inactiveModifiedBorder#5FC0D180
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#6B9BED
  • terminal.ansiCyan#5FC0D1
  • terminal.ansiGreen#9CCC65
  • terminal.ansiMagenta#D580FF
  • terminal.ansiRed#FF6B6B
  • terminal.ansiWhite#B3B3B3
  • terminal.ansiYellow#FFB347
  • terminal.background#000000
  • terminal.foreground#B3B3B3
  • terminalCursor.foreground#00FFFBD6
  • titleBar.activeBackground#000000
  • titleBar.activeForeground#FFFFFF
  • titleBar.inactiveBackground#0D0D0D
  • titleBar.inactiveForeground#666666

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#B3B3B3italic underline
comment.block#B3B3B3italic underline
comment.line#B3B3B3italic
comment.block.documentation#CCCCCCitalic bold
keyword, keyword.control, keyword.operator, keyword.other, storage, storage.type, entity.name.tag#D580FFbold
keyword.other.unit#FFB347bold italic
variable, variable.name, variable.other, variable.other.readwrite, variable.other.object, variable.other.property, support.variable#F0D700
variable.language#F0D700italic
variable.other.constant#F0D700bold
variable.parameter#FF6B6Bbold italic
storage.modifier#6FD1E3bold
entity.name.function, entity.name.function.method, entity.name.function.constructor, support.function, support.function.builtin#6B9BEDbold underline
entity.name.class, entity.name.struct, entity.name.enum, entity.name.namespace, entity.name.type, support.class, support.type, support.class.builtin#5FC0D1bold
entity.name.interface#5FC0D1bold italic
entity.other.attribute-name#6B9BEDitalic
entity.other.inherited-class#5FC0D1bold italic
string, string.quoted, string.quoted.single, string.quoted.double, string.quoted.template, string.unquoted, constant.character#9CCC65italic
string.regexp#FFB347italic
constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.octal, constant.numeric.binary, constant.character.escape#FFB347bold italic
constant.language, constant.other, support.constant#FF9D00bold
punctuation, punctuation.definition, punctuation.section, punctuation.separator, punctuation.terminator#B3B3B3
punctuation.definition.string#9CCC65bold italic
punctuation.definition.comment#B3B3B3italic
punctuation.definition.tag#D580FF
meta.tag#D580FF

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

NIGHT MAN - Coding Theme