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#7030b018
- activityBar.activeBorder#5820a0
- activityBar.background#ede8d8
- activityBar.border#e8e2ccdd
- activityBar.foreground#2e2850
- activityBar.inactiveForeground#605890
- activityBarBadge.background#5820a0
- activityBarBadge.foreground#ffffff
- badge.background#5820a0
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#5820a0
- breadcrumb.focusForeground#2e2850
- breadcrumb.foreground#9088b8
- breadcrumbPicker.background#f0ecd8
- button.background#5820a0
- button.foreground#ffffff
- button.hoverBackground#6830b0
- button.secondaryBackground#ddd8c0
- button.secondaryForeground#1a1430
- button.secondaryHoverBackground#d0caaa
- charts.blue#1848a0
- charts.green#0a7848
- charts.orange#804010
- charts.purple#5820a0
- charts.red#b02010
- charts.yellow#806010
- checkbox.background#ddd8c0
- checkbox.border#d0caaa
- checkbox.foreground#5820a0
- contrastBorder#00000000
- debugToolBar.background#f0ecd8
- debugToolBar.border#e8e2ccdd
- descriptionForeground#4a4470
- dropdown.background#e8e2cc
- dropdown.border#ddd8c0
- dropdown.foreground#1a1430
- dropdown.listBackground#f0ecd8
- editor.background#f6f2e4
- editor.findMatchBackground#80600040
- editor.findMatchBorderColor#806000ee
- editor.findMatchHighlightBackground#80600028
- editor.focusedStackFrameHighlightBackground#0a784825
- editor.foreground#1a1430
- editor.inactiveSelectionBackground#7030b010
- editor.lineHighlightBackground#7030b012
- editor.lineHighlightBorderColor#7030b018
- editor.selectionBackground#7030b030
- editor.selectionHighlightBackground#7030b018
- editor.stackFrameHighlightBackground#80600025
- editor.wordHighlightBackground#7030b018
- editor.wordHighlightStrongBackground#7030b028
- editorBracketHighlight.foreground1#5820a0
- editorBracketHighlight.foreground2#2040a0
- editorBracketHighlight.foreground3#0a7868
- editorBracketHighlight.foreground4#806010
- editorBracketHighlight.unexpectedBracket.foreground#b02010
- editorBracketMatch.background#7030b010
- editorBracketMatch.border#7030b060
- editorCursor.background#f6f2e4
- editorCursor.foreground#5820a0
- editorError.background#b0201012
- editorError.foreground#b02010
- editorGhostText.foreground#9088b8cc
- editorGroup.border#e8e2ccdd
- editorGroup.dropBackground#7030b020
- editorGroupHeader.border#00000000
- editorGroupHeader.noTabsBackground#ede8d8
- editorGroupHeader.tabsBackground#ede8d8
- editorGutter.addedBackground#1840a8b0
- editorGutter.background#f6f2e4
- editorGutter.deletedBackground#a81808b0
- editorGutter.modifiedBackground#6018a8b0
- editorHint.foreground#0a7868
- editorHoverWidget.background#f0ecd8
- editorHoverWidget.border#e8e2ccdd
- editorHoverWidget.foreground#1a1430
- editorHoverWidget.statusBarBackground#ede8d8
- editorIndentGuide.activeBackground1#7030b045
- editorIndentGuide.background1#d0caaa80
- editorInfo.background#2040a012
- editorInfo.foreground#2040a0
- editorInlayHint.background#e8e2ccb0
- editorInlayHint.foreground#7870a8
- editorInlayHint.parameterBackground#e8e2ccb0
- editorInlayHint.parameterForeground#605890
- editorInlayHint.typeBackground#e8e2ccb0
- editorInlayHint.typeForeground#605890
- editorLineNumber.activeForeground#5820a0
- editorLineNumber.foreground#9088b8
- editorOverviewRuler.addedForeground#1840a8dd
- editorOverviewRuler.border#00000000
- editorOverviewRuler.deletedForeground#a81808dd
- editorOverviewRuler.errorForeground#a81808dd
- editorOverviewRuler.findMatchForeground#806000dd
- editorOverviewRuler.infoForeground#1840a8dd
- editorOverviewRuler.modifiedForeground#6018a8dd
- editorOverviewRuler.selectionHighlightForeground#7030b060
- editorOverviewRuler.warningForeground#a01040dd
- editorRuler.foreground#ddd8c0
- editorSuggestWidget.background#f0ecd8
- editorSuggestWidget.border#e8e2ccdd
- editorSuggestWidget.focusHighlightForeground#6830b0
- editorSuggestWidget.foreground#1a1430
- editorSuggestWidget.highlightForeground#5820a0
- editorSuggestWidget.selectedBackground#e8e2cc
- editorSuggestWidget.selectedForeground#1a1430
- editorSuggestWidget.selectedIconForeground#5820a0
- editorWarning.background#a0104012
- editorWarning.foreground#a01040
- editorWhitespace.foreground#ddd8c0a0
- editorWidget.background#f0ecd8
- editorWidget.border#e8e2ccdd
- editorWidget.foreground#1a1430
- editorWidget.resizeBorder#5820a090
- errorForeground#b02010
- extensionBadge.remoteBackground#2040a0
- extensionBadge.remoteForeground#ffffff
- extensionButton.prominentBackground#5820a0
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#6830b0
- focusBorder#5820a090
- gitDecoration.addedResourceForeground#1840a8
- gitDecoration.conflictingResourceForeground#906800
- gitDecoration.deletedResourceForeground#a81808
- gitDecoration.ignoredResourceForeground#b0a8c8
- gitDecoration.modifiedResourceForeground#6018a8
- gitDecoration.renamedResourceForeground#086860
- gitDecoration.stageAddedResourceForeground#2050c0
- gitDecoration.stageDeletedResourceForeground#a81808
- gitDecoration.stageModifiedResourceForeground#6018a8
- gitDecoration.untrackedResourceForeground#087060
- icon.foreground#7870a8
- input.background#e8e2cc
- input.border#ddd8c0
- input.foreground#1a1430
- input.placeholderForeground#9088b8
- inputOption.activeBackground#7030b035
- inputOption.activeBorder#7030b0dd
- inputOption.activeForeground#1a1430
- inputValidation.errorBackground#b0201012
- inputValidation.errorBorder#b02010dd
- inputValidation.infoBackground#2040a012
- inputValidation.infoBorder#2040a0dd
- inputValidation.warningBackground#a0104012
- inputValidation.warningBorder#a01040dd
- list.activeSelectionBackground#ddd8c0
- list.activeSelectionForeground#1a1430
- list.dropBackground#ddd8c0
- list.errorForeground#b02010
- list.focusBackground#ddd8c0e0
- list.focusForeground#1a1430
- list.highlightForeground#5820a0
- list.hoverBackground#e8e2ccc0
- list.hoverForeground#1a1430
- list.inactiveSelectionBackground#e8e2cce0
- list.inactiveSelectionForeground#2e2850
- list.warningForeground#806010
- menu.background#f0ecd8
- menu.border#e8e2ccdd
- menu.foreground#1a1430
- menu.selectionBackground#ddd8c0
- menu.selectionForeground#1a1430
- menu.separatorBackground#ddd8c0
- menubar.selectionBackground#e8e2cc
- menubar.selectionForeground#1a1430
- minimap.background#ede8d8
- minimap.errorHighlight#a81808e0
- minimap.findMatchHighlight#806000e0
- minimap.selectionHighlight#7030b035
- minimap.warningHighlight#a01040e0
- minimapGutter.addedBackground#1840a8e0
- minimapGutter.deletedBackground#a81808e0
- minimapGutter.modifiedBackground#6018a8e0
- minimapSlider.activeBackground#9088b888
- minimapSlider.background#9088b835
- minimapSlider.hoverBackground#9088b860
- notificationCenterHeader.background#ede8d8
- notificationCenterHeader.foreground#2e2850
- notificationLink.foreground#2040a0
- notifications.background#f0ecd8
- notifications.border#e8e2ccdd
- notifications.foreground#1a1430
- notificationsErrorIcon.foreground#b02010
- notificationsInfoIcon.foreground#2040a0
- notificationsWarningIcon.foreground#a01040
- panel.background#f0ecd8
- panel.border#e8e2ccdd
- panel.dropBorder#5820a0
- panelSection.border#e8e2ccdd
- panelTitle.activeBorder#5820a0
- panelTitle.activeForeground#1a1430
- panelTitle.inactiveForeground#9088b8
- peekView.border#5820a090
- peekViewEditor.background#ede8d8
- peekViewEditor.matchHighlightBackground#80600040
- peekViewEditor.matchHighlightBorder#80600090
- peekViewResult.background#f0ecd8
- peekViewResult.fileForeground#1a1430
- peekViewResult.lineForeground#4a4470
- peekViewResult.matchHighlightBackground#80600040
- peekViewResult.selectionBackground#e8e2cc
- peekViewResult.selectionForeground#1a1430
- peekViewTitle.background#e8e2cc
- peekViewTitleDescription.foreground#4a4470
- peekViewTitleLabel.foreground#5820a0
- progressBar.background#5820a0
- sash.hoverBorder#5820a090
- scrollbar.shadow#00000030
- scrollbarSlider.activeBackground#7870a890
- scrollbarSlider.background#9088b840
- scrollbarSlider.hoverBackground#9088b870
- selection.background#7030b030
- settings.checkboxBackground#e8e2cc
- settings.checkboxBorder#ddd8c0
- settings.checkboxForeground#5820a0
- settings.dropdownBackground#e8e2cc
- settings.dropdownBorder#ddd8c0
- settings.dropdownForeground#1a1430
- settings.headerForeground#1a1430
- settings.modifiedItemIndicator#5820a0
- settings.numberInputBackground#e8e2cc
- settings.numberInputBorder#ddd8c0
- settings.numberInputForeground#1a1430
- settings.textInputBackground#e8e2cc
- settings.textInputBorder#ddd8c0
- settings.textInputForeground#1a1430
- sideBar.background#f0ecd8
- sideBar.border#e8e2ccdd
- sideBar.foreground#1a1430
- sideBarSectionHeader.background#00000000
- sideBarSectionHeader.border#e8e2ccdd
- sideBarSectionHeader.foreground#7870a8
- sideBarTitle.foreground#9088b8
- statusBar.background#ede8d8
- statusBar.border#e8e2ccdd
- statusBar.debuggingBackground#806010
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#7870a8
- statusBar.noFolderBackground#ede8d8
- statusBarItem.activeBackground#ddd8c0
- statusBarItem.errorBackground#b0201015
- statusBarItem.errorForeground#b02010
- statusBarItem.hoverBackground#e8e2cc
- statusBarItem.remoteBackground#5820a0
- statusBarItem.remoteForeground#ffffff
- statusBarItem.warningBackground#a0104015
- statusBarItem.warningForeground#a01040
- symbolIcon.classForeground#806010
- symbolIcon.colorForeground#900850
- symbolIcon.constantForeground#806000
- symbolIcon.constructorForeground#0a7868
- symbolIcon.enumeratorForeground#806010
- symbolIcon.enumeratorMemberForeground#806000
- symbolIcon.eventForeground#900850
- symbolIcon.fieldForeground#1a1430
- symbolIcon.fileForeground#7870a8
- symbolIcon.folderForeground#7870a8
- symbolIcon.functionForeground#2040a0
- symbolIcon.interfaceForeground#0a7868
- symbolIcon.keyForeground#5820a0
- symbolIcon.keywordForeground#5820a0
- symbolIcon.methodForeground#2848a8
- symbolIcon.moduleForeground#2e2850
- symbolIcon.namespaceForeground#806010
- symbolIcon.nullForeground#a01040
- symbolIcon.numberForeground#804010
- symbolIcon.objectForeground#1a1430
- symbolIcon.operatorForeground#106858
- symbolIcon.packageForeground#804010
- symbolIcon.propertyForeground#2e2850
- symbolIcon.referenceForeground#3050b0
- symbolIcon.snippetForeground#0a7868
- symbolIcon.stringForeground#0a7848
- symbolIcon.structForeground#806010
- symbolIcon.textForeground#1a1430
- symbolIcon.typeParameterForeground#0a7868
- symbolIcon.unitForeground#804010
- symbolIcon.variableForeground#1848a0
- tab.activeBackground#f6f2e4
- tab.activeBorder#00000000
- tab.activeBorderTop#5820a0
- tab.activeForeground#1a1430
- tab.border#00000000
- tab.hoverBackground#e8e2cc
- tab.hoverForeground#2e2850
- tab.inactiveBackground#ede8d8
- tab.inactiveForeground#9088b8
- tab.unfocusedActiveBackground#f2eedd
- tab.unfocusedActiveForeground#7870a8
- tab.unfocusedInactiveForeground#9088b8
- terminal.ansiBlack#ddd8c0
- terminal.ansiBlue#1848a0
- terminal.ansiBrightBlack#d0caaa
- terminal.ansiBrightBlue#2848a8
- terminal.ansiBrightCyan#106858
- terminal.ansiBrightGreen#087848
- terminal.ansiBrightMagenta#6830b0
- terminal.ansiBrightRed#a01040
- terminal.ansiBrightWhite#1a1430
- terminal.ansiBrightYellow#804010
- terminal.ansiCyan#0a7868
- terminal.ansiGreen#0a7848
- terminal.ansiMagenta#5820a0
- terminal.ansiRed#b02010
- terminal.ansiWhite#2e2850
- terminal.ansiYellow#806010
- terminal.background#f6f2e4
- terminal.foreground#1a1430
- terminal.inactiveSelectionBackground#7030b015
- terminal.selectionBackground#7030b030
- terminalCursor.background#f6f2e4
- terminalCursor.foreground#5820a0
- titleBar.activeBackground#ede8d8
- titleBar.activeForeground#2e2850
- titleBar.border#e8e2ccdd
- titleBar.inactiveBackground#ede8d8
- titleBar.inactiveForeground#9088b8
- tree.indentGuidesStroke#d0caaa
- widget.border#e8e2ccdd
- widget.shadow#00000020
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| source, text | #1e1840 | — |
| comment, punctuation.definition.comment, string.comment | #8878a8 | italic |
| keyword.operator.void, keyword.control.throw, keyword.operator.delete, keyword.other.delete, constant.language.null, constant.language.undefined | #b02010 | — |
| keyword.operator.new, keyword.other.new | #0a7848 | — |
| constant.language.boolean, constant.language.null, constant.language.undefined, constant.language.nan, constant.language.infinity | #806000 | — |
| keyword, keyword.control, keyword.control.flow, keyword.operator.new, keyword.operator.delete, storage.type, storage.modifier, keyword.other | #5820a0 | — |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.require | #0a7868 | — |
| storage.modifier.readonly, keyword.other.readonly | #806000 | — |
| keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.logical, keyword.operator.comparison, keyword.operator.type | #106858 | — |
| keyword.operator.accessor, punctuation.accessor | #7070b0 | — |
| entity.name.type, entity.name.class, entity.name.namespace, support.type, support.class, storage.type.primitive, storage.type.built-in | #806010 | — |
| entity.name.function, support.function | #2040a0 | — |
| meta.function-call entity.name.function, meta.function-call support.function | #3050b0 | — |
| string, string.quoted, string.template, string.interpolated | #0a7848 | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #5020a0 | — |
| constant.character.escape | #087848 | — |
| string.regexp | #900850 | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float | #804010 | — |
| constant.language, constant.other, support.constant, variable.other.constant | #806000 | — |
| variable, variable.other, variable.other.readwrite, variable.other.object | #1848a0 | — |
| variable.parameter, meta.function.parameters variable | #a01040 | — |
| variable.language.this, variable.language.self, variable.language.super | #5820a0 | italic |
| variable.other.property, variable.other.object.property, support.variable.property | #3a3060 | — |
| entity.name.tag, meta.tag.sgml | #5820a0 | — |
| entity.other.attribute-name, meta.attribute | #806010 | — |
| meta.decorator, entity.name.decorator, punctuation.decorator | #900850 | — |
| punctuation, punctuation.definition.tag, punctuation.separator, punctuation.terminator, meta.brace | #6060a0 | — |
| invalid, invalid.illegal | #b02010 | — |
| invalid.deprecated | #a01040 | strikethrough |
| support.type.property-name | #0a7868 | — |
| support.constant.property-value | #804010 | — |
| entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.other.attribute-name.pseudo-class.css | #1848a0 | — |
| support.type.property-name.json | #5820a0 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value string.quoted | #0a7848 | — |
| markup.heading, punctuation.definition.heading | #806010 | bold |
| markup.bold | #1e1840 | bold |
| markup.italic | #3a3060 | italic |
| markup.inline.raw, markup.fenced_code.block | #0a7848 | — |
| markup.underline.link, string.other.link | #2040a0 | — |
| markup.quote | #7070b0 | italic |
| markup.inserted | #3060c0 | — |
| markup.deleted | #c03020 | — |
| markup.changed | #7030b0 | — |