Naruto Shinobi Theme

Color themes

• 

  Naruto Akatsuki

• 

  Naruto Gaara - Desert Sand Guardian

• 

  Naruto Hashirama Senju - Wood Style Titan (First Hokage)

• 

  Naruto Hinata Hyuga - Byakugan Vision

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#1a0000
• activityBar.activeBorder#DC143C
• activityBar.background#000000
• activityBar.border#2a1515
• activityBar.foreground#DC143C
• activityBar.inactiveForeground#666666
• activityBarBadge.background#B22222
• activityBarBadge.foreground#ffffff
• badge.background#B22222
• badge.foreground#ffffff
• breadcrumb.activeSelectionForeground#DC143C
• breadcrumb.focusForeground#DC143C
• breadcrumb.foreground#888888
• button.background#B22222
• button.foreground#ffffff
• button.hoverBackground#DC143C
• button.secondaryBackground#5a0f0f
• button.secondaryForeground#ffffff
• button.secondaryHoverBackground#8B0000
• diffEditor.insertedTextBackground#8B000020
• diffEditor.removedTextBackground#DC143C20
• dropdown.background#1a0f0f
• dropdown.border#8B0000
• dropdown.foreground#ffffff
• editor.background#0a0a0a
• editor.findMatchBackground#DC143C80
• editor.findMatchHighlightBackground#DC143C40
• editor.foreground#e8e8e8
• editor.inactiveSelectionBackground#8B000050
• editor.lineHighlightBackground#1a0f0f
• editor.selectionBackground#8B0000aa
• editor.selectionHighlightBackground#8B000040
• editor.wordHighlightBackground#8B000030
• editor.wordHighlightStrongBackground#8B000050
• editorBracketMatch.background#8B000040
• editorBracketMatch.border#DC143C
• editorCursor.foreground#FF0000
• editorGroupHeader.tabsBackground#0a0a0a
• editorGroupHeader.tabsBorder#2a1515
• editorIndentGuide.activeBackground1#8B0000
• editorIndentGuide.background1#2a1515
• editorLineNumber.activeForeground#DC143C
• editorLineNumber.foreground#666666
• editorWhitespace.foreground#3a1f1f
• focusBorder#DC143C
• gitDecoration.conflictingResourceForeground#ff0000
• gitDecoration.deletedResourceForeground#8B0000
• gitDecoration.ignoredResourceForeground#555555
• gitDecoration.modifiedResourceForeground#DC143C
• gitDecoration.untrackedResourceForeground#B22222
• input.background#1a0f0f
• input.border#8B0000
• input.foreground#ffffff
• input.placeholderForeground#666666
• inputOption.activeBorder#DC143C
• inputValidation.errorBackground#5a0000
• inputValidation.errorBorder#ff0000
• list.activeSelectionBackground#8B0000
• list.activeSelectionForeground#ffffff
• list.errorForeground#ff6b6b
• list.focusBackground#8B0000
• list.focusForeground#ffffff
• list.highlightForeground#FF4444
• list.hoverBackground#2a0f0f
• list.hoverForeground#ffffff
• list.inactiveSelectionBackground#5a0f0f
• list.inactiveSelectionForeground#ffffff
• list.warningForeground#ffaa44
• notificationCenter.border#2a1515
• notificationCenterHeader.background#1a0f0f
• notificationLink.foreground#FF4444
• notifications.background#1a0f0f
• notifications.border#8B0000
• notifications.foreground#ffffff
• panel.background#0a0a0a
• panel.border#2a1515
• panelTitle.activeBorder#DC143C
• panelTitle.activeForeground#ffffff
• panelTitle.inactiveForeground#888888
• peekView.border#DC143C
• peekViewEditor.background#1a0f0f
• peekViewEditor.matchHighlightBackground#8B000040
• peekViewResult.background#0f0f0f
• peekViewResult.matchHighlightBackground#8B000040
• peekViewResult.selectionBackground#8B000060
• peekViewTitle.background#1a0f0f
• peekViewTitleDescription.foreground#888888
• peekViewTitleLabel.foreground#DC143C
• scrollbarSlider.activeBackground#DC143C80
• scrollbarSlider.background#5a0f0f80
• scrollbarSlider.hoverBackground#8B000080
• sideBar.background#0f0f0f
• sideBar.border#2a1515
• sideBar.foreground#cccccc
• sideBarSectionHeader.background#1a0f0f
• sideBarSectionHeader.border#2a1515
• sideBarSectionHeader.foreground#FF4444
• sideBarTitle.foreground#FF4444
• statusBar.background#8B0000
• statusBar.border#2a1515
• statusBar.debuggingBackground#B22222
• statusBar.debuggingForeground#ffffff
• statusBar.foreground#ffffff
• statusBar.noFolderBackground#660000
• statusBarItem.prominentBackground#DC143C
• statusBarItem.prominentHoverBackground#B22222
• tab.activeBackground#1a0f0f
• tab.activeBorder#000000
• tab.activeBorderTop#DC143C
• tab.activeForeground#ffffff
• tab.border#1a1a1a
• tab.hoverBackground#1a0f0f
• tab.hoverBorder#8B0000
• tab.hoverForeground#ffffff
• tab.inactiveBackground#0f0f0f
• tab.inactiveForeground#888888
• terminal.ansiBlack#1a1a1a
• terminal.ansiBlue#B22222
• terminal.ansiBrightBlack#444444
• terminal.ansiBrightBlue#ff6666
• terminal.ansiBrightCyan#999999
• terminal.ansiBrightGreen#aaaaaa
• terminal.ansiBrightMagenta#DC143C
• terminal.ansiBrightRed#FF4444
• terminal.ansiBrightWhite#ffffff
• terminal.ansiBrightYellow#ff8888
• terminal.ansiCyan#666666
• terminal.ansiGreen#888888
• terminal.ansiMagenta#8B0000
• terminal.ansiRed#DC143C
• terminal.ansiWhite#e8e8e8
• terminal.ansiYellow#ff6b6b
• terminal.background#0a0a0a
• terminal.foreground#e8e8e8
• terminalCursor.foreground#DC143C
• titleBar.activeBackground#000000
• titleBar.activeForeground#DC143C
• titleBar.border#2a1515
• titleBar.inactiveBackground#0a0a0a
• titleBar.inactiveForeground#666666

tokenColors

TextMate scopes and font styles (syntax highlighting rules).