Naruto Shinobi Theme
Publisher: Kushal Raj G SThemes in package: 25
Believe it! A vibrant VS Code theme inspired by Naruto Uzumaki and the ninja world. Features iconic orange, blue, and dark colors from the beloved anime.
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#1a1424
- activityBar.activeBorder#D8BFD8
- activityBar.background#1f1528
- activityBar.border#2a2434
- activityBar.foreground#D8BFD8
- activityBar.inactiveForeground#7a6a8a
- activityBarBadge.background#00BFFF
- activityBarBadge.foreground#000000
- badge.background#00BFFF
- badge.foreground#000000
- breadcrumb.activeSelectionForeground#00BFFF
- breadcrumb.focusForeground#E6E6FA
- breadcrumb.foreground#9a8aaa
- button.background#00BFFF
- button.foreground#000000
- button.hoverBackground#87CEEB
- button.secondaryBackground#191970
- button.secondaryForeground#ffffff
- button.secondaryHoverBackground#000080
- debugExceptionWidget.background#2a1a1f
- debugExceptionWidget.border#FFB6C1
- debugToolBar.background#1a1424
- debugToolBar.border#E6E6FA
- diffEditor.insertedLineBackground#87CEEB20
- diffEditor.insertedTextBackground#87CEEB30
- diffEditor.removedLineBackground#FFB6C120
- diffEditor.removedTextBackground#FFB6C130
- dropdown.background#1a1424
- dropdown.border#E6E6FA
- dropdown.foreground#ffffff
- editor.background#2a1f35
- editor.findMatchBackground#DDA0DD80
- editor.findMatchHighlightBackground#DDA0DD50
- editor.foreground#F5E6FA
- editor.inactiveSelectionBackground#E6E6FA40
- editor.lineHighlightBackground#3d2f4a
- editor.selectionBackground#9370DB80
- editor.selectionHighlightBackground#D8BFD850
- editor.wordHighlightBackground#FFC0CB30
- editor.wordHighlightStrongBackground#FFC0CB50
- editorBracketMatch.background#E6E6FA50
- editorBracketMatch.border#DDA0DD
- editorCursor.foreground#DDA0DD
- editorError.background#FFB6C180
- editorError.border#FFC0CB
- editorError.foreground#FFB6C1
- editorGroupHeader.tabsBackground#1f1528
- editorGroupHeader.tabsBorder#2a2434
- editorHint.foreground#87CEEB
- editorIndentGuide.activeBackground1#E6E6FA
- editorIndentGuide.background1#2a2434
- editorInfo.foreground#00BFFF
- editorLineNumber.activeForeground#D8BFD8
- editorLineNumber.foreground#7a6a8a
- editorWarning.foreground#E6E6FA
- editorWhitespace.foreground#2a2434
- focusBorder#00BFFF
- gitDecoration.addedResourceForeground#87CEEB
- gitDecoration.conflictingResourceForeground#FFC0CB
- gitDecoration.deletedResourceForeground#FFB6C1
- gitDecoration.ignoredResourceForeground#7a6a8a
- gitDecoration.modifiedResourceForeground#D8BFD8
- gitDecoration.untrackedResourceForeground#E6E6FA
- input.background#1a1424
- input.border#E6E6FA
- input.foreground#ffffff
- input.placeholderForeground#7a6a8a
- inputOption.activeBorder#D8BFD8
- inputValidation.errorBackground#2a1a1f
- inputValidation.errorBorder#FFB6C1
- inputValidation.warningBackground#1a1a2a
- inputValidation.warningBorder#E6E6FA
- list.activeSelectionBackground#E6E6FA80
- list.activeSelectionForeground#ffffff
- list.errorForeground#ffb6d0
- list.focusBackground#E6E6FA80
- list.focusForeground#ffffff
- list.highlightForeground#00BFFF
- list.hoverBackground#1a1424
- list.hoverForeground#ffffff
- list.inactiveSelectionBackground#2a2434
- list.inactiveSelectionForeground#ffffff
- list.warningForeground#E6E6FA
- merge.border#00BFFF
- merge.currentContentBackground#E6E6FA30
- merge.currentHeaderBackground#E6E6FA80
- merge.incomingContentBackground#87CEEB30
- merge.incomingHeaderBackground#87CEEB80
- minimap.errorHighlight#FFB6C1
- minimap.findMatchHighlight#00BFFF80
- minimap.selectionHighlight#E6E6FA80
- minimap.warningHighlight#E6E6FA
- minimapGutter.addedBackground#87CEEB
- minimapGutter.deletedBackground#FFB6C1
- minimapGutter.modifiedBackground#D8BFD8
- notificationCenter.border#2a2434
- notificationCenterHeader.background#1a1424
- notificationLink.foreground#D8BFD8
- notifications.background#1a1424
- notifications.border#E6E6FA
- notifications.foreground#ffffff
- panel.background#0f0a14
- panel.border#2a2434
- panelTitle.activeBorder#E6E6FA
- panelTitle.activeForeground#ffffff
- panelTitle.inactiveForeground#9a8aaa
- peekView.border#E6E6FA
- peekViewEditor.background#1a1424
- peekViewEditor.matchHighlightBackground#00BFFF80
- peekViewResult.background#0f0a14
- peekViewResult.matchHighlightBackground#E6E6FA50
- peekViewResult.selectionBackground#E6E6FA80
- peekViewTitle.background#1a1424
- peekViewTitleDescription.foreground#9a8aaa
- peekViewTitleLabel.foreground#D8BFD8
- scrollbarSlider.activeBackground#D8BFD8A0
- scrollbarSlider.background#E6E6FA60
- scrollbarSlider.hoverBackground#E6E6FA80
- sideBar.background#241a2f
- sideBar.border#3d2f4a
- sideBar.foreground#E6D5F0
- sideBarSectionHeader.background#1a1424
- sideBarSectionHeader.border#2a2434
- sideBarSectionHeader.foreground#00BFFF
- sideBarTitle.foreground#D8BFD8
- statusBar.background#D8BFD8
- statusBar.border#2a2434
- statusBar.debuggingBackground#FFB6C1
- statusBar.debuggingForeground#000000
- statusBar.foreground#000000
- statusBar.noFolderBackground#9370DB
- statusBarItem.errorBackground#FFC0CB
- statusBarItem.errorForeground#000000
- statusBarItem.prominentBackground#E6E6FA
- statusBarItem.prominentHoverBackground#DDA0DD
- statusBarItem.warningBackground#DDA0DD
- statusBarItem.warningForeground#000000
- tab.activeBackground#1a1424
- tab.activeBorder#0a0510
- tab.activeBorderTop#E6E6FA
- tab.activeForeground#ffffff
- tab.border#1a1a1a
- tab.hoverBackground#1a1424
- tab.hoverBorder#D8BFD8
- tab.hoverForeground#ffffff
- tab.inactiveBackground#0f0a14
- tab.inactiveForeground#9a8aaa
- terminal.ansiBlack#1C1C1C
- terminal.ansiBlue#00BFFF
- terminal.ansiBrightBlack#191970
- terminal.ansiBrightBlue#87CEEB
- terminal.ansiBrightCyan#00BFFF
- terminal.ansiBrightGreen#E6E6FA
- terminal.ansiBrightMagenta#E6E6FA
- terminal.ansiBrightRed#FFC0CB
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#FFFAF0
- terminal.ansiCyan#87CEEB
- terminal.ansiGreen#D8BFD8
- terminal.ansiMagenta#DDA0DD
- terminal.ansiRed#FFB6C1
- terminal.ansiWhite#F8F8FF
- terminal.ansiYellow#FFF5EE
- terminal.background#0f0a14
- terminal.border#2a2434
- terminal.foreground#F8F8FF
- terminal.selectionBackground#E6E6FA50
- terminalCursor.background#0f0a14
- terminalCursor.foreground#00BFFF
- titleBar.activeBackground#1f1528
- titleBar.activeForeground#E6E6FA
- titleBar.border#2a2434
- titleBar.inactiveBackground#1a1020
- titleBar.inactiveForeground#7a6a8a
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #DDA0DD | italic |
| keyword, storage.type, storage.modifier | #00BFFF | bold |
| keyword.operator, keyword.operator.new, keyword.operator.expression, keyword.operator.logical | #87CEEB | bold |
| variable, variable.other, variable.parameter, variable.language | #E6E6FA | — |
| entity.name.function, support.function, meta.function-call | #F0EAD6 | bold |
| entity.name.type, entity.name.class, support.class | #D8BFD8 | bold |
| string, string.quoted, string.template | #F8F8FF | — |
| constant, constant.language, constant.numeric, constant.character | #191970 | bold |
| support.type, entity.name.type.instance | #FFF5EE | — |
| entity.other.attribute-name, entity.other.attribute-name.html | #87CEEB | italic |
| entity.name.tag, meta.tag | #FFFDD0 | bold |
| variable.other.property, support.type.property-name | #FFB6C1 | — |
| invalid, invalid.illegal, invalid.broken | #FFC0CB | bold underline |
| keyword.control.import, keyword.control.from, meta.import | #00BFFF | bold |
| constant.numeric, constant.numeric.integer, constant.numeric.float | #000080 | — |
| string.regexp, constant.character.escape | #87CEEB | bold |
| meta.decorator, entity.name.function.decorator | #191970 | italic |
| punctuation.definition, punctuation.separator, punctuation.terminator | #9a8aaa | — |
| support.type, support.class, support.other | #FF8C00 | — |
| entity.name.type.module, support.module | #FFB6C1 | bold |
| entity.name.type.namespace, entity.name.namespace | #E6E6FA | — |
| support.type.property-name.json, meta.object-literal.key | #00BFFF | — |
| markup.bold | #D8BFD8 | bold |
| markup.italic | #E6E6FA | italic |
| markup.heading, entity.name.section | #D8BFD8 | bold |
| markup.underline.link | #87CEEB | underline |
| markup.quote | #DDA0DD | italic |
| markup.inline.raw, markup.fenced_code.block | #F0EAD6 | — |
| markup.inserted | #87CEEB | — |
| markup.deleted | #FFB6C1 | — |
| markup.changed | #E6E6FA | — |
| meta.brace, meta.block, meta.bracket | #00BFFF | — |
| variable.parameter, meta.function.parameters | #E6E6FA | italic |
| entity.name.function.method, meta.method-call | #00BFFF | bold |
| entity.name.type.interface, support.type.interface | #F0EAD6 | bold |
| entity.name.type.enum, support.type.enum | #D8BFD8 | — |
| storage.type.annotation, meta.annotation | #191970 | italic |
| variable.language.this, variable.language.self | #D8BFD8 | italic bold |
| support.function.builtin, support.variable.builtin | #00BFFF | — |
| comment.block.documentation | #E6E6FA | italic |
| constant.character.escape | #87CEEB | — |
| meta.template.expression | #F8F8FF | — |
| entity.name.label | #00BFFF | bold |
| entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #E6E6FA | — |
| support.type.property-name.css | #F0EAD6 | — |
| support.constant.property-value.css | #00BFFF | — |
| keyword.other.DML.sql, keyword.other.DDL.sql | #00BFFF | bold |
| support.function.magic | #87CEEB | bold italic |
| entity.name.function.special, support.function.naruto | #FF8C00 | bold |
| string.quoted.special, constant.character.love | #FFB6C1 | italic |
| entity.name.type.tenseigan, support.class.ultimate | #FFD700 | bold |