Nord Nights
Publisher: WillTThemes in package: 1
Dark theme based on Nord, with an all black background and extra consideration for PowerShell syntax highlighting. Incorporates the Windows Terminal "One Half Dark" theme for the integrated terminal.
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.dropBackground#3b4252
- activityBar.foreground#d8dee9
- activityBarBadge.background#88c0d0
- activityBarBadge.foreground#000000
- badge.background#88c0d0
- badge.foreground#000000
- button.background#3b4252
- button.foreground#d8dee9
- button.hoverBackground#4c566a
- debugExceptionWidget.background#4c566a
- debugExceptionWidget.border#000000
- debugToolBar.background#3b4252
- descriptionForeground#d8dee9e6
- diffEditor.insertedTextBackground#81a1c133
- diffEditor.removedTextBackground#bf616a99
- dropdown.background#3b4252
- dropdown.border#3b4252
- dropdown.foreground#d8dee9
- editor.background#000000
- editor.findMatchBackground#88c0d0
- editor.findMatchHighlightBackground#88c0d099
- editor.findRangeHighlightBackground#88c0d099
- editor.foreground#d8dee9
- editor.hoverHighlightBackground#3b4252
- editor.inactiveSelectionBackground#434c5ecc
- editor.lineHighlightBackground#2e3440
- editor.lineHighlightBorder#3b4252
- editor.rangeHighlightBackground#434c5e52
- editor.selectionBackground#434c5ecc
- editor.selectionHighlightBackground#434c5ecc
- editor.wordHighlightBackground#81a1c166
- editor.wordHighlightStrongBackground#81a1c199
- editorBracketMatch.background#2e344000
- editorBracketMatch.border#88c0d0
- editorCodeLens.foreground#4c566a
- editorCursor.foreground#d8dee9
- editorError.border#bf616a99
- editorError.foreground#bf616a
- editorGroup.border#3b4252
- editorGroup.dropBackground#3b425299
- editorGroup.emptyBackground#000000
- editorGroupHeader.noTabsBackground#000000
- editorGroupHeader.tabsBackground#000000
- editorGroupHeader.tabsBorder#3b4252
- editorGutter.addedBackground#a3be8c
- editorGutter.background#000000
- editorGutter.deletedBackground#bf616a
- editorGutter.modifiedBackground#ebcb8b
- editorHint.border#ebcb8b
- editorHint.foreground#ebcb8b
- editorHoverWidget.background#3b4252
- editorHoverWidget.border#3b4252
- editorIndentGuide.activeBackground#4c566a
- editorIndentGuide.background#434c5eb3
- editorLineNumber.activeForeground#d8dee9
- editorLineNumber.foreground#81a1c1
- editorLink.activeForeground#88c0d0
- editorMarkerNavigation.background#5e81acc0
- editorMarkerNavigationError.background#bf616ac0
- editorMarkerNavigationWarning.background#ebcb8bc0
- editorOverviewRuler.addedForeground#a3be8c
- editorOverviewRuler.border#3b4252
- editorOverviewRuler.currentContentForeground#3b4252
- editorOverviewRuler.deletedForeground#bf616a
- editorOverviewRuler.errorForeground#bf616a
- editorOverviewRuler.findMatchForeground#88c0d099
- editorOverviewRuler.incomingContentForeground#3b4252
- editorOverviewRuler.infoForeground#81a1c1
- editorOverviewRuler.modifiedForeground#ebcb8b
- editorOverviewRuler.rangeHighlightForeground#88c0d066
- editorOverviewRuler.selectionHighlightForeground#88c0d099
- editorOverviewRuler.warningForeground#ebcb8b
- editorOverviewRuler.wordHighlightForeground#88c0d066
- editorOverviewRuler.wordHighlightStrongForeground#88c0d099
- editorRuler.foreground#4c566a
- editorSuggestWidget.background#000000
- editorSuggestWidget.border#3b4252
- editorSuggestWidget.foreground#d8dee9
- editorSuggestWidget.highlightForeground#88c0d0
- editorSuggestWidget.selectedBackground#434c5e
- editorWarning.border#ebcb8b99
- editorWarning.foreground#ebcb8b
- editorWhitespace.foreground#4c566ab3
- editorWidget.background#000000
- editorWidget.border#3b4252
- errorForeground#bf616a
- extensionButton.prominentBackground#434c5e
- extensionButton.prominentForeground#d8dee9
- extensionButton.prominentHoverBackground#4c566a
- focusBorder#3b4252
- foreground#d8dee9
- gitDecoration.conflictingResourceForeground#5e81ac
- gitDecoration.deletedResourceForeground#bf616a
- gitDecoration.ignoredResourceForeground#d8dee999
- gitDecoration.modifiedResourceForeground#ebcb8b
- gitDecoration.submoduleResourceForeground#8fbcbb
- gitDecoration.untrackedResourceForeground#a3be8c
- input.background#3b4252
- input.border#3b4252
- input.foreground#d8dee9
- input.placeholderForeground#d8dee999
- inputOption.activeBackground#5e81ac
- inputOption.activeBorder#5e81ac
- inputValidation.errorBackground#bf616a
- inputValidation.errorBorder#bf616a
- inputValidation.infoBackground#81a1c1
- inputValidation.infoBorder#81a1c1
- inputValidation.warningBackground#d08770
- inputValidation.warningBorder#d08770
- list.activeSelectionBackground#88c0d0
- list.activeSelectionForeground#000000
- list.dropBackground#88c0d0
- list.errorForeground#bf616a
- list.focusBackground#88c0d0
- list.focusForeground#000000
- list.highlightForeground#3b4252
- list.hoverBackground#3b4252
- list.hoverForeground#eceff4
- list.inactiveFocusBackground#434c5ecc
- list.inactiveSelectionBackground#434c5e
- list.inactiveSelectionForeground#d8dee9
- list.warningForeground#ebcb8b
- merge.border#3b425200
- merge.currentContentBackground#81a1c14d
- merge.currentHeaderBackground#81a1c166
- merge.incomingContentBackground#8fbcbb4d
- merge.incomingHeaderBackground#8fbcbb66
- minimap.findMatchHighlight#88c0d0
- notificationCenter.border#3b425200
- notificationCenterHeader.background#000000
- notificationCenterHeader.foreground#88c0d0
- notificationLink.foreground#88c0d0
- notifications.background#3b4252
- notifications.border#000000
- notifications.foreground#d8dee9
- notificationToast.border#3b425200
- panel.background#000000
- panel.border#3b4252
- panelTitle.activeBorder#88c0d0
- panelTitle.activeForeground#88c0d0
- panelTitle.inactiveForeground#d8dee9
- peekView.border#4c566a
- peekViewEditor.background#000000
- peekViewEditor.matchHighlightBackground#88c0d04d
- peekViewEditorGutter.background#000000
- peekViewResult.background#000000
- peekViewResult.fileForeground#88c0d0
- peekViewResult.lineForeground#d8dee966
- peekViewResult.matchHighlightBackground#88c0d0cc
- peekViewResult.selectionBackground#434c5e
- peekViewResult.selectionForeground#d8dee9
- peekViewTitle.background#3b4252
- peekViewTitleDescription.foreground#d8dee9
- peekViewTitleLabel.foreground#88c0d0
- pickerGroup.border#3b4252
- pickerGroup.foreground#88c0d0
- progressBar.background#88c0d0
- scrollbar.shadow#00000066
- scrollbarSlider.activeBackground#434c5eaa
- scrollbarSlider.background#434c5e99
- scrollbarSlider.hoverBackground#434c5eaa
- selection.background#88c0d0
- sideBar.background#000000
- sideBar.border#3b4252
- sideBar.foreground#d8dee9
- sideBarSectionHeader.background#3b4252
- sideBarSectionHeader.foreground#d8dee9
- sideBarTitle.foreground#d8dee9
- statusBar.background#000000
- statusBar.border#3b4252
- statusBar.debuggingBackground#5e81ac
- statusBar.debuggingForeground#d8dee9
- statusBar.foreground#d8dee9
- statusBar.noFolderBackground#000000
- statusBar.noFolderForeground#d8dee9
- statusBarItem.activeBackground#4c566a
- statusBarItem.hoverBackground#2e3440
- statusBarItem.prominentBackground#3b4252
- statusBarItem.prominentHoverBackground#4c566a
- tab.activeBackground#2e3440
- tab.activeBorder#3b4252
- tab.activeBorderTop#3b4252
- tab.activeForeground#d8dee9
- tab.border#3b4252
- tab.hoverBackground#3b4252cc
- tab.hoverBorder#3b4252
- tab.inactiveBackground#000000
- tab.inactiveForeground#d8dee966
- tab.unfocusedActiveBorder#3b4252
- tab.unfocusedActiveBorderTop#3b4252
- tab.unfocusedActiveForeground#d8dee9
- tab.unfocusedHoverBackground#3b4252b3
- tab.unfocusedHoverBorder#3b4252
- tab.unfocusedInactiveForeground#d8dee9
- terminal.ansiBlack#282c34
- terminal.ansiBlue#61afef
- terminal.ansiBrightBlack#5a6374
- terminal.ansiBrightBlue#61afef
- terminal.ansiBrightCyan#56b6c2
- terminal.ansiBrightGreen#98c379
- terminal.ansiBrightMagenta#c678dd
- terminal.ansiBrightRed#e06c75
- terminal.ansiBrightWhite#dcdfe4
- terminal.ansiBrightYellow#e5c07b
- terminal.ansiCyan#56b6c2
- terminal.ansiGreen#98c379
- terminal.ansiMagenta#c678dd
- terminal.ansiRed#e06c75
- terminal.ansiWhite#dcdfe4
- terminal.ansiYellow#e5c07b
- terminal.background#000000
- terminal.border#dcdfe4
- terminal.foreground#dcdfe4
- terminal.selectionBackground#ffffff66
- terminalCursor.background#000000
- terminalCursor.foreground#ffffff
- textBlockQuote.background#3b4252
- textBlockQuote.border#81a1c1
- textCodeBlock.background#4c566a
- textLink.activeForeground#88c0d0
- textLink.foreground#88c0d0
- textPreformat.foreground#8fbcbb
- textSeparator.foreground#eceff4
- titleBar.activeBackground#000000
- titleBar.activeForeground#d8dee9
- titleBar.border#000000
- titleBar.inactiveBackground#000000
- titleBar.inactiveForeground#d8dee966
- tree.indentGuidesStroke#616e88
- walkThrough.embeddedEditorBackground#000000
- welcomePage.buttonBackground#434c5e
- welcomePage.buttonHoverBackground#4c566a
- widget.shadow#00000066
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| emphasis, text.html.markdown markup.italic | — | italic |
| strong, markup.bold | — | bold |
| comment, punctuation.definition.comment, punctuation.end.definition.comment, punctuation.start.definition.comment, source.java keyword.other.documentation, source.java keyword.other.documentation.author.javadoc, comment.block.preprocessor, comment.documentation, comment.block.documentation | #4c566a | — |
| constant.character, constant, entity.other.attribute-name, variable.other, variable.parameter, source.css support.type.property-name, variable.other.constant.elixir, source.go constant.other.placeholder.go, source.java constant.other, source.java keyword.other.documentation.see.javadoc, source.js string.template meta.template.expression support.variable.property, source.js string.template meta.template.expression variable.other.object, source.js variable.other.object, source.js variable.other.readwrite.alias, markup.heading, source.python variable.parameter.function.language, source.ts support.constant.math, source.ts support.constant.dom, source.ts support.constant.json, source.tsx support.constant.math, source.tsx support.constant.dom, source.tsx support.constant.json, source.ts support.variable, source.tsx support.variable, constant.other.symbol | #d8dee9 | — |
| constant.character.escape, constant.regexp, invalid.deprecated, markup.changed, string.regexp, token.warn-token | #ebcb8b | — |
| constant.language, entity.name.tag, keyword, keyword.operator, keyword.other.new, punctuation, punctuation.definition.tag, punctuation.section, punctuation.section.embedded.begin, punctuation.section.embedded.end, punctuation.terminator, punctuation.definition.variable, storage, storage.type, support.constant, support.type, variable.language, punctuation.separator.pointer-access.c, source.css punctuation.definition.keyword, source.diff punctuation.definition.from-file, source.diff punctuation.definition.range, source.diff punctuation.definition.separator, source.java comment.block.documentation.javadoc punctuation.definition.entity.html, source.java meta.tag.template.value.javadoc, source.java punctuation.definition.keyword.javadoc, source.java storage.modifier.import, source.java storage.modifier.package, text.html.basic meta.tag.sgml.doctype, text.html.basic punctuation.definition.entity, source.properties punctuation.separator.key-value.ini, text.html.markdown beginning.punctuation.definition.list, text.html.markdown beginning.punctuation.definition.quote, text.html.markdown punctuation.definition.heading, text.xml entity.name.tag.namespace, text.xml keyword.other.doctype, source.yaml entity.name.tag, source.java meta.tag.template.link.javadoc, source.java string.other.link.title.javadoc, source.java punctuation.definition.tag.begin.javadoc, source.java punctuation.definition.tag.end.javadoc, source.js string.quoted.template punctuation.quasi.element.begin, source.js string.quoted.template punctuation.quasi.element.end, source.js string.template punctuation.definition.template-expression, text.html.markdown markup.fenced_code.block, text.html.markdown markup.fenced_code.block punctuation.definition, text.html.markdown markup.inline.raw, text.html.markdown markup.inline.raw punctuation.definition.raw, text.html.markdown punctuation.definition.constant, text.html.markdown punctuation.definition.string, source.python meta.function.parameters variable.parameter.function.language.special.self, source.css.scss punctuation.definition.interpolation.begin.bracket.curly, source.css.scss punctuation.definition.interpolation.end.bracket.curly, source.perl punctuation.definition.variable | #81a1c1 | — |
| constant.numeric, token.debug-token, source.css constant.other.color.rgb-value | #b48ead | — |
| entity.name.class, entity.name.type.class, entity.name.type, entity.other.inherited-class, support.class, support.type.exception, source.diff meta.diff.range.context, source.diff meta.diff.header.from-file, entity.name.type.module.elixir, source.java storage.type, source.java storage.type.generic, source.java storage.type.primitive, source.js storage.type.class.jsdoc, source.js support.type.primitive, source.python support.type, source.ts support.class, source.ts support.type, source.ts entity.name.type, source.ts entity.name.class, source.tsx support.class, source.tsx support.type, source.tsx entity.name.type, source.tsx entity.name.class | #8fbcbb | — |
| entity.name.function, support.function, support.function.construct, source.css meta.property-value, source.java meta.method-call meta.method, source.js meta.object-literal.key, source.php meta.function-call, source.php meta.function-call.object, source.python meta.function-call.generic, source.ts meta.object-literal.key, source.tsx meta.object-literal.key, source.ts meta.object-literal.key entity.name.function, source.tsx meta.object-literal.key entity.name.function, source.java keyword.other.documentation.directive, source.java keyword.other.documentation.custom | #88c0d0 | — |
| invalid.illegal, markup.deleted, token.error-token, entity.name.exception | #bf616a | — |
| markup.inserted, string, text.html.markdown markup.quote, text.html.markdown constant.other.reference.link, text.html.markdown string.other.link.description, text.html.markdown string.other.link.title | #a3be8c | — |
| meta.preprocessor, source.c meta.preprocessor.include, source.c string.quoted.other.lt-gt.include, text.xml meta.tag.preprocessor entity.name.tag | #5e81ac | — |
| punctuation.definition.method-parameters, punctuation.definition.function-parameters, punctuation.definition.parameters, source.js string.quoted.template meta.method-call.with-arguments, text.html.basic constant.character.entity.html | #eceff4 | — |
| source.cpp keyword.control.directive.conditional, source.cpp punctuation.definition.directive, source.c keyword.control.directive.conditional, source.c punctuation.definition.directive | #81a1c1 | bold |
| source.css keyword.control.at-rule.media, source.css keyword.control.at-rule.media punctuation.definition.keyword, source.java storage.type.annotation, source.js punctuation.decorator, source.js meta.decorator variable.other.readwrite, source.js meta.decorator entity.name.function, source.properties entity.name.section.group-title.ini, source.python entity.name.function.decorator, source.python meta.function.decorator support.type, source.ts punctuation.decorator, source.ts meta.decorator variable.other.readwrite, source.ts meta.decorator entity.name.function, source.tsx punctuation.decorator, source.tsx meta.decorator variable.other.readwrite, source.tsx meta.decorator entity.name.function, variable, support.variable, token.info-token | #d08770 | — |
| variable.other.readwrite.module.elixir, constant.other.symbol.elixir | #d8dee9 | bold |
| text.html.markdown markup.underline.link | — | underline |
| source.css.scss variable.interpolation | #d8dee9 | italic |
| text.html.basic constant.other.inline-data, text.xml string.unquoted.cdata, text.xml string.unquoted.cdata punctuation.definition.string | #d08770 | italic |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...