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).
| scope | foreground | fontStyle |
|---|---|---|
| — | #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 | #3e999f | italic |
| 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 | — |