Night City
Publisher: GibMalFeuerzeugBitteThemes in package: 1
A dark cyberpunk theme for Visual Studio Code. The neon lights still flicker, rain lies heavy on the asphalt, and your editor wakes up with you.
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#00000000
- activityBar.background#0f1419
- activityBar.border#00000000
- activityBar.foreground#4a9eff
- activityBar.inactiveForeground#5a6a7a
- activityBarBadge.background#ba5f9f
- activityBarBadge.foreground#ffffff
- badge.background#ba5f9f
- badge.foreground#ffffff
- button.background#2a5a8f
- button.foreground#ffffff
- button.hoverBackground#3a6a9f
- diffEditor.border#00000000
- diffEditor.insertedLineBackground#7bb3a011
- diffEditor.insertedTextBackground#7bb3a022
- diffEditor.removedLineBackground#cf8fbe11
- diffEditor.removedTextBackground#cf8fbe22
- editor.background#0f1419
- editor.findMatchBackground#ba5f9f44
- editor.findMatchBorder#cf8fbe
- editor.findMatchHighlightBackground#ba5f9f22
- editor.findMatchHighlightBorder#cf8fbe44
- editor.foreground#e0e0e8
- editor.inactiveSelectionBackground#2a3a4f22
- editor.lineHighlightBackground#141a2288
- editor.rangeHighlightBackground#4a9eff11
- editor.rangeHighlightBorder#00000000
- editor.selectionBackground#4a9eff33
- editor.selectionHighlightBackground#4a9eff20
- editor.wordHighlightBackground#4dd0e120
- editor.wordHighlightStrongBackground#4dd0e130
- editorBracketHighlight.foreground1#7ea3d8
- editorBracketHighlight.foreground2#b88ac9
- editorBracketHighlight.foreground3#cf8fbe
- editorBracketHighlight.foreground4#9ab8d8
- editorBracketHighlight.foreground5#89cfe8
- editorBracketHighlight.foreground6#aa95d9
- editorBracketMatch.background#4a9eff22
- editorBracketMatch.border#00000000
- editorCursor.background#0f1419
- editorCursor.foreground#5fcfe4
- editorError.border#00000000
- editorError.foreground#ff5d87
- editorGroupHeader.tabsBackground#0f1419
- editorGutter.addedBackground#7bb3a044
- editorGutter.deletedBackground#cf8fbe44
- editorGutter.modifiedBackground#9ab8d844
- editorHint.border#00000000
- editorHint.foreground#c173e0
- editorHoverWidget.background#0a0f14
- editorHoverWidget.border#89cfe866
- editorHoverWidget.foreground#e0e0e8
- editorHoverWidget.statusBarBackground#0a0f14
- editorIndentGuide.activeBackground#00000000
- editorIndentGuide.background#00000000
- editorInfo.border#00000000
- editorInfo.foreground#5fcfe4
- editorLineNumber.activeForeground#4a9eff
- editorLineNumber.foreground#3a4a5f
- editorLink.activeForeground#89cfe8
- editorRuler.foreground#00000000
- editorSuggestWidget.background#0a0f14
- editorSuggestWidget.border#9ab8d866
- editorSuggestWidget.foreground#e0e0e8
- editorSuggestWidget.selectedBackground#4a9eff22
- editorWarning.border#00000000
- editorWarning.foreground#ffaa5a
- editorWhitespace.foreground#00000000
- editorWidget.background#0a0f14
- editorWidget.border#7ea3d8cc
- editorWidget.foreground#e0e0e8
- editorWidget.resizeBorder#7ea3d8
- focusBorder#00000000
- gitDecoration.conflictingResourceForeground#fb923c
- gitDecoration.deletedResourceForeground#f87171
- gitDecoration.ignoredResourceForeground#52525b
- gitDecoration.modifiedResourceForeground#fbbf24
- gitDecoration.untrackedResourceForeground#4ade80
- input.background#0a0f14
- input.border#00000000
- input.foreground#e0e0e8
- input.placeholderForeground#5a6a7a
- inputOption.activeBackground#4a9eff22
- inputOption.activeBorder#00000000
- list.activeSelectionBackground#2a5a8f44
- list.activeSelectionForeground#ffffff
- list.focusBackground#2a5a8f33
- list.highlightForeground#5fcfe4
- list.hoverBackground#1f2a35
- list.inactiveSelectionBackground#2a3a4f33
- notificationCenter.border#00000000
- notificationCenterHeader.background#0a0f14
- notificationCenterHeader.foreground#9ab8d8
- notificationLink.foreground#89cfe8
- notifications.background#0a0f14
- notifications.border#00000000
- notifications.foreground#e0e0e8
- notificationToast.border#00000000
- panel.background#0f1419
- panel.border#00000000
- panelTitle.activeBorder#00000000
- panelTitle.activeForeground#e0e0e8
- panelTitle.inactiveForeground#5a6a7a
- peekView.border#00000000
- peekViewEditor.background#0f1419
- peekViewResult.background#0a0f14
- peekViewResult.selectionBackground#4a9eff22
- peekViewTitle.background#0a0f14
- progressBar.background#7ea3d8
- scrollbarSlider.activeBackground#2a3a4f88
- scrollbarSlider.background#2a3a4f44
- scrollbarSlider.hoverBackground#2a3a4f66
- search.resultsInfoForeground#9ab8d8
- searchEditor.findMatchBackground#9ab8d833
- searchEditor.findMatchBorder#00000000
- selection.background#9ab8d833
- sideBar.background#0f1419
- sideBar.border#00000000
- sideBar.foreground#b8b8c8
- sideBarSectionHeader.background#0f1419
- sideBarSectionHeader.border#00000000
- sideBarSectionHeader.foreground#4a9eff
- sideBarTitle.foreground#e0e0e8
- statusBar.background#2a5a8f
- statusBar.debuggingBackground#c084fc
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#ffffff
- statusBar.noFolderBackground#ba5f9f
- statusBarItem.hoverBackground#1f4a7a
- tab.activeBackground#0f1419
- tab.activeBorder#00000000
- tab.activeBorderTop#00000000
- tab.activeForeground#e0e0e8
- tab.activeModifiedBorder#00000000
- tab.border#00000000
- tab.hoverBackground#141a2255
- tab.inactiveBackground#0f1419
- tab.inactiveForeground#6a7a8a
- terminal.ansiBlack#14141f
- terminal.ansiBlue#60a5fa
- terminal.ansiBrightBlack#52525b
- terminal.ansiBrightBlue#93c5fd
- terminal.ansiBrightCyan#a5f3fc
- terminal.ansiBrightGreen#86efac
- terminal.ansiBrightMagenta#d8b4fe
- terminal.ansiBrightRed#fca5a5
- terminal.ansiBrightWhite#f4f4f5
- terminal.ansiBrightYellow#fcd34d
- terminal.ansiCyan#5fcfe4
- terminal.ansiGreen#4ade80
- terminal.ansiMagenta#c084fc
- terminal.ansiRed#f87171
- terminal.ansiWhite#e0e0e8
- terminal.ansiYellow#fbbf24
- terminal.background#0f1419
- terminal.foreground#e0e0e8
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6a7a8a | italic |
| string, string.quoted.single, string.quoted.double, string.quoted.triple | #89cfe8 | — |
| string.template, string.interpolated | #9acfe8 | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.binary, constant.numeric.octal | #9ab8d8 | — |
| constant.language.boolean, constant.language.null, constant.language.undefined, constant.language.none | #b88ac9 | — |
| keyword.control, keyword.operator.logical, keyword.other | #aa95d9 | — |
| storage.type, storage.modifier, keyword.declaration | #aa95d9 | — |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as | #aa95d9 | — |
| keyword.operator, keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.assignment | #9aacbe | — |
| entity.name.function, support.function, meta.function-call.generic | #cf8fbe | — |
| meta.function-call, variable.function | #d89fcc | — |
| entity.name.type, entity.name.class, support.type, support.class | #7ea3d8 | — |
| entity.other.inherited-class | #8eb3e8 | — |
| entity.name.function.decorator, meta.decorator, punctuation.definition.decorator | #cf8fbe | italic |
| variable, variable.other | #b8b8c8 | — |
| variable.parameter, meta.function.parameters | #a8b8c8 | — |
| variable.language.special.self, variable.language.this, variable.parameter.function.language.special | #b88ac9 | italic |
| variable.other.property, variable.other.object.property, support.variable.property | #9ab8d8 | — |
| constant, variable.other.constant, support.constant | #9ab8d8 | — |
| entity.name.namespace, entity.name.module, support.other.namespace | #7ea3d8 | — |
| support.function.builtin, support.type.builtin | #9ab8d8 | — |
| entity.name.tag | #aa95d9 | — |
| entity.other.attribute-name | #9ab8d8 | — |
| entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #7ea3d8 | — |
| support.type.property-name.css | #9ab8d8 | — |
| support.type.property-name.json, string.json support.type.property-name.json | #9ab8d8 | — |
| meta.structure.dictionary.value.json string.quoted.double.json | #89cfe8 | — |
| markup.heading, entity.name.section.markdown | #aa95d9 | bold |
| markup.bold | #7ea3d8 | bold |
| markup.italic | #cf8fbe | italic |
| markup.inline.raw, markup.fenced_code.block | #89cfe8 | — |
| markup.underline.link, string.other.link | #9ab8d8 | — |
| string.regexp | #b88ac9 | — |
| constant.character.escape | #aa95d9 | — |
| punctuation.definition.string, punctuation.definition.parameters, punctuation.separator | #8a9ab8 | — |
| invalid, invalid.illegal | #ff5d87 | underline |
| invalid.deprecated | #ffaa5a | strikethrough |