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#1A140F
- activityBar.activeBorder#D6A35A
- activityBar.activeFocusBorder#D6A35A
- activityBar.background#0F0B08
- activityBar.border#1A140F
- activityBar.dropBorder#D6A35A
- activityBar.foreground#D6A35A
- activityBar.inactiveForeground#B39A78
- activityBarBadge.background#B54F27
- activityBarBadge.foreground#FFFFFF
- badge.background#D6A35A
- badge.foreground#FFFFFF
- breadcrumb.activeSelectionForeground#FFFFFF
- breadcrumb.background#0F0B08
- breadcrumb.focusForeground#D6A35A
- breadcrumb.foreground#B39A78
- breadcrumbPicker.background#0F0B08
- button.background#D6A35A
- button.foreground#FFFFFF
- button.hoverBackground#C88A45
- button.secondaryBackground#B54F27
- button.secondaryForeground#FFFFFF
- button.secondaryHoverBackground#A08556
- checkbox.background#1A140F
- checkbox.border#261B12
- checkbox.foreground#FFFFFF
- debugIcon.breakpointCurrentStackframeForeground#B54F27
- debugIcon.breakpointDisabledForeground#B39A78
- debugIcon.breakpointForeground#C24A24
- debugIcon.breakpointStackframeForeground#E8BA74
- debugIcon.breakpointUnverifiedForeground#B39A78
- debugIcon.continueForeground#F6CB8A
- debugIcon.disconnectForeground#C24A24
- debugIcon.pauseForeground#FFD39A
- debugIcon.restartForeground#E8BA74
- debugIcon.startForeground#F6CB8A
- debugIcon.stepBackForeground#E8BA74
- debugIcon.stepIntoForeground#E8BA74
- debugIcon.stepOutForeground#E8BA74
- debugIcon.stepOverForeground#E8BA74
- debugIcon.stopForeground#C24A24
- debugToolBar.background#0F0B08
- debugToolBar.border#1A140F
- descriptionForeground#B39A78
- diffEditor.border#1A140F
- diffEditor.diagonalFill#261B1228
- diffEditor.insertedLineBackground#F6CB8A15
- diffEditor.insertedTextBackground#F6CB8A20
- diffEditor.removedLineBackground#C24A2415
- diffEditor.removedTextBackground#C24A2420
- dropdown.background#1A140F
- dropdown.border#261B12
- dropdown.foreground#FFFFFF
- dropdown.listBackground#0F0B08
- editor.background#0F0B08
- editor.findMatchBackground#B54F2760
- editor.findMatchHighlightBackground#B54F2730
- editor.findRangeHighlightBackground#D6A35A20
- editor.foreground#F8E9D2
- editor.hoverHighlightBackground#D6A35A20
- editor.inactiveSelectionBackground#D6A35A20
- editor.lineHighlightBackground#1A140F
- editor.lineHighlightBorder#1A140F00
- editor.rangeHighlightBackground#1A140F
- editor.selectionBackground#D6A35A40
- editor.selectionHighlightBackground#D6A35A30
- editor.wordHighlightBackground#E8BA7428
- editor.wordHighlightStrongBackground#E8BA7438
- editorBracketMatch.background#D6A35A28
- editorBracketMatch.border#D6A35A
- editorCodeLens.foreground#B39A78
- editorCursor.background#0F0B08
- editorCursor.foreground#D6A35A
- editorError.foreground#C24A24
- editorGroup.border#1A140F
- editorGroup.dropBackground#D6A35A20
- editorGroupHeader.border#1A140F
- editorGroupHeader.noTabsBackground#0F0B08
- editorGroupHeader.tabsBackground#0F0B08
- editorGroupHeader.tabsBorder#1A140F
- editorGutter.addedBackground#F6CB8A
- editorGutter.background#0F0B08
- editorGutter.deletedBackground#C24A24
- editorGutter.modifiedBackground#E8BA74
- editorHint.foreground#F6CB8A
- editorHoverWidget.background#0F0B08
- editorHoverWidget.border#1A140F
- editorHoverWidget.foreground#EEDABD
- editorHoverWidget.statusBarBackground#1A140F
- editorIndentGuide.activeBackground1#D6A35A48
- editorIndentGuide.background1#261B1228
- editorInfo.foreground#E8BA74
- editorLineNumber.activeForeground#D6A35A
- editorLineNumber.foreground#B39A78
- editorLink.activeForeground#E8BA74
- editorOverviewRuler.border#1A140F
- editorRuler.foreground#261B1248
- editorSuggestWidget.background#0F0B08
- editorSuggestWidget.border#1A140F
- editorSuggestWidget.focusHighlightForeground#C88A45
- editorSuggestWidget.foreground#EEDABD
- editorSuggestWidget.highlightForeground#D6A35A
- editorSuggestWidget.selectedBackground#D6A35A30
- editorWarning.foreground#FFD39A
- editorWhitespace.foreground#261B1238
- editorWidget.background#0F0B08
- editorWidget.border#1A140F
- editorWidget.foreground#EEDABD
- errorForeground#C24A24
- focusBorder#D6A35A
- foreground#EEDABD
- gitDecoration.conflictingResourceForeground#A84E2A
- gitDecoration.deletedResourceForeground#C24A24
- gitDecoration.ignoredResourceForeground#B39A78
- gitDecoration.modifiedResourceForeground#E8BA74
- gitDecoration.stageDeletedResourceForeground#C24A24
- gitDecoration.stageModifiedResourceForeground#E8BA74
- gitDecoration.submoduleResourceForeground#C88A45
- gitDecoration.untrackedResourceForeground#F6CB8A
- icon.foreground#D6A35A
- input.background#1A140F
- input.border#261B12
- input.foreground#FFFFFF
- input.placeholderForeground#B39A78
- inputOption.activeBackground#D6A35A30
- inputOption.activeBorder#D6A35A
- inputOption.activeForeground#FFFFFF
- inputValidation.errorBackground#C24A2430
- inputValidation.errorBorder#C24A24
- inputValidation.errorForeground#FFFFFF
- inputValidation.infoBackground#E8BA7430
- inputValidation.infoBorder#E8BA74
- inputValidation.infoForeground#FFFFFF
- inputValidation.warningBackground#FFD39A30
- inputValidation.warningBorder#FFD39A
- inputValidation.warningForeground#FFFFFF
- keybindingLabel.background#1A140F
- keybindingLabel.border#261B12
- keybindingLabel.bottomBorder#261B12
- keybindingLabel.foreground#D6A35A
- list.activeSelectionBackground#D6A35A30
- list.activeSelectionForeground#FFFFFF
- list.deemphasizedForeground#B39A78
- list.dropBackground#D6A35A20
- list.errorForeground#C24A24
- list.filterMatchBackground#B54F2760
- list.filterMatchBorder#B54F27
- list.focusBackground#D6A35A40
- list.focusForeground#FFFFFF
- list.highlightForeground#D6A35A
- list.hoverBackground#1A140F
- list.hoverForeground#FFFFFF
- list.inactiveSelectionBackground#1A140F
- list.inactiveSelectionForeground#EEDABD
- list.warningForeground#FFD39A
- menu.background#0F0B08
- menu.border#1A140F
- menu.foreground#EEDABD
- menu.selectionBackground#D6A35A30
- menu.selectionBorder#D6A35A
- menu.selectionForeground#FFFFFF
- menu.separatorBackground#1A140F
- menubar.selectionBackground#1A140F
- menubar.selectionForeground#D6A35A
- merge.border#1A140F
- merge.commonContentBackground#B39A7820
- merge.commonHeaderBackground#B39A7840
- merge.currentContentBackground#E8BA7420
- merge.currentHeaderBackground#E8BA7440
- merge.incomingContentBackground#F6CB8A20
- merge.incomingHeaderBackground#F6CB8A40
- minimap.errorHighlight#C24A24
- minimap.findMatchHighlight#B54F2760
- minimap.selectionHighlight#D6A35A40
- minimap.warningHighlight#FFD39A
- minimapGutter.addedBackground#F6CB8A
- minimapGutter.deletedBackground#C24A24
- minimapGutter.modifiedBackground#E8BA74
- notificationCenter.border#1A140F
- notificationCenterHeader.background#1A140F
- notificationCenterHeader.foreground#D6A35A
- notificationLink.foreground#E8BA74
- notifications.background#0F0B08
- notifications.border#1A140F
- notifications.foreground#EEDABD
- notificationsErrorIcon.foreground#C24A24
- notificationsInfoIcon.foreground#E8BA74
- notificationsWarningIcon.foreground#FFD39A
- notificationToast.border#1A140F
- panel.background#0F0B08
- panel.border#1A140F
- panel.dropBorder#D6A35A
- panelInput.border#261B12
- panelSection.border#1A140F
- panelSection.dropBackground#D6A35A20
- panelSectionHeader.background#1A140F
- panelSectionHeader.border#261B12
- panelSectionHeader.foreground#C88A45
- panelTitle.activeBorder#D6A35A
- panelTitle.activeForeground#FFFFFF
- panelTitle.inactiveForeground#B39A78
- peekView.border#D6A35A
- peekViewEditor.background#0F0B08
- peekViewEditor.matchHighlightBackground#B54F2760
- peekViewEditor.matchHighlightBorder#B54F27
- peekViewResult.background#0F0B08
- peekViewResult.fileForeground#EEDABD
- peekViewResult.lineForeground#B39A78
- peekViewResult.matchHighlightBackground#B54F2760
- peekViewResult.selectionBackground#D6A35A30
- peekViewResult.selectionForeground#FFFFFF
- peekViewTitle.background#1A140F
- peekViewTitleDescription.foreground#B39A78
- peekViewTitleLabel.foreground#D6A35A
- progressBar.background#D6A35A
- quickInput.background#0F0B08
- quickInput.foreground#EEDABD
- quickInputList.focusBackground#D6A35A30
- quickInputList.focusForeground#FFFFFF
- quickInputList.focusIconForeground#D6A35A
- scrollbar.shadow#00000048
- scrollbarSlider.activeBackground#D6A35A70
- scrollbarSlider.background#D6A35A30
- scrollbarSlider.hoverBackground#D6A35A50
- settings.checkboxBackground#1A140F
- settings.checkboxBorder#261B12
- settings.checkboxForeground#FFFFFF
- settings.dropdownBackground#1A140F
- settings.dropdownBorder#261B12
- settings.dropdownForeground#FFFFFF
- settings.dropdownListBorder#261B12
- settings.headerForeground#D6A35A
- settings.modifiedItemIndicator#E8BA74
- settings.numberInputBackground#1A140F
- settings.numberInputBorder#261B12
- settings.numberInputForeground#FFFFFF
- settings.textInputBackground#1A140F
- settings.textInputBorder#261B12
- settings.textInputForeground#FFFFFF
- sideBar.background#0F0B08
- sideBar.border#1A140F
- sideBar.foreground#EEDABD
- sideBarSectionHeader.background#1A140F
- sideBarSectionHeader.border#261B12
- sideBarSectionHeader.foreground#C88A45
- sideBarTitle.foreground#D6A35A
- statusBar.background#261B12
- statusBar.border#261B12
- statusBar.debuggingBackground#C24A24
- statusBar.debuggingBorder#C24A24
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#FFFFFF
- statusBar.noFolderBackground#E8BA74
- statusBar.noFolderBorder#E8BA74
- statusBar.noFolderForeground#FFFFFF
- statusBarItem.activeBackground#D6A35A80
- statusBarItem.errorBackground#C24A24
- statusBarItem.errorForeground#FFFFFF
- statusBarItem.hoverBackground#D6A35A50
- statusBarItem.prominentBackground#B54F27
- statusBarItem.prominentHoverBackground#A08556
- statusBarItem.remoteBackground#E8BA74
- statusBarItem.remoteForeground#FFFFFF
- statusBarItem.warningBackground#FFD39A
- statusBarItem.warningForeground#0F0B08
- symbolIcon.arrayForeground#C88A45
- symbolIcon.booleanForeground#FFD39A
- symbolIcon.classForeground#E8BA74
- symbolIcon.colorForeground#B54F27
- symbolIcon.constantForeground#B54F27
- symbolIcon.constructorForeground#A84E2A
- symbolIcon.enumeratorForeground#B54F27
- symbolIcon.enumeratorMemberForeground#FFD39A
- symbolIcon.eventForeground#C88A45
- symbolIcon.fieldForeground#E8BA74
- symbolIcon.fileForeground#EEDABD
- symbolIcon.folderForeground#D6A35A
- symbolIcon.functionForeground#A84E2A
- symbolIcon.interfaceForeground#F6CB8A
- symbolIcon.keyForeground#E8BA74
- symbolIcon.keywordForeground#D6A35A
- symbolIcon.methodForeground#A84E2A
- symbolIcon.moduleForeground#C88A45
- symbolIcon.namespaceForeground#C88A45
- symbolIcon.nullForeground#FFD39A
- symbolIcon.numberForeground#FFD39A
- symbolIcon.objectForeground#E5C68E
- symbolIcon.operatorForeground#C88A45
- symbolIcon.packageForeground#C88A45
- symbolIcon.propertyForeground#E8BA74
- symbolIcon.referenceForeground#E5C68E
- symbolIcon.snippetForeground#F6CB8A
- symbolIcon.stringForeground#F6CB8A
- symbolIcon.structForeground#C88A45
- symbolIcon.textForeground#EEDABD
- symbolIcon.typeParameterForeground#E5C68E
- symbolIcon.unitForeground#FFD39A
- symbolIcon.variableForeground#E5C68E
- tab.activeBackground#1A140F
- tab.activeBorder#00000000
- tab.activeBorderTop#D6A35A
- tab.activeForeground#FFFFFF
- tab.activeModifiedBorder#E8BA74
- tab.border#1A140F
- tab.hoverBackground#1A140F
- tab.hoverBorder#C88A45
- tab.hoverForeground#FFFFFF
- tab.inactiveBackground#0F0B08
- tab.inactiveForeground#B39A78
- tab.inactiveModifiedBorder#E8BA7480
- tab.unfocusedActiveBackground#1A140F
- tab.unfocusedActiveBorder#00000000
- tab.unfocusedActiveBorderTop#B39A78
- tab.unfocusedActiveForeground#EEDABD
- tab.unfocusedHoverBackground#1A140F
- tab.unfocusedHoverForeground#EEDABD
- tab.unfocusedInactiveBackground#0F0B08
- tab.unfocusedInactiveForeground#B39A78
- terminal.ansiBlack#0F0B08
- terminal.ansiBlue#E8BA74
- terminal.ansiBrightBlack#B39A78
- terminal.ansiBrightBlue#E5C68E
- terminal.ansiBrightCyan#E4B978
- terminal.ansiBrightGreen#F7D9A4
- terminal.ansiBrightMagenta#B89885
- terminal.ansiBrightRed#D87A73
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#E5BB8F
- terminal.ansiCyan#C88A45
- terminal.ansiGreen#F6CB8A
- terminal.ansiMagenta#A84E2A
- terminal.ansiRed#C24A24
- terminal.ansiWhite#EEDABD
- terminal.ansiYellow#FFD39A
- terminal.background#0F0B08
- terminal.border#1A140F
- terminal.foreground#EEDABD
- terminal.selectionBackground#D6A35A40
- terminalCursor.background#0F0B08
- terminalCursor.foreground#D6A35A
- textBlockQuote.background#1A140F
- textBlockQuote.border#D6A35A
- textCodeBlock.background#0F0B08
- textLink.activeForeground#D6A35A
- textLink.foreground#E8BA74
- textPreformat.foreground#F6CB8A
- textSeparator.foreground#261B12
- titleBar.activeBackground#0F0B08
- titleBar.activeForeground#D6A35A
- titleBar.border#1A140F
- titleBar.inactiveBackground#0F0B08
- titleBar.inactiveForeground#B39A78
- walkThrough.embeddedEditorBackground#0F0B08
- welcomePage.buttonBackground#1A140F
- welcomePage.buttonHoverBackground#261B12
- welcomePage.tileBackground#0F0B08
- welcomePage.tileBorder#1A140F
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #B39A78 | italic |
| comment.block.documentation, comment.line.documentation | #C3A97F | italic |
| keyword, storage.type, storage.modifier | #D6A35A | bold |
| keyword.control, keyword.control.flow | #C88A45 | bold |
| keyword.control.import, keyword.control.export, keyword.control.from | #D6A35A | — |
| string, string.quoted, string.quoted.double, string.quoted.single, string.quoted.triple | #F6CB8A | — |
| string.template, string.quoted.template | #F6CB8A | — |
| constant.character.escape, constant.other.placeholder | #F7D9A4 | bold |
| string.regexp | #F7D9A4 | — |
| entity.name.function, support.function, meta.function-call.generic | #A84E2A | — |
| meta.function-call | #B89885 | — |
| variable.parameter, meta.parameters | #E5C68E | — |
| variable, support.variable | #E5C68E | — |
| variable.other.declaration, meta.definition.variable | #E8BA74 | — |
| variable.object.property, variable.other.property, meta.object-literal.key | #E8BA74 | — |
| variable.language.this, variable.language.self, variable.language.super | #C88A45 | italic bold |
| entity.name.type, entity.name.class, support.class, entity.other.inherited-class | #E8BA74 | bold |
| entity.name.type.interface | #F6CB8A | bold |
| meta.type.annotation, support.type | #E8BA74 | — |
| constant, variable.other.constant, support.constant | #B54F27 | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.binary, constant.numeric.octal | #FFD39A | — |
| constant.language.boolean | #FFD39A | — |
| entity.name.tag | #D6A35A | — |
| entity.other.attribute-name | #E8BA74 | — |
| keyword.operator | #C88A45 | — |
| punctuation | #EEDABD | — |