Night Drive
Publisher: subinsebastianThemes in package: 1
You'll Love it. A subtle Midnight Gray Matte theme
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#414141
- activityBar.background#24292e
- activityBar.foreground#979797
- activityBarBadge.background#a13e25
- button.background#5790be
- editor.background#2c3338
- editor.findMatchBackground#724f2a
- editor.findMatchHighlightBackground#4d4741
- editor.foreground#c3c6c9
- editor.lineHighlightBackground#353e49
- editorBracketMatch.background#242729f8
- editorBracketMatch.border#6c6f72
- editorGroup.border#212427
- editorGroupHeader.tabsBackground#2c3338
- editorGroupHeader.tabsBorder#262c30
- editorGutter.addedBackground#206420
- editorGutter.deletedBackground#7e4545
- editorGutter.modifiedBackground#206264
- editorIndentGuide.activeBackground#3f464b
- editorIndentGuide.background#3f464b
- editorLineNumber.activeForeground#777777
- editorLineNumber.foreground#494949
- editorSuggestWidget.foreground#a0a2a5
- editorSuggestWidget.highlightForeground#2e78b8
- editorWidget.background#373e42
- editorWidget.border#2f3235
- focusBorder#5c5d5e
- input.background#2f383d
- input.border#454647
- list.activeSelectionBackground#223c53
- list.activeSelectionForeground#c9c9c9
- list.highlightForeground#2e78b8
- list.hoverBackground#2a3538
- list.inactiveSelectionBackground#223241
- menu.background#24292e
- menu.border#424242
- menu.foreground#aaaaaa
- menu.selectionBackground#2a3538
- menu.separatorBackground#424242
- menubar.selectionBackground#2a3538
- panel.background#272f35
- panel.border#212427
- panelTitle.activeBorder#af7a57
- scrollbar.shadow#252525
- sideBar.background#242d33
- sideBar.border#212427
- sideBar.foreground#a1a5a8
- sideBarSectionHeader.background#2a343b
- sideBarSectionHeader.border#212427
- sideBarSectionHeader.foreground#a1a5a8
- sideBarTitle.foreground#a1a5a8
- statusBar.background#24292e
- statusBar.border#ff000000
- statusBar.debuggingBackground#d64926
- statusBar.debuggingBorder#ff000000
- statusBar.debuggingForeground#cccccc
- statusBar.foreground#9e9e9e
- statusBar.noFolderBackground#24292e
- statusBar.noFolderBorder#ff000000
- statusBar.noFolderForeground#cccccc
- statusBarItem.remoteBackground#a13e25
- statusBarItem.remoteForeground#ffffff
- tab.activeBackground#383f44
- tab.activeBorder#9b450d
- tab.activeForeground#cecaca
- tab.border#262c30
- tab.inactiveBackground#2c3338
- tab.inactiveForeground#84888b
- terminal.ansiBlack#272f35
- terminal.ansiBlue#3584b9
- terminal.ansiBrightBlack#797979
- terminal.ansiBrightBlue#3584b9
- terminal.ansiBrightCyan#507b97
- terminal.ansiBrightGreen#538848
- terminal.ansiBrightMagenta#886088
- terminal.ansiBrightRed#ac4444
- terminal.ansiBrightYellow#ddc912
- terminal.ansiCyan#507b97
- terminal.ansiGreen#538848
- terminal.ansiMagenta#886088
- terminal.ansiRed#ac4444
- terminal.ansiYellow#ddc912
- terminal.tab.activeBorder#00000000
- titleBar.activeBackground#24292e
- titleBar.activeForeground#cccccc
- titleBar.border#ff000000
- titleBar.inactiveBackground#24292e
- widget.shadow#252525
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| keyword.operator.accessor, meta.group.braces.round.function.arguments, meta.template.expression, markup.fenced_code meta.embedded.block | #c3c6c9 | — |
| emphasis | — | italic |
| strong, markup.heading.markdown, markup.bold.markdown | — | bold |
| markup.italic.markdown | — | italic |
| meta.link.inline.markdown | #6686aa | underline |
| comment, markup.fenced_code, markup.inline | #6a737d | — |
| string | #8da5c0 | — |
| constant.numeric, constant.language, variable.language.this, variable.other, meta.property-name, meta.property-value, support.variable, support | #91afd1 | — |
| keyword, storage.modifier, storage.type, storage.control.clojure, entity.name.function.clojure, support.function.node, support.type.property-name.json, punctuation.separator.key-value, punctuation.definition.template-expression | #c26c74 | — |
| variable.parameter.function | #E27F2D | — |
| entity.name.type, entity.other, meta.function-call, meta.instance.constructor, entity.other.attribute-name, entity.name.function, constant.keyword.clojure | #bbaed3 | — |
| entity.name.tag, string.quoted, string.regexp, string.interpolated, string.template, keyword.other.template | #60976d | — |
| token.info-token | #316bcd | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #cd3131 | — |
| token.debug-token | #612961 | — |
| invalid | #bb5555 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...