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#1B2838
- activityBar.activeBorder#00CED1
- activityBar.activeFocusBorder#00CED1
- activityBar.background#0D1B2A
- activityBar.border#1B2838
- activityBar.dropBorder#00CED1
- activityBar.foreground#00CED1
- activityBar.inactiveForeground#5A7A8F
- activityBarBadge.background#00CED1
- activityBarBadge.foreground#0D1B2A
- badge.background#006994
- badge.foreground#FFFFFF
- breadcrumb.activeSelectionForeground#FFFFFF
- breadcrumb.background#0D1B2A
- breadcrumb.focusForeground#00CED1
- breadcrumb.foreground#7A9FB5
- breadcrumbPicker.background#0D1B2A
- button.background#006994
- button.foreground#FFFFFF
- button.hoverBackground#00CED1
- button.secondaryBackground#4FC3F7
- button.secondaryForeground#FFFFFF
- button.secondaryHoverBackground#81D4FA
- checkbox.background#1B2838
- checkbox.border#2C3E50
- checkbox.foreground#FFFFFF
- debugIcon.breakpointCurrentStackframeForeground#81D4FA
- debugIcon.breakpointDisabledForeground#7A9FB5
- debugIcon.breakpointForeground#FF6B6B
- debugIcon.breakpointStackframeForeground#4FC3F7
- debugIcon.breakpointUnverifiedForeground#7A9FB5
- debugIcon.continueForeground#5DADE2
- debugIcon.disconnectForeground#FF6B6B
- debugIcon.pauseForeground#FFB74D
- debugIcon.restartForeground#4FC3F7
- debugIcon.startForeground#5DADE2
- debugIcon.stepBackForeground#4FC3F7
- debugIcon.stepIntoForeground#4FC3F7
- debugIcon.stepOutForeground#4FC3F7
- debugIcon.stepOverForeground#4FC3F7
- debugIcon.stopForeground#FF6B6B
- debugToolBar.background#0D1B2A
- debugToolBar.border#1B2838
- descriptionForeground#7A9FB5
- diffEditor.border#1B2838
- diffEditor.diagonalFill#2C3E5030
- diffEditor.insertedLineBackground#5DADE220
- diffEditor.insertedTextBackground#5DADE230
- diffEditor.removedLineBackground#FF6B6B20
- diffEditor.removedTextBackground#FF6B6B30
- dropdown.background#1B2838
- dropdown.border#2C3E50
- dropdown.foreground#FFFFFF
- dropdown.listBackground#0D1B2A
- editor.background#0D1B2A
- editor.findMatchBackground#81D4FA60
- editor.findMatchHighlightBackground#81D4FA30
- editor.findRangeHighlightBackground#00CED120
- editor.foreground#E8F4F8
- editor.hoverHighlightBackground#00CED120
- editor.inactiveSelectionBackground#00CED120
- editor.lineHighlightBackground#1B2838
- editor.lineHighlightBorder#1B283800
- editor.rangeHighlightBackground#1B2838
- editor.selectionBackground#00CED140
- editor.selectionHighlightBackground#00CED130
- editor.wordHighlightBackground#4FC3F730
- editor.wordHighlightStrongBackground#4FC3F740
- editorBracketMatch.background#00CED130
- editorBracketMatch.border#00CED1
- editorCodeLens.foreground#7A9FB5
- editorCursor.background#0D1B2A
- editorCursor.foreground#00CED1
- editorError.foreground#FF6B6B
- editorGroup.border#1B2838
- editorGroup.dropBackground#00CED120
- editorGroupHeader.border#1B2838
- editorGroupHeader.noTabsBackground#0D1B2A
- editorGroupHeader.tabsBackground#0D1B2A
- editorGroupHeader.tabsBorder#1B2838
- editorGutter.addedBackground#5DADE2
- editorGutter.background#0D1B2A
- editorGutter.deletedBackground#FF6B6B
- editorGutter.modifiedBackground#4FC3F7
- editorHint.foreground#81D4FA
- editorHoverWidget.background#0D1B2A
- editorHoverWidget.border#1B2838
- editorHoverWidget.foreground#E8F4F8
- editorHoverWidget.statusBarBackground#1B2838
- editorIndentGuide.activeBackground1#00CED150
- editorIndentGuide.background1#2C3E5030
- editorInfo.foreground#4FC3F7
- editorLineNumber.activeForeground#00CED1
- editorLineNumber.foreground#5A7A8F
- editorLink.activeForeground#4FC3F7
- editorOverviewRuler.border#1B2838
- editorRuler.foreground#2C3E5050
- editorSuggestWidget.background#0D1B2A
- editorSuggestWidget.border#1B2838
- editorSuggestWidget.focusHighlightForeground#4FC3F7
- editorSuggestWidget.foreground#E8F4F8
- editorSuggestWidget.highlightForeground#00CED1
- editorSuggestWidget.selectedBackground#00CED130
- editorWarning.foreground#FFB74D
- editorWhitespace.foreground#2C3E5040
- editorWidget.background#0D1B2A
- editorWidget.border#1B2838
- editorWidget.foreground#E8F4F8
- errorForeground#FF6B6B
- focusBorder#00CED1
- foreground#E8F4F8
- gitDecoration.conflictingResourceForeground#9C88FF
- gitDecoration.deletedResourceForeground#FF6B6B
- gitDecoration.ignoredResourceForeground#7A9FB5
- gitDecoration.modifiedResourceForeground#4FC3F7
- gitDecoration.stageDeletedResourceForeground#FF6B6B
- gitDecoration.stageModifiedResourceForeground#4FC3F7
- gitDecoration.submoduleResourceForeground#00CED1
- gitDecoration.untrackedResourceForeground#5DADE2
- icon.foreground#00CED1
- input.background#1B2838
- input.border#2C3E50
- input.foreground#FFFFFF
- input.placeholderForeground#7A9FB5
- inputOption.activeBackground#00CED130
- inputOption.activeBorder#00CED1
- inputOption.activeForeground#FFFFFF
- inputValidation.errorBackground#FF6B6B40
- inputValidation.errorBorder#FF6B6B
- inputValidation.errorForeground#FFFFFF
- inputValidation.infoBackground#4FC3F740
- inputValidation.infoBorder#4FC3F7
- inputValidation.infoForeground#FFFFFF
- inputValidation.warningBackground#FFB74D40
- inputValidation.warningBorder#FFB74D
- inputValidation.warningForeground#FFFFFF
- keybindingLabel.background#1B2838
- keybindingLabel.border#2C3E50
- keybindingLabel.bottomBorder#2C3E50
- keybindingLabel.foreground#00CED1
- list.activeSelectionBackground#00CED130
- list.activeSelectionForeground#FFFFFF
- list.deemphasizedForeground#7A9FB5
- list.dropBackground#00CED120
- list.errorForeground#FF6B6B
- list.filterMatchBackground#81D4FA60
- list.filterMatchBorder#81D4FA
- list.focusBackground#00CED140
- list.focusForeground#FFFFFF
- list.highlightForeground#00CED1
- list.hoverBackground#1B2838
- list.hoverForeground#FFFFFF
- list.inactiveSelectionBackground#1B2838
- list.inactiveSelectionForeground#E8F4F8
- list.warningForeground#FFB74D
- menu.background#0D1B2A
- menu.border#1B2838
- menu.foreground#E8F4F8
- menu.selectionBackground#00CED130
- menu.selectionBorder#00CED1
- menu.selectionForeground#FFFFFF
- menu.separatorBackground#1B2838
- menubar.selectionBackground#1B2838
- menubar.selectionForeground#00CED1
- merge.border#1B2838
- merge.commonContentBackground#7A9FB530
- merge.commonHeaderBackground#7A9FB550
- merge.currentContentBackground#4FC3F730
- merge.currentHeaderBackground#4FC3F750
- merge.incomingContentBackground#5DADE230
- merge.incomingHeaderBackground#5DADE250
- minimap.errorHighlight#FF6B6B
- minimap.findMatchHighlight#81D4FA60
- minimap.selectionHighlight#00CED140
- minimap.warningHighlight#FFB74D
- minimapGutter.addedBackground#5DADE2
- minimapGutter.deletedBackground#FF6B6B
- minimapGutter.modifiedBackground#4FC3F7
- notificationCenter.border#1B2838
- notificationCenterHeader.background#1B2838
- notificationCenterHeader.foreground#00CED1
- notificationLink.foreground#4FC3F7
- notifications.background#0D1B2A
- notifications.border#1B2838
- notifications.foreground#E8F4F8
- notificationsErrorIcon.foreground#FF6B6B
- notificationsInfoIcon.foreground#4FC3F7
- notificationsWarningIcon.foreground#FFB74D
- notificationToast.border#1B2838
- panel.background#0D1B2A
- panel.border#1B2838
- panel.dropBorder#00CED1
- panelInput.border#2C3E50
- panelSection.border#1B2838
- panelSection.dropBackground#00CED120
- panelSectionHeader.background#1B2838
- panelSectionHeader.border#2C3E50
- panelSectionHeader.foreground#4FC3F7
- panelTitle.activeBorder#00CED1
- panelTitle.activeForeground#FFFFFF
- panelTitle.inactiveForeground#7A9FB5
- peekView.border#00CED1
- peekViewEditor.background#0D1B2A
- peekViewEditor.matchHighlightBackground#81D4FA60
- peekViewEditor.matchHighlightBorder#81D4FA
- peekViewResult.background#0D1B2A
- peekViewResult.fileForeground#E8F4F8
- peekViewResult.lineForeground#7A9FB5
- peekViewResult.matchHighlightBackground#81D4FA60
- peekViewResult.selectionBackground#00CED130
- peekViewResult.selectionForeground#FFFFFF
- peekViewTitle.background#1B2838
- peekViewTitleDescription.foreground#7A9FB5
- peekViewTitleLabel.foreground#00CED1
- progressBar.background#00CED1
- quickInput.background#0D1B2A
- quickInput.foreground#E8F4F8
- quickInputList.focusBackground#00CED130
- quickInputList.focusForeground#FFFFFF
- quickInputList.focusIconForeground#00CED1
- scrollbar.shadow#00000050
- scrollbarSlider.activeBackground#00CED170
- scrollbarSlider.background#00CED130
- scrollbarSlider.hoverBackground#00CED150
- settings.checkboxBackground#1B2838
- settings.checkboxBorder#2C3E50
- settings.checkboxForeground#FFFFFF
- settings.dropdownBackground#1B2838
- settings.dropdownBorder#2C3E50
- settings.dropdownForeground#FFFFFF
- settings.dropdownListBorder#2C3E50
- settings.headerForeground#00CED1
- settings.modifiedItemIndicator#4FC3F7
- settings.numberInputBackground#1B2838
- settings.numberInputBorder#2C3E50
- settings.numberInputForeground#FFFFFF
- settings.textInputBackground#1B2838
- settings.textInputBorder#2C3E50
- settings.textInputForeground#FFFFFF
- sideBar.background#0D1B2A
- sideBar.border#1B2838
- sideBar.foreground#E8F4F8
- sideBarSectionHeader.background#1B2838
- sideBarSectionHeader.border#2C3E50
- sideBarSectionHeader.foreground#4FC3F7
- sideBarTitle.foreground#00CED1
- statusBar.background#006994
- statusBar.border#006994
- statusBar.debuggingBackground#FF6B6B
- statusBar.debuggingBorder#FF6B6B
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#FFFFFF
- statusBar.noFolderBackground#4FC3F7
- statusBar.noFolderBorder#4FC3F7
- statusBar.noFolderForeground#FFFFFF
- statusBarItem.activeBackground#00CED180
- statusBarItem.errorBackground#FF6B6B
- statusBarItem.errorForeground#FFFFFF
- statusBarItem.hoverBackground#00CED150
- statusBarItem.prominentBackground#00CED1
- statusBarItem.prominentHoverBackground#00B8D4
- statusBarItem.remoteBackground#4FC3F7
- statusBarItem.remoteForeground#FFFFFF
- statusBarItem.warningBackground#FFB74D
- statusBarItem.warningForeground#0D1B2A
- symbolIcon.arrayForeground#00CED1
- symbolIcon.booleanForeground#FFB74D
- symbolIcon.classForeground#00CED1
- symbolIcon.colorForeground#81D4FA
- symbolIcon.constantForeground#E0F7FA
- symbolIcon.constructorForeground#9C88FF
- symbolIcon.enumeratorForeground#E0F7FA
- symbolIcon.enumeratorMemberForeground#B3E5FC
- symbolIcon.eventForeground#4FC3F7
- symbolIcon.fieldForeground#81D4FA
- symbolIcon.fileForeground#E8F4F8
- symbolIcon.folderForeground#00CED1
- symbolIcon.functionForeground#9C88FF
- symbolIcon.interfaceForeground#80DEEA
- symbolIcon.keyForeground#4FC3F7
- symbolIcon.keywordForeground#00CED1
- symbolIcon.methodForeground#9C88FF
- symbolIcon.moduleForeground#00CED1
- symbolIcon.namespaceForeground#00CED1
- symbolIcon.nullForeground#FFB74D
- symbolIcon.numberForeground#B3E5FC
- symbolIcon.objectForeground#4FC3F7
- symbolIcon.operatorForeground#81D4FA
- symbolIcon.packageForeground#00CED1
- symbolIcon.propertyForeground#81D4FA
- symbolIcon.referenceForeground#4FC3F7
- symbolIcon.snippetForeground#5DADE2
- symbolIcon.stringForeground#5DADE2
- symbolIcon.structForeground#00CED1
- symbolIcon.textForeground#E8F4F8
- symbolIcon.typeParameterForeground#4FC3F7
- symbolIcon.unitForeground#B3E5FC
- symbolIcon.variableForeground#4FC3F7
- tab.activeBackground#1B2838
- tab.activeBorder#00000000
- tab.activeBorderTop#00CED1
- tab.activeForeground#FFFFFF
- tab.activeModifiedBorder#4FC3F7
- tab.border#1B2838
- tab.hoverBackground#1B2838
- tab.hoverBorder#4FC3F7
- tab.hoverForeground#FFFFFF
- tab.inactiveBackground#0D1B2A
- tab.inactiveForeground#7A9FB5
- tab.inactiveModifiedBorder#4FC3F780
- tab.unfocusedActiveBackground#1B2838
- tab.unfocusedActiveBorder#00000000
- tab.unfocusedActiveBorderTop#5A7A8F
- tab.unfocusedActiveForeground#E8F4F8
- tab.unfocusedHoverBackground#1B2838
- tab.unfocusedHoverForeground#E8F4F8
- tab.unfocusedInactiveBackground#0D1B2A
- tab.unfocusedInactiveForeground#7A9FB5
- terminal.ansiBlack#0D1B2A
- terminal.ansiBlue#4FC3F7
- terminal.ansiBrightBlack#5A7A8F
- terminal.ansiBrightBlue#80DEEA
- terminal.ansiBrightCyan#18FFFF
- terminal.ansiBrightGreen#81D4FA
- terminal.ansiBrightMagenta#B39DDB
- terminal.ansiBrightRed#FF8A80
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#FFD180
- terminal.ansiCyan#00CED1
- terminal.ansiGreen#5DADE2
- terminal.ansiMagenta#9C88FF
- terminal.ansiRed#FF6B6B
- terminal.ansiWhite#E8F4F8
- terminal.ansiYellow#FFB74D
- terminal.background#0D1B2A
- terminal.border#1B2838
- terminal.foreground#E8F4F8
- terminal.selectionBackground#00CED140
- terminalCursor.background#0D1B2A
- terminalCursor.foreground#00CED1
- textBlockQuote.background#1A2838
- textBlockQuote.border#00CED1
- textCodeBlock.background#0D1B2A
- textLink.activeForeground#00CED1
- textLink.foreground#4FC3F7
- textPreformat.foreground#5DADE2
- textSeparator.foreground#2C3E50
- titleBar.activeBackground#0D1B2A
- titleBar.activeForeground#00CED1
- titleBar.border#1B2838
- titleBar.inactiveBackground#0D1B2A
- titleBar.inactiveForeground#5A7A8F
- walkThrough.embeddedEditorBackground#0D1B2A
- welcomePage.buttonBackground#1B2838
- welcomePage.buttonHoverBackground#2C3E50
- welcomePage.tileBackground#0D1B2A
- welcomePage.tileBorder#1B2838
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #5A7A8F | italic |
| comment.block.documentation, comment.line.documentation | #7A9FB5 | italic |
| keyword, storage.type, storage.modifier | #00CED1 | bold |
| keyword.control, keyword.control.flow | #4FC3F7 | bold |
| keyword.control.import, keyword.control.export, keyword.control.from | #00CED1 | — |
| string, string.quoted, string.quoted.double, string.quoted.single, string.quoted.triple | #5DADE2 | — |
| string.template, string.quoted.template | #5DADE2 | — |
| constant.character.escape, constant.other.placeholder | #18FFFF | bold |
| string.regexp | #18FFFF | — |
| entity.name.function, support.function, meta.function-call.generic | #9C88FF | — |
| meta.function-call | #B39DDB | — |
| variable.parameter, meta.parameters | #4FC3F7 | — |
| variable, support.variable | #4FC3F7 | — |
| variable.other.declaration, meta.definition.variable | #81D4FA | — |
| variable.object.property, variable.other.property, meta.object-literal.key | #81D4FA | — |
| variable.language.this, variable.language.self, variable.language.super | #4FC3F7 | italic bold |
| entity.name.type, entity.name.class, support.class, entity.other.inherited-class | #00CED1 | bold |
| entity.name.type.interface | #80DEEA | bold |
| meta.type.annotation, support.type | #00CED1 | — |
| constant, variable.other.constant, support.constant | #E0F7FA | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.binary, constant.numeric.octal | #B3E5FC | — |
| constant.language.boolean | #FFB74D | — |
| entity.name.tag | #00CED1 | — |
| entity.other.attribute-name | #4FC3F7 | — |
| keyword.operator | #81D4FA | — |
| punctuation | #E8F4F8 | — |