Skip to main content
Coding Theme

Night Blue Enhancement

Publisher: minhduccaoThemes in package: 1

Theme based on VSC default night blue

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.activeBorder#eb64b9
  • activityBar.background#2f333d
  • activityBar.foreground#dddddd
  • activityBarBadge.background#eb64b9
  • activityBarBadge.foreground#f8fafd
  • badge.background#282c34
  • button.background#528bff
  • debugToolBar.background#21252b
  • diffEditor.insertedTextBackground#00809b33
  • dropdown.background#1d1f23
  • dropdown.border#181a1f
  • editor.background#282c34
  • editor.findMatchBackground#42557b
  • editor.findMatchBorder#457dff
  • editor.findMatchHighlightBackground#314365
  • editor.foreground#abb2bf
  • editor.lineHighlightBackground#383e4a
  • editor.selectionBackground#3e4451
  • editor.selectionHighlightBackground#ffffff10
  • editor.selectionHighlightBorder#dddddd
  • editor.wordHighlightBackground#d2e0ff2f
  • editor.wordHighlightBorder#7f848e
  • editor.wordHighlightStrongBackground#abb2bf26
  • editor.wordHighlightStrongBorder#7f848e
  • editorBracketMatch.background#515a6b
  • editorBracketMatch.border#515a6b
  • editorCursor.background#ffffffc9
  • editorCursor.foreground#f8f8f0
  • editorError.foreground#c24038
  • editorGroup.border#181a1f
  • editorGroup.emptyBackground#181a1f
  • editorGroupHeader.tabsBackground#21252b
  • editorHoverWidget.background#21252b
  • editorHoverWidget.border#181a1f
  • editorIndentGuide.activeBackground#c8c8c859
  • editorIndentGuide.background#3b4048
  • editorLineNumber.activeForeground#737984
  • editorLineNumber.foreground#495162
  • editorMarkerNavigation.background#21252b
  • editorRuler.foreground#484848
  • editorSuggestWidget.background#21252b
  • editorSuggestWidget.border#181a1f
  • editorSuggestWidget.selectedBackground#2c313a
  • editorUnnecessaryCode.opacity#000000c0
  • editorWarning.foreground#d19a66
  • editorWhitespace.foreground#484a50
  • editorWidget.background#21252b
  • focusBorder#464646
  • input.background#1d1f23
  • list.activeSelectionBackground#eb64b98f
  • list.activeSelectionForeground#eeeeee
  • list.focusBackground#383e4a
  • list.highlightForeground#c5c5c5
  • list.hoverBackground#91889b80
  • list.hoverForeground#eeeeee
  • list.inactiveSelectionBackground#2c313a
  • list.inactiveSelectionForeground#d7dae0
  • list.warningForeground#d19a66
  • menu.foreground#c8c8c8
  • notifications.background#21252b
  • panelSectionHeader.background#21252b
  • peekViewEditor.background#1b1d23
  • peekViewEditor.matchHighlightBackground#29244b
  • peekViewResult.background#22262b
  • scrollbarSlider.activeBackground#747d9180
  • scrollbarSlider.background#4e566680
  • scrollbarSlider.hoverBackground#5a637580
  • sideBar.background#21252b
  • sideBarSectionHeader.background#27212e
  • statusBar.background#eb64b9
  • statusBar.debuggingBackground#74dfc4
  • statusBar.debuggingBorder#66017a
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#27212e
  • statusBar.noFolderBackground#eb64b9
  • statusBarItem.hoverBackground#2c313a
  • statusBarItem.remoteBackground#4d78cc
  • statusBarItem.remoteForeground#f8fafd
  • tab.activeBackground#383e4a
  • tab.activeForeground#dcdcdc
  • tab.border#181a1f
  • tab.hoverBackground#323842
  • tab.inactiveBackground#21252b
  • tab.unfocusedHoverBackground#323842
  • terminal.ansiBlack#3f4451
  • terminal.ansiBlue#4aa5f0
  • terminal.ansiBrightBlack#4f5666
  • terminal.ansiBrightBlue#4dc4ff
  • terminal.ansiBrightCyan#4cd1e0
  • terminal.ansiBrightGreen#a5e075
  • terminal.ansiBrightMagenta#de73ff
  • terminal.ansiBrightRed#ff616e
  • terminal.ansiBrightWhite#d7dae0
  • terminal.ansiBrightYellow#f0a45d
  • terminal.ansiCyan#42b3c2
  • terminal.ansiGreen#8cc265
  • terminal.ansiMagenta#c162de
  • terminal.ansiRed#e05561
  • terminal.ansiWhite#e6e6e6
  • terminal.ansiYellow#d18f52
  • terminal.background#282c34
  • terminal.border#abb2bf
  • terminal.foreground#abb2bf
  • terminal.selectionBackground#abb2bf30
  • textLink.foreground#61afef
  • titleBar.activeBackground#27212e
  • titleBar.activeForeground#9da5b4
  • titleBar.inactiveBackground#282c34
  • titleBar.inactiveForeground#6b717d

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
—#FFFFFF—
meta.embedded, source.groovy.embedded#FFFFFF—
comment#7285B7—
keyword.operator.class, keyword.operator, constant.other, source.php.embedded.line#FFFFFF
variable, support.other.variable, string.other.link, string.regexp, entity.name.tag, entity.other.attribute-name, meta.tag, declaration.tag, markup.deleted.git_gutter#FF9DA4—
constant.numeric, constant.language, support.constant, constant.character, variable.parameter, punctuation.section.embedded, keyword.other.unit#FFC58F
entity.name.class, entity.name.type, entity.name.namespace, entity.name.scope-resolution, support.type, support.class#FFEEAD
string, constant.other.symbol, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter#D1F1A9
keyword.operator, constant.other.color#99FFFF—
entity.name.function, meta.function-call, support.function, keyword.other.special-method, meta.block-level, markup.changed.git_gutter#BBDAFF
keyword, storage, storage.type, entity.name.tag.css#EBBBFF
invalid#FFFFFF
meta.separator#FFFFFF—
invalid.deprecated#FFFFFF
markup.inserted.diff, markup.deleted.diff, meta.diff.header.to-file, meta.diff.header.from-file#FFFFFF—
markup.inserted.diff, meta.diff.header.to-file#718c00—
markup.deleted.diff, meta.diff.header.from-file#c82829—
meta.diff.header.from-file, meta.diff.header.to-file#FFFFFF—
meta.diff.range#3e999fitalic
markup.quote#FFC58F—
markup.list#BBDAFF—
markup.bold, markup.italic#FFC58F—
markup.bold—bold
markup.italic—italic
markup.inline.raw#FF9DA4
markup.heading—bold
token.info-token#6796e6—
token.warn-token#cd9731—
token.error-token#f44747—
token.debug-token#b267e6—

Shiki preview

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

Loading...

Night Blue Enhancement - Coding Theme