Naruto Shinobi Theme

Color themes

• 

  Naruto Kurama Nine-Tails

• 

  Naruto Kushina Uzumaki - Red Hot-Blooded Habanero

• 

  Naruto Madara Uchiha - 4th Great Ninja War

• 

  Naruto Madara 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#11172a
• activityBar.activeBorder#DC143C
• activityBar.background#070a12
• activityBar.border#1a2031
• activityBar.foreground#DC143C
• activityBar.inactiveForeground#5f6f89
• activityBarBadge.background#8B0000
• activityBarBadge.foreground#ffffff
• badge.background#DC143C
• badge.foreground#ffffff
• breadcrumb.activeSelectionForeground#A9B7FF
• breadcrumb.focusForeground#DC143C
• breadcrumb.foreground#8b96ad
• button.background#8B0000
• button.foreground#ffffff
• button.hoverBackground#b1112e
• button.secondaryBackground#243045
• button.secondaryForeground#e6e8ef
• button.secondaryHoverBackground#30405f
• diffEditor.border#1a2031
• diffEditor.insertedTextBackground#7aa27a30
• diffEditor.removedTextBackground#DC143C30
• dropdown.background#141a2b
• dropdown.border#30405f
• dropdown.foreground#ffffff
• editor.background#0b0d14
• editor.findMatchBackground#DC143C80
• editor.findMatchHighlightBackground#6a0dad60
• editor.foreground#e6e8ef
• editor.inactiveSelectionBackground#8B000050
• editor.lineHighlightBackground#151b2d
• editor.selectionBackground#8B000080
• editor.selectionHighlightBackground#6a0dad40
• editor.wordHighlightBackground#2f4f7f40
• editor.wordHighlightStrongBackground#8B000050
• editorBracketMatch.background#2f4f7f40
• editorBracketMatch.border#4f79ff
• editorCursor.foreground#DC143C
• editorError.foreground#ff5a5a
• editorGroupHeader.tabsBackground#070a12
• editorGroupHeader.tabsBorder#1a2031
• editorHint.foreground#8a7ed8
• editorIndentGuide.activeBackground1#DC143C
• editorIndentGuide.background1#243045
• editorInfo.foreground#4f79ff
• editorLineNumber.activeForeground#DC143C
• editorLineNumber.foreground#5f6f89
• editorWarning.foreground#f4c430
• editorWhitespace.foreground#334055
• focusBorder#DC143C
• gitDecoration.conflictingResourceForeground#f4c430
• gitDecoration.deletedResourceForeground#DC143C
• gitDecoration.ignoredResourceForeground#5f6f89
• gitDecoration.modifiedResourceForeground#4f79ff
• gitDecoration.untrackedResourceForeground#7aa27a
• input.background#141a2b
• input.border#30405f
• input.foreground#ffffff
• input.placeholderForeground#647493
• inputOption.activeBorder#DC143C
• list.activeSelectionBackground#8B000080
• list.activeSelectionForeground#ffffff
• list.highlightForeground#DC143C
• list.hoverBackground#151b2d
• list.hoverForeground#ffffff
• list.inactiveSelectionBackground#1d2436
• list.inactiveSelectionForeground#d7dbea
• minimap.errorHighlight#ff5a5a
• minimap.findMatchHighlight#8B000080
• minimap.selectionHighlight#2f4f7f80
• minimap.warningHighlight#f4c430
• minimapGutter.addedBackground#7aa27a
• minimapGutter.deletedBackground#DC143C
• minimapGutter.modifiedBackground#4f79ff
• notificationCenter.border#1a2031
• notificationCenterHeader.background#11172a
• notificationLink.foreground#A9B7FF
• notifications.background#11172a
• notifications.border#30405f
• notifications.foreground#e6e8ef
• panel.background#0b0d14
• panel.border#1a2031
• panelTitle.activeBorder#DC143C
• panelTitle.activeForeground#ffffff
• panelTitle.inactiveForeground#8b96ad
• peekView.border#DC143C
• peekViewEditor.background#141a2b
• peekViewEditor.matchHighlightBackground#8B000050
• peekViewResult.background#0d101a
• peekViewResult.matchHighlightBackground#8B000050
• peekViewResult.selectionBackground#8B000080
• peekViewTitle.background#141a2b
• peekViewTitleDescription.foreground#8b96ad
• peekViewTitleLabel.foreground#DC143C
• scrollbarSlider.activeBackground#DC143CA0
• scrollbarSlider.background#8B000060
• scrollbarSlider.hoverBackground#8B000090
• sideBar.background#0d101a
• sideBar.border#1a2031
• sideBar.foreground#d7dbea
• sideBarSectionHeader.background#11172a
• sideBarSectionHeader.border#1a2031
• sideBarSectionHeader.foreground#A9B7FF
• sideBarTitle.foreground#DC143C
• statusBar.background#8B0000
• statusBar.border#2a1220
• statusBar.debuggingBackground#4f79ff
• statusBar.debuggingForeground#ffffff
• statusBar.foreground#ffffff
• statusBarItem.prominentBackground#DC143C
• statusBarItem.prominentHoverBackground#ff335f
• tab.activeBackground#11172a
• tab.activeBorderTop#DC143C
• tab.activeForeground#ffffff
• tab.border#11172a
• tab.hoverBackground#151b2d
• tab.hoverBorder#4f79ff
• tab.hoverForeground#ffffff
• tab.inactiveBackground#0d101a
• tab.inactiveForeground#8b96ad
• terminal.ansiBlack#12141c
• terminal.ansiBlue#4f79ff
• terminal.ansiBrightBlack#5f6f89
• terminal.ansiBrightBlue#7ca0ff
• terminal.ansiBrightCyan#a8d0ff
• terminal.ansiBrightGreen#9bcc9b
• terminal.ansiBrightMagenta#b2a5ff
• terminal.ansiBrightRed#ff5a5a
• terminal.ansiBrightWhite#ffffff
• terminal.ansiBrightYellow#ffdc6e
• terminal.ansiCyan#7db4ff
• terminal.ansiGreen#7aa27a
• terminal.ansiMagenta#8a7ed8
• terminal.ansiRed#DC143C
• terminal.ansiWhite#e6e8ef
• terminal.ansiYellow#f4c430
• terminal.background#0b0d14
• terminal.foreground#e6e8ef
• terminalCursor.foreground#DC143C
• titleBar.activeBackground#070a12
• titleBar.activeForeground#DC143C
• titleBar.border#1a2031
• titleBar.inactiveBackground#070a12
• titleBar.inactiveForeground#5f6f89

tokenColors

TextMate scopes and font styles (syntax highlighting rules).