Naruto Shinobi Theme

Color themes

• 

  Naruto Might Guy - 8th Gate of Death

• 

  Naruto Might Guy Gates of Youth

• 

  Naruto Minato Namikaze - Yellow Flash

• 

  Naruto Obito Uchiha - Ten Tails Jinchuriki

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#10162a
• activityBar.activeBorder#9faeff
• activityBar.background#05060a
• activityBar.border#151b2e
• activityBar.foreground#9faeff
• activityBar.inactiveForeground#5f6b92
• activityBarBadge.background#5d3fd3
• activityBarBadge.foreground#ffffff
• badge.background#5d3fd3
• badge.foreground#ffffff
• breadcrumb.activeSelectionForeground#d4dcff
• breadcrumb.focusForeground#9faeff
• breadcrumb.foreground#8290b8
• button.background#5d3fd3
• button.foreground#ffffff
• button.hoverBackground#7155db
• button.secondaryBackground#242c43
• button.secondaryForeground#e8ebf8
• button.secondaryHoverBackground#303a59
• diffEditor.border#151b2e
• diffEditor.insertedTextBackground#78a08730
• diffEditor.removedTextBackground#ff7b8f30
• dropdown.background#11172b
• dropdown.border#303a59
• dropdown.foreground#ffffff
• editor.background#07080d
• editor.findMatchBackground#7f9bff90
• editor.findMatchHighlightBackground#5d3fd360
• editor.foreground#e8ebf8
• editor.inactiveSelectionBackground#5d3fd350
• editor.lineHighlightBackground#12182a
• editor.selectionBackground#5d3fd380
• editor.selectionHighlightBackground#ffffff30
• editor.wordHighlightBackground#3e4b7f40
• editor.wordHighlightStrongBackground#5d3fd360
• editorBracketMatch.background#5d3fd340
• editorBracketMatch.border#7f9bff
• editorCursor.foreground#ffffff
• editorError.foreground#ff7b8f
• editorGroupHeader.tabsBackground#05060a
• editorGroupHeader.tabsBorder#151b2e
• editorHint.foreground#9ac3ff
• editorIndentGuide.activeBackground1#ffffff
• editorIndentGuide.background1#242c43
• editorInfo.foreground#7f9bff
• editorLineNumber.activeForeground#9faeff
• editorLineNumber.foreground#5f6b92
• editorWarning.foreground#ffd166
• editorWhitespace.foreground#2f3550
• focusBorder#9faeff
• gitDecoration.conflictingResourceForeground#ffd166
• gitDecoration.deletedResourceForeground#ff7b8f
• gitDecoration.ignoredResourceForeground#5f6b92
• gitDecoration.modifiedResourceForeground#7f9bff
• gitDecoration.untrackedResourceForeground#78a087
• input.background#11172b
• input.border#303a59
• input.foreground#ffffff
• input.placeholderForeground#6d79a0
• inputOption.activeBorder#9faeff
• list.activeSelectionBackground#5d3fd380
• list.activeSelectionForeground#ffffff
• list.highlightForeground#9faeff
• list.hoverBackground#12182a
• list.hoverForeground#ffffff
• list.inactiveSelectionBackground#1b2340
• list.inactiveSelectionForeground#d9deef
• minimap.errorHighlight#ff7b8f
• minimap.findMatchHighlight#5d3fd390
• minimap.selectionHighlight#7f9bff80
• minimap.warningHighlight#ffd166
• minimapGutter.addedBackground#78a087
• minimapGutter.deletedBackground#ff7b8f
• minimapGutter.modifiedBackground#7f9bff
• notificationCenter.border#151b2e
• notificationCenterHeader.background#10162a
• notificationLink.foreground#9faeff
• notifications.background#10162a
• notifications.border#303a59
• notifications.foreground#e8ebf8
• panel.background#07080d
• panel.border#151b2e
• panelTitle.activeBorder#9faeff
• panelTitle.activeForeground#ffffff
• panelTitle.inactiveForeground#8290b8
• peekView.border#9faeff
• peekViewEditor.background#11172b
• peekViewEditor.matchHighlightBackground#5d3fd350
• peekViewResult.background#090b12
• peekViewResult.matchHighlightBackground#5d3fd350
• peekViewResult.selectionBackground#5d3fd380
• peekViewTitle.background#11172b
• peekViewTitleDescription.foreground#8290b8
• peekViewTitleLabel.foreground#9faeff
• scrollbarSlider.activeBackground#9faeffa0
• scrollbarSlider.background#5d3fd360
• scrollbarSlider.hoverBackground#5d3fd390
• sideBar.background#090b12
• sideBar.border#151b2e
• sideBar.foreground#d9deef
• sideBarSectionHeader.background#10162a
• sideBarSectionHeader.border#151b2e
• sideBarSectionHeader.foreground#d4dcff
• sideBarTitle.foreground#9faeff
• statusBar.background#10162a
• statusBar.border#1a2240
• statusBar.debuggingBackground#5d3fd3
• statusBar.debuggingForeground#ffffff
• statusBar.foreground#d4dcff
• statusBarItem.prominentBackground#7f9bff
• statusBarItem.prominentHoverBackground#9faeff
• tab.activeBackground#10162a
• tab.activeBorderTop#9faeff
• tab.activeForeground#ffffff
• tab.border#10162a
• tab.hoverBackground#12182a
• tab.hoverBorder#5d3fd3
• tab.hoverForeground#ffffff
• tab.inactiveBackground#090b12
• tab.inactiveForeground#8290b8
• terminal.ansiBlack#11131c
• terminal.ansiBlue#7f9bff
• terminal.ansiBrightBlack#5f6b92
• terminal.ansiBrightBlue#a9bbff
• terminal.ansiBrightCyan#bfdbff
• terminal.ansiBrightGreen#9bc0a8
• terminal.ansiBrightMagenta#8a6cf0
• terminal.ansiBrightRed#ff9dad
• terminal.ansiBrightWhite#ffffff
• terminal.ansiBrightYellow#ffe29f
• terminal.ansiCyan#9ac3ff
• terminal.ansiGreen#78a087
• terminal.ansiMagenta#5d3fd3
• terminal.ansiRed#ff7b8f
• terminal.ansiWhite#e8ebf8
• terminal.ansiYellow#ffd166
• terminal.background#07080d
• terminal.foreground#e8ebf8
• terminalCursor.foreground#ffffff
• titleBar.activeBackground#05060a
• titleBar.activeForeground#9faeff
• titleBar.border#151b2e
• titleBar.inactiveBackground#05060a
• titleBar.inactiveForeground#5f6b92

tokenColors

TextMate scopes and font styles (syntax highlighting rules).