Naruto Shinobi Theme

Color themes

• 

  Naruto Uzumaki - Sage of Six Paths

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#171c21
• activityBar.activeBorder#FFD700
• activityBar.background#080b0f
• activityBar.border#1e232b
• activityBar.foreground#FFD700
• activityBar.inactiveForeground#7a7e86
• activityBarBadge.background#FF8C00
• activityBarBadge.foreground#ffffff
• badge.background#FFD700
• badge.foreground#0b0d0f
• breadcrumb.activeSelectionForeground#ffb84d
• breadcrumb.focusForeground#FFD700
• breadcrumb.foreground#9a9ea8
• button.background#FF8C00
• button.foreground#ffffff
• button.hoverBackground#ff9d26
• button.secondaryBackground#30363f
• button.secondaryForeground#f7f3dd
• button.secondaryHoverBackground#3b4450
• diffEditor.border#1e232b
• diffEditor.insertedTextBackground#8ccf7e30
• diffEditor.removedTextBackground#ff6b6b30
• dropdown.background#1a1f26
• dropdown.border#3b4450
• dropdown.foreground#ffffff
• editor.background#0b0d0f
• editor.findMatchBackground#ffd70090
• editor.findMatchHighlightBackground#ffd70060
• editor.foreground#f7f3dd
• editor.inactiveSelectionBackground#f4c43050
• editor.lineHighlightBackground#171c21
• editor.selectionBackground#f4c43080
• editor.selectionHighlightBackground#ff8c0040
• editor.wordHighlightBackground#f4c43035
• editor.wordHighlightStrongBackground#ff8c0050
• editorBracketMatch.background#ffd70045
• editorBracketMatch.border#ff8c00
• editorCursor.foreground#FFD700
• editorError.foreground#ff6b6b
• editorGroupHeader.tabsBackground#080b0f
• editorGroupHeader.tabsBorder#1e232b
• editorHint.foreground#f4c430
• editorIndentGuide.activeBackground1#FFD700
• editorIndentGuide.background1#30363f
• editorInfo.foreground#87ceeb
• editorLineNumber.activeForeground#FFD700
• editorLineNumber.foreground#7a7e86
• editorWarning.foreground#ffb84d
• editorWhitespace.foreground#3a3a3a
• focusBorder#FFD700
• gitDecoration.conflictingResourceForeground#ffb84d
• gitDecoration.deletedResourceForeground#ff6b6b
• gitDecoration.ignoredResourceForeground#7a7e86
• gitDecoration.modifiedResourceForeground#87ceeb
• gitDecoration.untrackedResourceForeground#8ccf7e
• input.background#1a1f26
• input.border#3b4450
• input.foreground#ffffff
• input.placeholderForeground#80858f
• inputOption.activeBorder#FFD700
• list.activeSelectionBackground#f4c43080
• list.activeSelectionForeground#0b0d0f
• list.highlightForeground#FFD700
• list.hoverBackground#1f2530
• list.hoverForeground#ffffff
• list.inactiveSelectionBackground#232933
• list.inactiveSelectionForeground#efe8c8
• minimap.errorHighlight#ff6b6b
• minimap.findMatchHighlight#ffd70090
• minimap.selectionHighlight#f4c43080
• minimap.warningHighlight#ffb84d
• minimapGutter.addedBackground#8ccf7e
• minimapGutter.deletedBackground#ff6b6b
• minimapGutter.modifiedBackground#87ceeb
• notificationCenter.border#1e232b
• notificationCenterHeader.background#171c21
• notificationLink.foreground#87ceeb
• notifications.background#171c21
• notifications.border#3b4450
• notifications.foreground#f7f3dd
• panel.background#0b0d0f
• panel.border#1e232b
• panelTitle.activeBorder#FFD700
• panelTitle.activeForeground#ffffff
• panelTitle.inactiveForeground#9a9ea8
• peekView.border#FFD700
• peekViewEditor.background#1a1f26
• peekViewEditor.matchHighlightBackground#ffd70050
• peekViewResult.background#0d1014
• peekViewResult.matchHighlightBackground#ffd70050
• peekViewResult.selectionBackground#f4c43080
• peekViewTitle.background#1a1f26
• peekViewTitleDescription.foreground#9a9ea8
• peekViewTitleLabel.foreground#FFD700
• scrollbarSlider.activeBackground#ff8c00a0
• scrollbarSlider.background#ffd70060
• scrollbarSlider.hoverBackground#ffd70090
• sideBar.background#0d1014
• sideBar.border#1e232b
• sideBar.foreground#efe8c8
• sideBarSectionHeader.background#171c21
• sideBarSectionHeader.border#1e232b
• sideBarSectionHeader.foreground#ffb84d
• sideBarTitle.foreground#FFD700
• statusBar.background#FFD700
• statusBar.border#e6c200
• statusBar.debuggingBackground#FF8C00
• statusBar.debuggingForeground#ffffff
• statusBar.foreground#0b0d0f
• statusBarItem.prominentBackground#ffb84d
• statusBarItem.prominentHoverBackground#ffc766
• tab.activeBackground#171c21
• tab.activeBorderTop#FFD700
• tab.activeForeground#ffffff
• tab.border#171c21
• tab.hoverBackground#1f2530
• tab.hoverBorder#FF8C00
• tab.hoverForeground#ffffff
• tab.inactiveBackground#0d1014
• tab.inactiveForeground#9a9ea8
• terminal.ansiBlack#171717
• terminal.ansiBlue#87ceeb
• terminal.ansiBrightBlack#7a7e86
• terminal.ansiBrightBlue#a7dff2
• terminal.ansiBrightCyan#bfeaf2
• terminal.ansiBrightGreen#a8df9f
• terminal.ansiBrightMagenta#ffd27a
• terminal.ansiBrightRed#ff8f8f
• terminal.ansiBrightWhite#ffffff
• terminal.ansiBrightYellow#ffe45e
• terminal.ansiCyan#9adbe8
• terminal.ansiGreen#8ccf7e
• terminal.ansiMagenta#f4c430
• terminal.ansiRed#ff6b6b
• terminal.ansiWhite#f7f3dd
• terminal.ansiYellow#FFD700
• terminal.background#0b0d0f
• terminal.foreground#f7f3dd
• terminalCursor.foreground#FFD700
• titleBar.activeBackground#080b0f
• titleBar.activeForeground#FFD700
• titleBar.border#1e232b
• titleBar.inactiveBackground#080b0f
• titleBar.inactiveForeground#7a7e86

tokenColors

TextMate scopes and font styles (syntax highlighting rules).