Shinobi Black
Publisher: Sanjay BaskarThemes in package: 1
A premium OLED black VS Code theme with vibrant syntax highlighting. Handcrafted for long coding sessions.
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#F14E95
- activityBar.background#000000
- activityBar.border#0A0A0A
- activityBar.foreground#FFFFFF
- activityBar.inactiveForeground#5A5A5A
- activityBarBadge.background#F14E95
- activityBarBadge.foreground#FFFFFF
- badge.background#F14E95
- badge.foreground#FFFFFF
- breadcrumb.activeSelectionForeground#FFFFFF
- breadcrumb.focusForeground#EAEAEA
- breadcrumb.foreground#808080
- breadcrumbPicker.background#0A0A0A
- button.background#F14E95
- button.foreground#FFFFFF
- button.hoverBackground#D93E80
- button.secondaryBackground#1A1A1A
- button.secondaryForeground#EAEAEA
- button.secondaryHoverBackground#2A2A2A
- debugConsole.errorForeground#FF5370
- debugConsole.infoForeground#4BC6F7
- debugConsole.sourceForeground#EAEAEA
- debugConsole.warningForeground#FFCB6B
- debugConsoleInputIcon.foreground#B277FA
- debugExceptionWidget.background#0A0A0A
- debugExceptionWidget.border#FF5370
- debugToolBar.background#0A0A0A
- debugToolBar.border#1A1A1A
- diffEditor.insertedLineBackground#C3E88D10
- diffEditor.insertedTextBackground#C3E88D18
- diffEditor.removedLineBackground#FF537010
- diffEditor.removedTextBackground#FF537018
- dropdown.background#0A0A0A
- dropdown.border#1A1A1A
- dropdown.foreground#EAEAEA
- dropdown.listBackground#0A0A0A
- editor.background#000000
- editor.findMatchBackground#F14E9544
- editor.findMatchHighlightBackground#F14E9522
- editor.findRangeHighlightBackground#2A2A2A44
- editor.foldBackground#0A0A0A88
- editor.foreground#EAEAEA
- editor.hoverHighlightBackground#2A2A2A44
- editor.inactiveSelectionBackground#2A2A2A66
- editor.lineHighlightBackground#0A0A0A
- editor.lineHighlightBorder#0A0A0A
- editor.rangeHighlightBackground#0A0A0A
- editor.selectionBackground#2A2A2A
- editor.selectionHighlightBackground#2A2A2A88
- editor.snippetFinalTabstopHighlightBorder#F14E95
- editor.snippetTabstopHighlightBackground#2A2A2A
- editor.wordHighlightBackground#2A2A2A88
- editor.wordHighlightStrongBackground#2A2A2ABB
- editorBracketHighlight.foreground1#F14E95
- editorBracketHighlight.foreground2#4BC6F7
- editorBracketHighlight.foreground3#FFCB6B
- editorBracketHighlight.foreground4#B277FA
- editorBracketHighlight.foreground5#C3E88D
- editorBracketHighlight.foreground6#FFA500
- editorBracketMatch.background#2A2A2A88
- editorBracketMatch.border#FFFFFF
- editorCursor.foreground#FFFFFF
- editorError.foreground#FF5370
- editorGroup.border#1A1A1A
- editorGroupHeader.noTabsBackground#000000
- editorGroupHeader.tabsBackground#000000
- editorGroupHeader.tabsBorder#000000
- editorGutter.addedBackground#C3E88D
- editorGutter.deletedBackground#FF5370
- editorGutter.modifiedBackground#4BC6F7
- editorHint.foreground#C3E88D
- editorHoverWidget.background#0A0A0A
- editorHoverWidget.border#1A1A1A
- editorHoverWidget.foreground#EAEAEA
- editorIndentGuide.activeBackground#404040
- editorIndentGuide.background#1A1A1A
- editorInfo.foreground#4BC6F7
- editorLightBulb.foreground#FFCB6B
- editorLineNumber.activeForeground#FFFFFF
- editorLineNumber.foreground#5A5A5A
- editorLink.activeForeground#4BC6F7
- editorOverviewRuler.border#000000
- editorOverviewRuler.errorForeground#FF5370
- editorOverviewRuler.findMatchForeground#F14E9588
- editorOverviewRuler.infoForeground#4BC6F7
- editorOverviewRuler.warningForeground#FFCB6B
- editorRuler.foreground#1A1A1A
- editorSuggestWidget.background#0A0A0A
- editorSuggestWidget.border#1A1A1A
- editorSuggestWidget.focusHighlightForeground#F14E95
- editorSuggestWidget.foreground#EAEAEA
- editorSuggestWidget.highlightForeground#F14E95
- editorSuggestWidget.selectedBackground#1A1A1A
- editorWarning.foreground#FFCB6B
- editorWhitespace.foreground#2A2A2A
- editorWidget.background#0A0A0A
- editorWidget.border#1A1A1A
- editorWidget.foreground#EAEAEA
- extensionButton.prominentBackground#F14E95
- extensionButton.prominentForeground#FFFFFF
- extensionButton.prominentHoverBackground#D93E80
- focusBorder#F14E9588
- foreground#EAEAEA
- gitDecoration.addedResourceForeground#C3E88D
- gitDecoration.conflictingResourceForeground#FFA500
- gitDecoration.deletedResourceForeground#FF5370
- gitDecoration.ignoredResourceForeground#5A5A5A
- gitDecoration.modifiedResourceForeground#4BC6F7
- gitDecoration.renamedResourceForeground#C3E88D
- gitDecoration.stageDeletedResourceForeground#FF5370
- gitDecoration.stageModifiedResourceForeground#4BC6F7
- gitDecoration.untrackedResourceForeground#C3E88D
- icon.foreground#EAEAEA
- input.background#0A0A0A
- input.border#1A1A1A
- input.foreground#EAEAEA
- input.placeholderForeground#5A5A5A
- inputOption.activeBackground#2A2A2A
- inputOption.activeBorder#F14E95
- inputOption.activeForeground#FFFFFF
- inputValidation.errorBackground#0A0A0A
- inputValidation.errorBorder#FF5370
- inputValidation.infoBackground#0A0A0A
- inputValidation.infoBorder#4BC6F7
- inputValidation.warningBackground#0A0A0A
- inputValidation.warningBorder#FFCB6B
- list.activeSelectionBackground#1A1A1A
- list.activeSelectionForeground#FFFFFF
- list.errorForeground#FF5370
- list.focusBackground#1A1A1A
- list.focusForeground#FFFFFF
- list.highlightForeground#F14E95
- list.hoverBackground#0F0F0F
- list.hoverForeground#EAEAEA
- list.inactiveSelectionBackground#0F0F0F
- list.inactiveSelectionForeground#EAEAEA
- list.warningForeground#FFCB6B
- menu.background#0A0A0A
- menu.foreground#EAEAEA
- menu.selectionBackground#1A1A1A
- menu.selectionForeground#FFFFFF
- menu.separatorBackground#1A1A1A
- menubar.selectionBackground#1A1A1A
- menubar.selectionForeground#FFFFFF
- merge.currentContentBackground#C3E88D15
- merge.currentHeaderBackground#C3E88D33
- merge.incomingContentBackground#4BC6F715
- merge.incomingHeaderBackground#4BC6F733
- minimap.background#000000
- minimap.errorHighlight#FF537088
- minimap.findMatchHighlight#F14E9566
- minimap.selectionHighlight#2A2A2A88
- minimap.warningHighlight#FFCB6B88
- minimapGutter.addedBackground#C3E88D
- minimapGutter.deletedBackground#FF5370
- minimapGutter.modifiedBackground#4BC6F7
- minimapSlider.activeBackground#5A5A5A44
- minimapSlider.background#5A5A5A22
- minimapSlider.hoverBackground#5A5A5A33
- notificationCenter.border#1A1A1A
- notificationCenterHeader.background#0A0A0A
- notificationCenterHeader.foreground#EAEAEA
- notificationLink.foreground#4BC6F7
- notifications.background#0A0A0A
- notifications.border#1A1A1A
- notifications.foreground#EAEAEA
- notificationToast.border#1A1A1A
- panel.background#000000
- panel.border#1A1A1A
- panelInput.border#1A1A1A
- panelTitle.activeBorder#F14E95
- panelTitle.activeForeground#FFFFFF
- panelTitle.inactiveForeground#5A5A5A
- peekView.border#F14E95
- peekViewEditor.background#0A0A0A
- peekViewEditor.matchHighlightBackground#F14E9533
- peekViewEditorGutter.background#0A0A0A
- peekViewResult.background#0A0A0A
- peekViewResult.fileForeground#EAEAEA
- peekViewResult.lineForeground#808080
- peekViewResult.matchHighlightBackground#F14E9533
- peekViewResult.selectionBackground#1A1A1A
- peekViewResult.selectionForeground#FFFFFF
- peekViewTitle.background#0A0A0A
- peekViewTitleDescription.foreground#808080
- peekViewTitleLabel.foreground#FFFFFF
- pickerGroup.border#1A1A1A
- pickerGroup.foreground#F14E95
- progressBar.background#F14E95
- quickInput.background#0A0A0A
- quickInput.foreground#EAEAEA
- quickInputList.focusBackground#1A1A1A
- quickInputList.focusForeground#FFFFFF
- quickInputTitle.background#0A0A0A
- sash.hoverBorder#F14E95
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#5A5A5A88
- scrollbarSlider.background#5A5A5A44
- scrollbarSlider.hoverBackground#5A5A5A66
- selection.background#2A2A2A
- settings.focusedRowBackground#0A0A0A
- settings.focusedRowBorder#1A1A1A
- settings.headerForeground#EAEAEA
- settings.modifiedItemIndicator#F14E95
- sideBar.background#000000
- sideBar.border#0A0A0A
- sideBar.foreground#EAEAEA
- sideBarSectionHeader.background#000000
- sideBarSectionHeader.border#1A1A1A
- sideBarSectionHeader.foreground#EAEAEA
- sideBarTitle.foreground#EAEAEA
- statusBar.background#000000
- statusBar.border#0A0A0A
- statusBar.debuggingBackground#F14E95
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#EAEAEA
- statusBar.noFolderBackground#000000
- statusBar.noFolderForeground#EAEAEA
- statusBarItem.activeBackground#1A1A1A
- statusBarItem.hoverBackground#1A1A1A
- statusBarItem.prominentBackground#0A0A0A
- statusBarItem.prominentHoverBackground#1A1A1A
- statusBarItem.remoteBackground#F14E95
- statusBarItem.remoteForeground#FFFFFF
- tab.activeBackground#000000
- tab.activeBorderTop#F14E95
- tab.activeForeground#FFFFFF
- tab.border#000000
- tab.hoverBackground#0A0A0A
- tab.inactiveBackground#000000
- tab.inactiveForeground#808080
- tab.unfocusedActiveBackground#000000
- tab.unfocusedActiveForeground#A0A0A0
- tab.unfocusedInactiveBackground#000000
- tab.unfocusedInactiveForeground#5A5A5A
- terminal.ansiBlack#000000
- terminal.ansiBlue#4BC6F7
- terminal.ansiBrightBlack#5A5A5A
- terminal.ansiBrightBlue#4BC6F7
- terminal.ansiBrightCyan#89DDFF
- terminal.ansiBrightGreen#C3E88D
- terminal.ansiBrightMagenta#B277FA
- terminal.ansiBrightRed#FF5370
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#FFCB6B
- terminal.ansiCyan#89DDFF
- terminal.ansiGreen#C3E88D
- terminal.ansiMagenta#B277FA
- terminal.ansiRed#FF5370
- terminal.ansiWhite#EAEAEA
- terminal.ansiYellow#FFCB6B
- terminal.background#000000
- terminal.foreground#EAEAEA
- terminal.selectionBackground#2A2A2A
- terminalCursor.background#000000
- terminalCursor.foreground#FFFFFF
- textBlockQuote.background#0A0A0A
- textBlockQuote.border#F14E95
- textCodeBlock.background#0A0A0A
- textLink.activeForeground#89DDFF
- textLink.foreground#4BC6F7
- textPreformat.foreground#EAEAEA
- titleBar.activeBackground#000000
- titleBar.activeForeground#FFFFFF
- titleBar.border#000000
- titleBar.inactiveBackground#000000
- titleBar.inactiveForeground#5A5A5A
- tree.indentGuidesStroke#1A1A1A
- walkThrough.embeddedEditorBackground#000000
- welcomePage.background#000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment.block, comment.block.documentation, comment.line, punctuation.definition.comment | #8B949E | italic |
| string, string.quoted, string.quoted.double, string.quoted.single, string.quoted.triple, string.template, string.quoted.other | #B277FA | — |
| constant.character.escape, constant.character.escape.backslash, constant.other.placeholder | #89DDFF | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, string.template meta.template.expression | #F14E95 | — |
| string.regexp, string.regexp.js, string.regexp.ts | #89DDFF | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.octal, constant.numeric.binary, constant.numeric.decimal | #FFCB6B | — |
| constant.language, constant.language.boolean, constant.language.boolean.true, constant.language.boolean.false, constant.language.null, constant.language.nullptr, constant.language.undefined, keyword.other.nullptr.cpp, constant.language.python, constant.language.java | #C3E88D | — |
| variable.other.constant, variable.other.enummember, constant.other, constant.other.caps | #FFCB6B | — |
| keyword, keyword.control, keyword.control.conditional, keyword.control.loop, keyword.control.flow, keyword.control.trycatch, keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.new, keyword.control.default, keyword.control.switch, keyword.control.directive, keyword.other.using, keyword.other.namespace, keyword.other.package, keyword.other.import, keyword.operator.new, keyword.operator.delete, keyword.operator.expression.typeof, keyword.operator.expression.instanceof, keyword.operator.expression.void, keyword.operator.expression.in, keyword.operator.expression.of, keyword.operator.expression.delete, keyword.operator.expression.keyof, keyword.operator.sizeof, keyword.other.unit | #F14E95 | — |
| storage, storage.modifier, storage.modifier.async, storage.modifier.static, storage.modifier.access, storage.type.function, storage.type.class, storage.type.struct, storage.type.enum, storage.type.interface, storage.type.namespace, storage.type.template, keyword.other.typedef, keyword.other.typename | #F14E95 | — |
| entity.name.type, entity.name.type.class, entity.name.type.struct, entity.name.type.interface, entity.name.type.enum, entity.name.type.type-parameter, entity.name.type.module, entity.name.type.namespace, entity.name.type.alias, entity.other.inherited-class, support.type, support.class, support.class.builtin, support.type.builtin, support.other.namespace, meta.return-type, entity.name.type.class.python, entity.name.type.class.java, entity.name.type.class.cpp | #4BC6F7 | — |
| storage.type.primitive, storage.type.primitive.cpp, storage.type.built-in, storage.type.built-in.cpp, storage.type.built-in.primitive, support.type.primitive, support.type.primitive.cpp, keyword.type, keyword.type.cpp, storage.type.java, storage.type.cs, storage.type.numeric.go, storage.type.boolean.go, storage.type.string.go, storage.type.byte.go, storage.type.error.go | #4BC6F7 | — |
| entity.name.type.type-parameter, storage.modifier.array.bracket, storage.modifier.array.bracket.cpp, meta.type.parameters, punctuation.definition.typeparameters | #4BC6F7 | — |
| entity.name.function, entity.name.function.member, entity.name.function.decorator, support.function, support.function.builtin, support.function.magic, meta.function-call, meta.function-call.generic, meta.method-call, variable.function | #B277FA | — |
| entity.name.function.constructor, meta.function.constructor, support.function.constructor | #B277FA | — |
| variable, variable.other, variable.other.readwrite, variable.other.object, variable.other.property, meta.object-literal.key | #EAEAEA | — |
| variable.parameter, variable.parameter.function, meta.parameter | #EAEAEA | italic |
| variable.language, variable.language.this, variable.language.self, variable.language.cls, variable.language.super, variable.language.special.self | #FFA500 | — |
| keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.logical, keyword.operator.comparison, keyword.operator.bitwise, keyword.operator.increment, keyword.operator.decrement, keyword.operator.ternary, keyword.operator.spread, keyword.operator.rest, keyword.operator.type.annotation, keyword.operator.optional, keyword.operator.key-value, keyword.operator.accessor | #89DDFF | — |
| punctuation, punctuation.definition, punctuation.separator, punctuation.terminator, punctuation.accessor, punctuation.section, punctuation.definition.block, punctuation.definition.parameters, punctuation.definition.arguments, punctuation.definition.array, punctuation.definition.tag, punctuation.definition.string, punctuation.separator.comma, punctuation.separator.colon, punctuation.terminator.statement, meta.brace.round, meta.brace.square, meta.brace.curly | #C8C8C8 | — |
| meta.decorator, meta.decorator entity.name.function, entity.name.function.decorator, entity.name.function.decorator.python, punctuation.decorator, storage.type.annotation, storage.type.annotation.java, punctuation.definition.annotation, meta.annotation, meta.annotation.java | #FFCB6B | — |
| entity.other.attribute-name, entity.other.attribute-name.html, entity.other.attribute-name.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #FFCB6B | italic |
| keyword.control.directive, keyword.control.directive.include, keyword.control.directive.define, keyword.control.directive.ifdef, keyword.control.directive.ifndef, keyword.control.directive.endif, keyword.control.directive.conditional, meta.preprocessor, punctuation.definition.directive, keyword.other.preprocessor | #FF5370 | — |
| entity.name.function.preprocessor, entity.name.other.preprocessor.macro, meta.preprocessor.macro | #4BC6F7 | — |
| entity.name.tag, entity.name.tag.html, entity.name.tag.xml, entity.name.tag.js, entity.name.tag.tsx, support.class.component, support.class.component.tsx, support.class.component.jsx | #F14E95 | — |
| string.quoted.double.html, string.quoted.single.html | #B277FA | — |
| constant.character.entity, constant.character.entity.html, punctuation.definition.entity | #89DDFF | — |
| support.type.property-name, support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less, meta.property-name | #4BC6F7 | — |
| support.constant.property-value, support.constant.property-value.css, constant.other.color.rgb-value, meta.property-value | #EAEAEA | — |
| entity.name.tag.css, entity.name.tag.scss, entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element | #F14E95 | — |
| variable.css, variable.scss, variable.argument.css, variable.other.less | #FFA500 | — |
| support.function.misc.css, support.function.misc.scss, support.function.transform.css, support.function.calc.css, support.function.url.css | #B277FA | — |
| support.type.property-name.json, support.type.property-name.json.comments | #4BC6F7 | — |
| string.quoted.double.json, string.quoted.double.json.comments | #B277FA | — |
| markup.heading, markup.heading.setext, entity.name.section.markdown, punctuation.definition.heading.markdown | #F14E95 | bold |
| markup.bold, punctuation.definition.bold.markdown | #FFCB6B | bold |
| markup.italic, punctuation.definition.italic.markdown | #C3E88D | italic |
| markup.underline.link, markup.underline.link.markdown, string.other.link.title.markdown, string.other.link.description.markdown | #4BC6F7 | — |
| markup.inline.raw, markup.inline.raw.string.markdown, markup.fenced_code.block.markdown | #B277FA | — |
| markup.quote, markup.quote.markdown | #8B949E | italic |
| punctuation.definition.list.begin.markdown, markup.list | #FFCB6B | — |
| keyword.other.DML.sql, keyword.other.DDL.sql, keyword.other.sql, keyword.other.create.sql, keyword.other.data-integrity.sql, keyword.other.LUW.sql, keyword.other.alias.sql, keyword.other.order.sql | #F14E95 | — |
| support.function.aggregate.sql, support.function.scalar.sql, support.function.string.sql, support.function.datetime.sql | #B277FA | — |
| storage.type.sql, support.type.sql | #4BC6F7 | — |
| constant.other.database-name.sql, constant.other.table-name.sql | #EAEAEA | — |
| support.function.magic.python, support.variable.magic.python | #B277FA | italic |
| meta.fstring, constant.character.format.placeholder.other.python | #89DDFF | — |
| storage.modifier.import.java, storage.modifier.package.java | #8B949E | — |
| entity.name.type.interface, entity.name.type.alias, entity.name.type.interface.ts, entity.name.type.alias.ts | #4BC6F7 | — |
| variable.other.enummember, variable.other.enummember.ts | #FFCB6B | — |
| entity.name.label, entity.name.label.cpp, punctuation.separator.label | #FFA500 | — |
| entity.name.namespace, entity.name.type.module, entity.name.type.namespace, entity.name.scope-resolution, support.other.namespace | #4BC6F7 | — |
| markup.inserted | #C3E88D | — |
| markup.deleted | #FF5370 | — |
| markup.changed | #4BC6F7 | — |
| invalid, invalid.illegal | #FF5370 | underline |
| invalid.deprecated | #FFCB6B | strikethrough |