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#16251A
- activityBar.activeBorder#4A7D4A
- activityBar.activeFocusBorder#4A7D4A
- activityBar.background#0E1610
- activityBar.border#16251A
- activityBar.dropBorder#4A7D4A
- activityBar.foreground#4A7D4A
- activityBar.inactiveForeground#7A9272
- activityBarBadge.background#B8873A
- activityBarBadge.foreground#FFFFFF
- badge.background#4A7D4A
- badge.foreground#FFFFFF
- breadcrumb.activeSelectionForeground#FFFFFF
- breadcrumb.background#0E1610
- breadcrumb.focusForeground#4A7D4A
- breadcrumb.foreground#7A9272
- breadcrumbPicker.background#0E1610
- button.background#4A7D4A
- button.foreground#FFFFFF
- button.hoverBackground#568C52
- button.secondaryBackground#B8873A
- button.secondaryForeground#FFFFFF
- button.secondaryHoverBackground#A08556
- checkbox.background#16251A
- checkbox.border#213A25
- checkbox.foreground#FFFFFF
- debugIcon.breakpointCurrentStackframeForeground#B8873A
- debugIcon.breakpointDisabledForeground#7A9272
- debugIcon.breakpointForeground#E06A4E
- debugIcon.breakpointStackframeForeground#5E8F56
- debugIcon.breakpointUnverifiedForeground#7A9272
- debugIcon.continueForeground#7AA35B
- debugIcon.disconnectForeground#E06A4E
- debugIcon.pauseForeground#E8C56B
- debugIcon.restartForeground#5E8F56
- debugIcon.startForeground#7AA35B
- debugIcon.stepBackForeground#5E8F56
- debugIcon.stepIntoForeground#5E8F56
- debugIcon.stepOutForeground#5E8F56
- debugIcon.stepOverForeground#5E8F56
- debugIcon.stopForeground#E06A4E
- debugToolBar.background#0E1610
- debugToolBar.border#16251A
- descriptionForeground#7A9272
- diffEditor.border#16251A
- diffEditor.diagonalFill#213A2528
- diffEditor.insertedLineBackground#7AA35B15
- diffEditor.insertedTextBackground#7AA35B20
- diffEditor.removedLineBackground#E06A4E15
- diffEditor.removedTextBackground#E06A4E20
- dropdown.background#16251A
- dropdown.border#213A25
- dropdown.foreground#FFFFFF
- dropdown.listBackground#0E1610
- editor.background#0E1610
- editor.findMatchBackground#B8873A60
- editor.findMatchHighlightBackground#B8873A30
- editor.findRangeHighlightBackground#4A7D4A20
- editor.foreground#E1F0D6
- editor.hoverHighlightBackground#4A7D4A20
- editor.inactiveSelectionBackground#4A7D4A20
- editor.lineHighlightBackground#16251A
- editor.lineHighlightBorder#16251A00
- editor.rangeHighlightBackground#16251A
- editor.selectionBackground#4A7D4A40
- editor.selectionHighlightBackground#4A7D4A30
- editor.wordHighlightBackground#5E8F5628
- editor.wordHighlightStrongBackground#5E8F5638
- editorBracketMatch.background#4A7D4A28
- editorBracketMatch.border#4A7D4A
- editorCodeLens.foreground#7A9272
- editorCursor.background#0E1610
- editorCursor.foreground#4A7D4A
- editorError.foreground#E06A4E
- editorGroup.border#16251A
- editorGroup.dropBackground#4A7D4A20
- editorGroupHeader.border#16251A
- editorGroupHeader.noTabsBackground#0E1610
- editorGroupHeader.tabsBackground#0E1610
- editorGroupHeader.tabsBorder#16251A
- editorGutter.addedBackground#7AA35B
- editorGutter.background#0E1610
- editorGutter.deletedBackground#E06A4E
- editorGutter.modifiedBackground#5E8F56
- editorHint.foreground#7AA35B
- editorHoverWidget.background#0E1610
- editorHoverWidget.border#16251A
- editorHoverWidget.foreground#D2E2C8
- editorHoverWidget.statusBarBackground#16251A
- editorIndentGuide.activeBackground1#4A7D4A48
- editorIndentGuide.background1#213A2528
- editorInfo.foreground#5E8F56
- editorLineNumber.activeForeground#4A7D4A
- editorLineNumber.foreground#7A9272
- editorLink.activeForeground#5E8F56
- editorOverviewRuler.border#16251A
- editorRuler.foreground#213A2548
- editorSuggestWidget.background#0E1610
- editorSuggestWidget.border#16251A
- editorSuggestWidget.focusHighlightForeground#568C52
- editorSuggestWidget.foreground#D2E2C8
- editorSuggestWidget.highlightForeground#4A7D4A
- editorSuggestWidget.selectedBackground#4A7D4A30
- editorWarning.foreground#E8C56B
- editorWhitespace.foreground#213A2538
- editorWidget.background#0E1610
- editorWidget.border#16251A
- editorWidget.foreground#D2E2C8
- errorForeground#E06A4E
- focusBorder#4A7D4A
- foreground#D2E2C8
- gitDecoration.conflictingResourceForeground#C49A63
- gitDecoration.deletedResourceForeground#E06A4E
- gitDecoration.ignoredResourceForeground#7A9272
- gitDecoration.modifiedResourceForeground#5E8F56
- gitDecoration.stageDeletedResourceForeground#E06A4E
- gitDecoration.stageModifiedResourceForeground#5E8F56
- gitDecoration.submoduleResourceForeground#568C52
- gitDecoration.untrackedResourceForeground#7AA35B
- icon.foreground#4A7D4A
- input.background#16251A
- input.border#213A25
- input.foreground#FFFFFF
- input.placeholderForeground#7A9272
- inputOption.activeBackground#4A7D4A30
- inputOption.activeBorder#4A7D4A
- inputOption.activeForeground#FFFFFF
- inputValidation.errorBackground#E06A4E30
- inputValidation.errorBorder#E06A4E
- inputValidation.errorForeground#FFFFFF
- inputValidation.infoBackground#5E8F5630
- inputValidation.infoBorder#5E8F56
- inputValidation.infoForeground#FFFFFF
- inputValidation.warningBackground#E8C56B30
- inputValidation.warningBorder#E8C56B
- inputValidation.warningForeground#FFFFFF
- keybindingLabel.background#16251A
- keybindingLabel.border#213A25
- keybindingLabel.bottomBorder#213A25
- keybindingLabel.foreground#4A7D4A
- list.activeSelectionBackground#4A7D4A30
- list.activeSelectionForeground#FFFFFF
- list.deemphasizedForeground#7A9272
- list.dropBackground#4A7D4A20
- list.errorForeground#E06A4E
- list.filterMatchBackground#B8873A60
- list.filterMatchBorder#B8873A
- list.focusBackground#4A7D4A40
- list.focusForeground#FFFFFF
- list.highlightForeground#4A7D4A
- list.hoverBackground#16251A
- list.hoverForeground#FFFFFF
- list.inactiveSelectionBackground#16251A
- list.inactiveSelectionForeground#D2E2C8
- list.warningForeground#E8C56B
- menu.background#0E1610
- menu.border#16251A
- menu.foreground#D2E2C8
- menu.selectionBackground#4A7D4A30
- menu.selectionBorder#4A7D4A
- menu.selectionForeground#FFFFFF
- menu.separatorBackground#16251A
- menubar.selectionBackground#16251A
- menubar.selectionForeground#4A7D4A
- merge.border#16251A
- merge.commonContentBackground#7A927220
- merge.commonHeaderBackground#7A927240
- merge.currentContentBackground#5E8F5620
- merge.currentHeaderBackground#5E8F5640
- merge.incomingContentBackground#7AA35B20
- merge.incomingHeaderBackground#7AA35B40
- minimap.errorHighlight#E06A4E
- minimap.findMatchHighlight#B8873A60
- minimap.selectionHighlight#4A7D4A40
- minimap.warningHighlight#E8C56B
- minimapGutter.addedBackground#7AA35B
- minimapGutter.deletedBackground#E06A4E
- minimapGutter.modifiedBackground#5E8F56
- notificationCenter.border#16251A
- notificationCenterHeader.background#16251A
- notificationCenterHeader.foreground#4A7D4A
- notificationLink.foreground#5E8F56
- notifications.background#0E1610
- notifications.border#16251A
- notifications.foreground#D2E2C8
- notificationsErrorIcon.foreground#E06A4E
- notificationsInfoIcon.foreground#5E8F56
- notificationsWarningIcon.foreground#E8C56B
- notificationToast.border#16251A
- panel.background#0E1610
- panel.border#16251A
- panel.dropBorder#4A7D4A
- panelInput.border#213A25
- panelSection.border#16251A
- panelSection.dropBackground#4A7D4A20
- panelSectionHeader.background#16251A
- panelSectionHeader.border#213A25
- panelSectionHeader.foreground#568C52
- panelTitle.activeBorder#4A7D4A
- panelTitle.activeForeground#FFFFFF
- panelTitle.inactiveForeground#7A9272
- peekView.border#4A7D4A
- peekViewEditor.background#0E1610
- peekViewEditor.matchHighlightBackground#B8873A60
- peekViewEditor.matchHighlightBorder#B8873A
- peekViewResult.background#0E1610
- peekViewResult.fileForeground#D2E2C8
- peekViewResult.lineForeground#7A9272
- peekViewResult.matchHighlightBackground#B8873A60
- peekViewResult.selectionBackground#4A7D4A30
- peekViewResult.selectionForeground#FFFFFF
- peekViewTitle.background#16251A
- peekViewTitleDescription.foreground#7A9272
- peekViewTitleLabel.foreground#4A7D4A
- progressBar.background#4A7D4A
- quickInput.background#0E1610
- quickInput.foreground#D2E2C8
- quickInputList.focusBackground#4A7D4A30
- quickInputList.focusForeground#FFFFFF
- quickInputList.focusIconForeground#4A7D4A
- scrollbar.shadow#00000048
- scrollbarSlider.activeBackground#4A7D4A70
- scrollbarSlider.background#4A7D4A30
- scrollbarSlider.hoverBackground#4A7D4A50
- settings.checkboxBackground#16251A
- settings.checkboxBorder#213A25
- settings.checkboxForeground#FFFFFF
- settings.dropdownBackground#16251A
- settings.dropdownBorder#213A25
- settings.dropdownForeground#FFFFFF
- settings.dropdownListBorder#213A25
- settings.headerForeground#4A7D4A
- settings.modifiedItemIndicator#5E8F56
- settings.numberInputBackground#16251A
- settings.numberInputBorder#213A25
- settings.numberInputForeground#FFFFFF
- settings.textInputBackground#16251A
- settings.textInputBorder#213A25
- settings.textInputForeground#FFFFFF
- sideBar.background#0E1610
- sideBar.border#16251A
- sideBar.foreground#D2E2C8
- sideBarSectionHeader.background#16251A
- sideBarSectionHeader.border#213A25
- sideBarSectionHeader.foreground#568C52
- sideBarTitle.foreground#4A7D4A
- statusBar.background#213A25
- statusBar.border#213A25
- statusBar.debuggingBackground#E06A4E
- statusBar.debuggingBorder#E06A4E
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#FFFFFF
- statusBar.noFolderBackground#5E8F56
- statusBar.noFolderBorder#5E8F56
- statusBar.noFolderForeground#FFFFFF
- statusBarItem.activeBackground#4A7D4A80
- statusBarItem.errorBackground#E06A4E
- statusBarItem.errorForeground#FFFFFF
- statusBarItem.hoverBackground#4A7D4A50
- statusBarItem.prominentBackground#B8873A
- statusBarItem.prominentHoverBackground#A08556
- statusBarItem.remoteBackground#5E8F56
- statusBarItem.remoteForeground#FFFFFF
- statusBarItem.warningBackground#E8C56B
- statusBarItem.warningForeground#0E1610
- symbolIcon.arrayForeground#568C52
- symbolIcon.booleanForeground#E8C56B
- symbolIcon.classForeground#5E8F56
- symbolIcon.colorForeground#B8873A
- symbolIcon.constantForeground#B8873A
- symbolIcon.constructorForeground#C49A63
- symbolIcon.enumeratorForeground#B8873A
- symbolIcon.enumeratorMemberForeground#E8C56B
- symbolIcon.eventForeground#568C52
- symbolIcon.fieldForeground#5E8F56
- symbolIcon.fileForeground#D2E2C8
- symbolIcon.folderForeground#4A7D4A
- symbolIcon.functionForeground#C49A63
- symbolIcon.interfaceForeground#7AA35B
- symbolIcon.keyForeground#5E8F56
- symbolIcon.keywordForeground#4A7D4A
- symbolIcon.methodForeground#C49A63
- symbolIcon.moduleForeground#568C52
- symbolIcon.namespaceForeground#568C52
- symbolIcon.nullForeground#E8C56B
- symbolIcon.numberForeground#E8C56B
- symbolIcon.objectForeground#B8D98A
- symbolIcon.operatorForeground#568C52
- symbolIcon.packageForeground#568C52
- symbolIcon.propertyForeground#5E8F56
- symbolIcon.referenceForeground#B8D98A
- symbolIcon.snippetForeground#7AA35B
- symbolIcon.stringForeground#7AA35B
- symbolIcon.structForeground#568C52
- symbolIcon.textForeground#D2E2C8
- symbolIcon.typeParameterForeground#B8D98A
- symbolIcon.unitForeground#E8C56B
- symbolIcon.variableForeground#B8D98A
- tab.activeBackground#16251A
- tab.activeBorder#00000000
- tab.activeBorderTop#4A7D4A
- tab.activeForeground#FFFFFF
- tab.activeModifiedBorder#5E8F56
- tab.border#16251A
- tab.hoverBackground#16251A
- tab.hoverBorder#568C52
- tab.hoverForeground#FFFFFF
- tab.inactiveBackground#0E1610
- tab.inactiveForeground#7A9272
- tab.inactiveModifiedBorder#5E8F5680
- tab.unfocusedActiveBackground#16251A
- tab.unfocusedActiveBorder#00000000
- tab.unfocusedActiveBorderTop#7A9272
- tab.unfocusedActiveForeground#D2E2C8
- tab.unfocusedHoverBackground#16251A
- tab.unfocusedHoverForeground#D2E2C8
- tab.unfocusedInactiveBackground#0E1610
- tab.unfocusedInactiveForeground#7A9272
- terminal.ansiBlack#0E1610
- terminal.ansiBlue#5E8F56
- terminal.ansiBrightBlack#7A9272
- terminal.ansiBrightBlue#B8D98A
- terminal.ansiBrightCyan#9BE07A
- terminal.ansiBrightGreen#D7F27A
- terminal.ansiBrightMagenta#B89885
- terminal.ansiBrightRed#D87A73
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#E5BB8F
- terminal.ansiCyan#568C52
- terminal.ansiGreen#7AA35B
- terminal.ansiMagenta#C49A63
- terminal.ansiRed#E06A4E
- terminal.ansiWhite#D2E2C8
- terminal.ansiYellow#E8C56B
- terminal.background#0E1610
- terminal.border#16251A
- terminal.foreground#D2E2C8
- terminal.selectionBackground#4A7D4A40
- terminalCursor.background#0E1610
- terminalCursor.foreground#4A7D4A
- textBlockQuote.background#16251A
- textBlockQuote.border#4A7D4A
- textCodeBlock.background#0E1610
- textLink.activeForeground#4A7D4A
- textLink.foreground#5E8F56
- textPreformat.foreground#7AA35B
- textSeparator.foreground#213A25
- titleBar.activeBackground#0E1610
- titleBar.activeForeground#4A7D4A
- titleBar.border#16251A
- titleBar.inactiveBackground#0E1610
- titleBar.inactiveForeground#7A9272
- walkThrough.embeddedEditorBackground#0E1610
- welcomePage.buttonBackground#16251A
- welcomePage.buttonHoverBackground#213A25
- welcomePage.tileBackground#0E1610
- welcomePage.tileBorder#16251A
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #7A9272 | italic |
| comment.block.documentation, comment.line.documentation | #A9C695 | italic |
| keyword, storage.type, storage.modifier | #4A7D4A | bold |
| keyword.control, keyword.control.flow | #568C52 | bold |
| keyword.control.import, keyword.control.export, keyword.control.from | #4A7D4A | — |
| string, string.quoted, string.quoted.double, string.quoted.single, string.quoted.triple | #7AA35B | — |
| string.template, string.quoted.template | #7AA35B | — |
| constant.character.escape, constant.other.placeholder | #D7F27A | bold |
| string.regexp | #D7F27A | — |
| entity.name.function, support.function, meta.function-call.generic | #C49A63 | — |
| meta.function-call | #B89885 | — |
| variable.parameter, meta.parameters | #B8D98A | — |
| variable, support.variable | #B8D98A | — |
| variable.other.declaration, meta.definition.variable | #5E8F56 | — |
| variable.object.property, variable.other.property, meta.object-literal.key | #5E8F56 | — |
| variable.language.this, variable.language.self, variable.language.super | #568C52 | italic bold |
| entity.name.type, entity.name.class, support.class, entity.other.inherited-class | #5E8F56 | bold |
| entity.name.type.interface | #7AA35B | bold |
| meta.type.annotation, support.type | #5E8F56 | — |
| constant, variable.other.constant, support.constant | #B8873A | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.binary, constant.numeric.octal | #E8C56B | — |
| constant.language.boolean | #E8C56B | — |
| entity.name.tag | #4A7D4A | — |
| entity.other.attribute-name | #5E8F56 | — |
| keyword.operator | #568C52 | — |
| punctuation | #D2E2C8 | — |