Traditional Japanese Theme

Color themes

• 

  Traditional Japanese Shrine

• 

  Traditional Japanese Wabi-Sabi

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.background#191512
• activityBar.inactiveForeground#958675
• activityBarBadge.background#ba9a6a
• activityBarBadge.foreground#14110f
• badge.background#34271e
• button.background#ba9a6a
• button.foreground#14110f
• button.hoverBackground#cba879
• debugToolBar.background#1f1813
• descriptionForeground#baa996
• dropdown.background#221b15
• dropdown.border#2f241c
• editor.background#14110f
• editor.findMatchBackground#b9935b44
• editor.findMatchHighlightBackground#8f805126
• editor.foreground#f0e6d3
• editor.hoverHighlightBackground#3f2f2444
• editor.inactiveSelectionBackground#2d211988
• editor.lineHighlightBackground#1d1712
• editor.selectionBackground#3b2b21
• editor.selectionHighlightBackground#3d2e2388
• editor.wordHighlightBackground#3f2f2444
• editor.wordHighlightStrongBackground#3f2f2488
• editorBracketMatch.background#201813
• editorBracketMatch.border#c4a774
• editorCursor.foreground#f0e6d3
• editorGutter.addedBackground#76997988
• editorGutter.background#14110f
• editorGutter.deletedBackground#bc604a88
• editorGutter.modifiedBackground#c4a77488
• editorIndentGuide.activeBackground#3a2b21
• editorIndentGuide.background#201914
• editorLineNumber.activeForeground#c4a774
• editorLineNumber.foreground#736659
• editorLink.activeForeground#7d9494
• editorWhitespace.foreground#1f1813
• editorWidget.background#221b15
• editorWidget.border#2f241c
• focusBorder#c4a774
• foreground#f0e6d3
• gitDecoration.addedResourceForeground#769979
• gitDecoration.deletedResourceForeground#bc604a
• gitDecoration.ignoredResourceForeground#524336
• gitDecoration.modifiedResourceForeground#c4a774
• gitDecoration.untrackedResourceForeground#82a783
• input.background#221b15
• input.border#2f241c
• input.placeholderForeground#958675
• list.activeSelectionBackground#281f18
• list.focusHighlightForeground#c4a774
• list.highlightForeground#c4a774
• list.hoverBackground#2c2119
• list.inactiveSelectionBackground#221a15
• list.inactiveSelectionForeground#ddceb9
• notifications.background#221b15
• panel.background#191512
• panel.border#2f241c
• panelTitle.inactiveForeground#958675
• peekView.border#c4a774
• peekViewEditor.background#1f1813
• peekViewEditor.matchHighlightBackground#c28a5344
• peekViewResult.background#191512
• peekViewResult.matchHighlightBackground#bca66744
• quickInput.background#221b15
• scrollbarSlider.activeBackground#c4a77466
• scrollbarSlider.background#3a2e2488
• scrollbarSlider.hoverBackground#3a2e24cc
• selection.background#3b2b21
• sideBar.background#191511
• sideBar.foreground#ddceb9
• sideBarSectionHeader.background#231c16
• statusBar.background#191512
• statusBar.debuggingBackground#769979
• statusBar.debuggingForeground#14110f
• statusBar.noFolderBackground#191512
• statusBarItem.hoverBackground#37291f
• tab.activeBackground#281f18
• tab.activeBorder#c4a774
• tab.border#14110f
• tab.hoverBackground#231b16
• tab.inactiveBackground#1b1612
• tab.inactiveForeground#958675
• tab.unfocusedActiveForeground#ddceb9
• tab.unfocusedInactiveForeground#7c6f61
• terminal.ansiBlack#1c1511
• terminal.ansiBlue#5d8089
• terminal.ansiBrightBlack#2f241c
• terminal.ansiBrightBlue#6f8f98
• terminal.ansiBrightCyan#8cb0b1
• terminal.ansiBrightGreen#86ab8b
• terminal.ansiBrightMagenta#ab8d89
• terminal.ansiBrightRed#cd715b
• terminal.ansiBrightWhite#faf2e6
• terminal.ansiBrightYellow#d4b685
• terminal.ansiCyan#7a9698
• terminal.ansiGreen#769979
• terminal.ansiMagenta#9d807c
• terminal.ansiRed#bc604a
• terminal.ansiYellow#c4a774
• terminal.background#14110f
• titleBar.activeBackground#191512
• titleBar.inactiveBackground#241c16
• titleBar.inactiveForeground#958675

tokenColors

TextMate scopes and font styles (syntax highlighting rules).