Nishiru
Publisher: sumitjhaThemes in package: 4
night distilled to its exact violet.
Color themes
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.activeBackground#d4b0ff18
- activityBar.activeBorder#caa8f8
- activityBar.background#161424
- activityBar.border#282544dd
- activityBar.foreground#b0aed0
- activityBar.inactiveForeground#3a3660
- activityBarBadge.background#caa8f8
- activityBarBadge.foreground#161424
- badge.background#caa8f8
- badge.foreground#161424
- breadcrumb.activeSelectionForeground#caa8f8
- breadcrumb.focusForeground#b0aed0
- breadcrumb.foreground#565590
- breadcrumbPicker.background#1a1830
- button.background#caa8f8
- button.foreground#161424
- button.hoverBackground#dcc8ff
- button.secondaryBackground#302c52
- button.secondaryForeground#dcdaf4
- button.secondaryHoverBackground#3a3660
- charts.blue#84b0ec
- charts.green#54d8a0
- charts.orange#d89860
- charts.purple#caa8f8
- charts.red#e87060
- charts.yellow#e4bc42
- checkbox.background#302c52
- checkbox.border#3a3660
- checkbox.foreground#caa8f8
- contrastBorder#00000000
- debugToolBar.background#1a1830
- debugToolBar.border#282544dd
- descriptionForeground#9090b8
- dropdown.background#282544
- dropdown.border#302c52
- dropdown.foreground#dcdaf4
- dropdown.listBackground#1a1830
- editor.background#201e38
- editor.findMatchBackground#e4bc4248
- editor.findMatchBorderColor#e4bc42ee
- editor.findMatchHighlightBackground#e4bc4228
- editor.focusedStackFrameHighlightBackground#54d8a025
- editor.foreground#dcdaf4
- editor.inactiveSelectionBackground#d4b0ff10
- editor.lineHighlightBackground#d4b0ff12
- editor.lineHighlightBorderColor#d4b0ff18
- editor.selectionBackground#d4b0ff30
- editor.selectionHighlightBackground#d4b0ff18
- editor.stackFrameHighlightBackground#e4bc4225
- editor.wordHighlightBackground#d4b0ff18
- editor.wordHighlightStrongBackground#d4b0ff28
- editorBracketHighlight.foreground1#caa8f8
- editorBracketHighlight.foreground2#94aaf0
- editorBracketHighlight.foreground3#34d8bc
- editorBracketHighlight.foreground4#e4bc42
- editorBracketHighlight.unexpectedBracket.foreground#e87060
- editorBracketMatch.background#d4b0ff10
- editorBracketMatch.border#d4b0ff60
- editorCursor.background#201e38
- editorCursor.foreground#caa8f8
- editorError.background#e8706012
- editorError.foreground#e87060
- editorGhostText.foreground#565590cc
- editorGroup.border#282544dd
- editorGroup.dropBackground#d4b0ff20
- editorGroupHeader.border#00000000
- editorGroupHeader.noTabsBackground#161424
- editorGroupHeader.tabsBackground#161424
- editorGutter.addedBackground#94aaf0b0
- editorGutter.background#201e38
- editorGutter.deletedBackground#e87060b0
- editorGutter.modifiedBackground#caa8f8b0
- editorHint.foreground#34d8bc
- editorHoverWidget.background#1a1830
- editorHoverWidget.border#282544dd
- editorHoverWidget.foreground#dcdaf4
- editorHoverWidget.statusBarBackground#161424
- editorIndentGuide.activeBackground1#d4b0ff45
- editorIndentGuide.background1#3a366080
- editorInfo.background#94aaf012
- editorInfo.foreground#94aaf0
- editorInlayHint.background#282544b0
- editorInlayHint.foreground#6868a0
- editorInlayHint.parameterBackground#282544b0
- editorInlayHint.parameterForeground#8080aa
- editorInlayHint.typeBackground#282544b0
- editorInlayHint.typeForeground#8080aa
- editorLineNumber.activeForeground#caa8f8
- editorLineNumber.foreground#565590
- editorOverviewRuler.addedForeground#94aaf0dd
- editorOverviewRuler.border#00000000
- editorOverviewRuler.deletedForeground#e87060dd
- editorOverviewRuler.errorForeground#e87060dd
- editorOverviewRuler.findMatchForeground#e4bc42dd
- editorOverviewRuler.infoForeground#94aaf0dd
- editorOverviewRuler.modifiedForeground#caa8f8dd
- editorOverviewRuler.selectionHighlightForeground#d4b0ff60
- editorOverviewRuler.warningForeground#ee7e94dd
- editorRuler.foreground#302c52
- editorSuggestWidget.background#1a1830
- editorSuggestWidget.border#282544dd
- editorSuggestWidget.focusHighlightForeground#dcc8ff
- editorSuggestWidget.foreground#dcdaf4
- editorSuggestWidget.highlightForeground#caa8f8
- editorSuggestWidget.selectedBackground#282544
- editorSuggestWidget.selectedForeground#dcdaf4
- editorSuggestWidget.selectedIconForeground#caa8f8
- editorWarning.background#ee7e9412
- editorWarning.foreground#ee7e94
- editorWhitespace.foreground#302c52a0
- editorWidget.background#1a1830
- editorWidget.border#282544dd
- editorWidget.foreground#dcdaf4
- editorWidget.resizeBorder#d4b0ff90
- errorForeground#e87060
- extensionBadge.remoteBackground#94aaf0
- extensionBadge.remoteForeground#161424
- extensionButton.prominentBackground#caa8f8
- extensionButton.prominentForeground#161424
- extensionButton.prominentHoverBackground#dcc8ff
- focusBorder#d4b0ff90
- gitDecoration.addedResourceForeground#94aaf0
- gitDecoration.conflictingResourceForeground#e4bc42
- gitDecoration.deletedResourceForeground#e87060
- gitDecoration.ignoredResourceForeground#504870
- gitDecoration.modifiedResourceForeground#caa8f8
- gitDecoration.renamedResourceForeground#60eccc
- gitDecoration.stageAddedResourceForeground#b0c4f8
- gitDecoration.stageDeletedResourceForeground#e87060
- gitDecoration.stageModifiedResourceForeground#caa8f8
- gitDecoration.untrackedResourceForeground#34d8bc
- icon.foreground#6868a0
- input.background#282544
- input.border#302c52
- input.foreground#dcdaf4
- input.placeholderForeground#565590
- inputOption.activeBackground#d4b0ff35
- inputOption.activeBorder#d4b0ffdd
- inputOption.activeForeground#dcdaf4
- inputValidation.errorBackground#e8706012
- inputValidation.errorBorder#e87060dd
- inputValidation.infoBackground#94aaf012
- inputValidation.infoBorder#94aaf0dd
- inputValidation.warningBackground#ee7e9412
- inputValidation.warningBorder#ee7e94dd
- list.activeSelectionBackground#302c52
- list.activeSelectionForeground#dcdaf4
- list.dropBackground#302c52
- list.errorForeground#e87060
- list.focusBackground#302c52e0
- list.focusForeground#dcdaf4
- list.highlightForeground#caa8f8
- list.hoverBackground#282544c0
- list.hoverForeground#dcdaf4
- list.inactiveSelectionBackground#282544e0
- list.inactiveSelectionForeground#b0aed0
- list.warningForeground#e4bc42
- menu.background#1a1830
- menu.border#282544dd
- menu.foreground#dcdaf4
- menu.selectionBackground#302c52
- menu.selectionForeground#dcdaf4
- menu.separatorBackground#302c52
- menubar.selectionBackground#282544
- menubar.selectionForeground#dcdaf4
- minimap.background#161424
- minimap.errorHighlight#e87060e0
- minimap.findMatchHighlight#e4bc42e0
- minimap.selectionHighlight#d4b0ff35
- minimap.warningHighlight#ee7e94e0
- minimapGutter.addedBackground#94aaf0e0
- minimapGutter.deletedBackground#e87060e0
- minimapGutter.modifiedBackground#caa8f8e0
- minimapSlider.activeBackground#56559088
- minimapSlider.background#56559035
- minimapSlider.hoverBackground#56559060
- notificationCenterHeader.background#161424
- notificationCenterHeader.foreground#b0aed0
- notificationLink.foreground#94aaf0
- notifications.background#1a1830
- notifications.border#282544dd
- notifications.foreground#dcdaf4
- notificationsErrorIcon.foreground#e87060
- notificationsInfoIcon.foreground#94aaf0
- notificationsWarningIcon.foreground#ee7e94
- panel.background#1a1830
- panel.border#282544dd
- panel.dropBorder#caa8f8
- panelSection.border#282544dd
- panelTitle.activeBorder#caa8f8
- panelTitle.activeForeground#dcdaf4
- panelTitle.inactiveForeground#565590
- peekView.border#d4b0ff90
- peekViewEditor.background#161424
- peekViewEditor.matchHighlightBackground#e4bc4240
- peekViewEditor.matchHighlightBorder#e4bc4290
- peekViewResult.background#1a1830
- peekViewResult.fileForeground#dcdaf4
- peekViewResult.lineForeground#9090b8
- peekViewResult.matchHighlightBackground#e4bc4240
- peekViewResult.selectionBackground#282544
- peekViewResult.selectionForeground#dcdaf4
- peekViewTitle.background#282544
- peekViewTitleDescription.foreground#9090b8
- peekViewTitleLabel.foreground#caa8f8
- progressBar.background#caa8f8
- sash.hoverBorder#d4b0ff90
- scrollbar.shadow#00000030
- scrollbarSlider.activeBackground#6868a090
- scrollbarSlider.background#56559040
- scrollbarSlider.hoverBackground#56559070
- selection.background#d4b0ff30
- settings.checkboxBackground#282544
- settings.checkboxBorder#302c52
- settings.checkboxForeground#caa8f8
- settings.dropdownBackground#282544
- settings.dropdownBorder#302c52
- settings.dropdownForeground#dcdaf4
- settings.headerForeground#dcdaf4
- settings.modifiedItemIndicator#caa8f8
- settings.numberInputBackground#282544
- settings.numberInputBorder#302c52
- settings.numberInputForeground#dcdaf4
- settings.textInputBackground#282544
- settings.textInputBorder#302c52
- settings.textInputForeground#dcdaf4
- sideBar.background#1a1830
- sideBar.border#282544dd
- sideBar.foreground#dcdaf4
- sideBarSectionHeader.background#00000000
- sideBarSectionHeader.border#282544dd
- sideBarSectionHeader.foreground#6868a0
- sideBarTitle.foreground#565590
- statusBar.background#161424
- statusBar.border#282544dd
- statusBar.debuggingBackground#e4bc42
- statusBar.debuggingForeground#161424
- statusBar.foreground#6868a0
- statusBar.noFolderBackground#161424
- statusBarItem.activeBackground#302c52
- statusBarItem.errorBackground#e8706015
- statusBarItem.errorForeground#e87060
- statusBarItem.hoverBackground#282544
- statusBarItem.remoteBackground#caa8f8
- statusBarItem.remoteForeground#161424
- statusBarItem.warningBackground#ee7e9415
- statusBarItem.warningForeground#ee7e94
- symbolIcon.classForeground#e4bc42
- symbolIcon.colorForeground#e894b0
- symbolIcon.constantForeground#f4c460
- symbolIcon.constructorForeground#34d8bc
- symbolIcon.enumeratorForeground#e4bc42
- symbolIcon.enumeratorMemberForeground#f4c460
- symbolIcon.eventForeground#e894b0
- symbolIcon.fieldForeground#dcdaf4
- symbolIcon.fileForeground#6868a0
- symbolIcon.folderForeground#6868a0
- symbolIcon.functionForeground#94aaf0
- symbolIcon.interfaceForeground#34d8bc
- symbolIcon.keyForeground#caa8f8
- symbolIcon.keywordForeground#caa8f8
- symbolIcon.methodForeground#8498e0
- symbolIcon.moduleForeground#b0aed0
- symbolIcon.namespaceForeground#e4bc42
- symbolIcon.nullForeground#ee7e94
- symbolIcon.numberForeground#d89860
- symbolIcon.objectForeground#dcdaf4
- symbolIcon.operatorForeground#60eccc
- symbolIcon.packageForeground#d89860
- symbolIcon.propertyForeground#b0aed0
- symbolIcon.referenceForeground#b0c4f8
- symbolIcon.snippetForeground#34d8bc
- symbolIcon.stringForeground#54d8a0
- symbolIcon.structForeground#e4bc42
- symbolIcon.textForeground#dcdaf4
- symbolIcon.typeParameterForeground#34d8bc
- symbolIcon.unitForeground#d89860
- symbolIcon.variableForeground#84b0ec
- tab.activeBackground#201e38
- tab.activeBorder#00000000
- tab.activeBorderTop#caa8f8
- tab.activeForeground#dcdaf4
- tab.border#00000000
- tab.hoverBackground#282544
- tab.hoverForeground#b0aed0
- tab.inactiveBackground#161424
- tab.inactiveForeground#565590
- tab.unfocusedActiveBackground#1e1c34
- tab.unfocusedActiveForeground#6868a0
- tab.unfocusedInactiveForeground#565590
- terminal.ansiBlack#302c52
- terminal.ansiBlue#84b0ec
- terminal.ansiBrightBlack#3a3660
- terminal.ansiBrightBlue#b0c4f8
- terminal.ansiBrightCyan#60eccc
- terminal.ansiBrightGreen#88ecb8
- terminal.ansiBrightMagenta#dcc8ff
- terminal.ansiBrightRed#ee7e94
- terminal.ansiBrightWhite#dcdaf4
- terminal.ansiBrightYellow#d89860
- terminal.ansiCyan#34d8bc
- terminal.ansiGreen#54d8a0
- terminal.ansiMagenta#caa8f8
- terminal.ansiRed#e87060
- terminal.ansiWhite#b0aed0
- terminal.ansiYellow#e4bc42
- terminal.background#201e38
- terminal.foreground#dcdaf4
- terminal.inactiveSelectionBackground#d4b0ff15
- terminal.selectionBackground#d4b0ff30
- terminalCursor.background#201e38
- terminalCursor.foreground#caa8f8
- titleBar.activeBackground#161424
- titleBar.activeForeground#b0aed0
- titleBar.border#282544dd
- titleBar.inactiveBackground#161424
- titleBar.inactiveForeground#565590
- tree.indentGuidesStroke#3a3660
- widget.border#282544dd
- widget.shadow#00000070
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| source, text | #e0e2f0 | — |
| comment, punctuation.definition.comment, string.comment | #6a6480 | italic |
| keyword.operator.void, keyword.control.throw, keyword.operator.delete, keyword.other.delete, constant.language.null, constant.language.undefined | #e87060 | — |
| keyword.operator.new, keyword.other.new | #54d8a0 | — |
| constant.language.boolean, constant.language.null, constant.language.undefined, constant.language.nan, constant.language.infinity | #f4c460 | — |
| keyword, keyword.control, keyword.control.flow, keyword.operator.new, keyword.operator.delete, storage.type, storage.modifier, keyword.other | #caa8f8 | — |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.require | #34d8bc | — |
| storage.modifier.readonly, keyword.other.readonly | #f4c460 | — |
| keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.logical, keyword.operator.comparison, keyword.operator.type | #60eccc | — |
| keyword.operator.accessor, punctuation.accessor | #7f849c | — |
| entity.name.type, entity.name.class, entity.name.namespace, support.type, support.class, storage.type.primitive, storage.type.built-in | #e4bc42 | — |
| entity.name.function, support.function | #94aaf0 | — |
| meta.function-call entity.name.function, meta.function-call support.function | #b0c4f8 | — |
| string, string.quoted, string.template, string.interpolated | #54d8a0 | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #b898e8 | — |
| constant.character.escape | #88ecb8 | — |
| string.regexp | #e894b0 | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float | #d89860 | — |
| constant.language, constant.other, support.constant, variable.other.constant | #f4c460 | — |
| variable, variable.other, variable.other.readwrite, variable.other.object | #84b0ec | — |
| variable.parameter, meta.function.parameters variable | #ee7e94 | — |
| variable.language.this, variable.language.self, variable.language.super | #caa8f8 | italic |
| variable.other.property, variable.other.object.property, support.variable.property | #bac2de | — |
| entity.name.tag, meta.tag.sgml | #caa8f8 | — |
| entity.other.attribute-name, meta.attribute | #e4bc42 | — |
| meta.decorator, entity.name.decorator, punctuation.decorator | #e894b0 | — |
| punctuation, punctuation.definition.tag, punctuation.separator, punctuation.terminator, meta.brace | #9ba3c0 | — |
| invalid, invalid.illegal | #e87060 | — |
| invalid.deprecated | #ee7e94 | strikethrough |
| support.type.property-name | #34d8bc | — |
| support.constant.property-value | #d89860 | — |
| entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.other.attribute-name.pseudo-class.css | #84b0ec | — |
| support.type.property-name.json | #caa8f8 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value string.quoted | #54d8a0 | — |
| markup.heading, punctuation.definition.heading | #e4bc42 | bold |
| markup.bold | #e0e2f0 | bold |
| markup.italic | #bac2de | italic |
| markup.inline.raw, markup.fenced_code.block | #54d8a0 | — |
| markup.underline.link, string.other.link | #94aaf0 | — |
| markup.quote | #7f849c | italic |
| markup.inserted | #9eb6ff | — |
| markup.deleted | #f57a6a | — |
| markup.changed | #d4b0ff | — |