Traditional Japanese Theme

Color themes

• 

  Traditional Japanese Fuji

• 

  Traditional Japanese Matcha

• 

  Traditional Japanese Momiji

• 

  Traditional Japanese Sakura

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#2d1b12
• activityBar.inactiveForeground#be8f6b
• activityBarBadge.background#f59d4a
• activityBarBadge.foreground#24150f
• badge.background#6f3723
• button.background#f59d4a
• button.foreground#24150f
• button.hoverBackground#f7ad5f
• debugToolBar.background#362114
• descriptionForeground#caa27d
• dropdown.background#341f13
• dropdown.border#422616
• editor.background#24150f
• editor.findMatchBackground#c63b3044
• editor.findMatchHighlightBackground#dcbc6926
• editor.foreground#f9e7d3
• editor.hoverHighlightBackground#69362144
• editor.inactiveSelectionBackground#4c281888
• editor.lineHighlightBackground#321f14
• editor.selectionBackground#61321e
• editor.selectionHighlightBackground#61321e88
• editor.wordHighlightBackground#69362144
• editor.wordHighlightStrongBackground#69362188
• editorBracketMatch.background#392215
• editorBracketMatch.border#e0bf68
• editorCursor.foreground#f9e7d3
• editorGutter.addedBackground#84af6b88
• editorGutter.background#24150f
• editorGutter.deletedBackground#c63b3088
• editorGutter.modifiedBackground#e0bf6888
• editorIndentGuide.activeBackground#693621
• editorIndentGuide.background#3f2617
• editorLineNumber.activeForeground#e0bf68
• editorLineNumber.foreground#936a52
• editorLink.activeForeground#cd746c
• editorWhitespace.foreground#3f2617
• editorWidget.background#341f13
• editorWidget.border#422616
• focusBorder#ccb079
• foreground#f9e7d3
• gitDecoration.addedResourceForeground#728c54
• gitDecoration.deletedResourceForeground#c63b30
• gitDecoration.ignoredResourceForeground#5f3821
• gitDecoration.modifiedResourceForeground#dcbc69
• gitDecoration.untrackedResourceForeground#85a467
• input.background#341f13
• input.border#422616
• input.placeholderForeground#be8f6b
• list.activeSelectionBackground#46281a
• list.focusHighlightForeground#cd746c
• list.highlightForeground#cd746c
• list.hoverBackground#3f2416
• list.inactiveSelectionBackground#351f14
• list.inactiveSelectionForeground#f3d3b7
• notifications.background#341f13
• panel.background#2d1b12
• panel.border#422616
• panelTitle.inactiveForeground#be8f6b
• peekView.border#e0bf68
• peekViewEditor.background#321f14
• peekViewEditor.matchHighlightBackground#c63b3044
• peekViewResult.background#2d1b12
• peekViewResult.matchHighlightBackground#dcbc6944
• quickInput.background#341f13
• scrollbarSlider.activeBackground#dcbc6966
• scrollbarSlider.background#6b372388
• scrollbarSlider.hoverBackground#6b3723cc
• selection.background#61321e
• sideBar.background#2a180f
• sideBar.foreground#f3d3b7
• sideBarSectionHeader.background#362114
• statusBar.background#2d1b12
• statusBar.debuggingBackground#728c54
• statusBar.debuggingForeground#24150f
• statusBar.noFolderBackground#2d1b12
• statusBarItem.hoverBackground#5b321f
• tab.activeBackground#4a2b1c
• tab.activeBorder#ccb079
• tab.border#24150f
• tab.hoverBackground#341f13
• tab.inactiveBackground#2a180f
• tab.inactiveForeground#be8f6b
• tab.unfocusedActiveForeground#f3d3b7
• tab.unfocusedInactiveForeground#997353
• terminal.ansiBlack#2c1b11
• terminal.ansiBlue#606681
• terminal.ansiBrightBlack#422616
• terminal.ansiBrightBlue#76809a
• terminal.ansiBrightCyan#98bab2
• terminal.ansiBrightGreen#87a467
• terminal.ansiBrightMagenta#cd746c
• terminal.ansiBrightRed#d9574a
• terminal.ansiBrightWhite#fff5ea
• terminal.ansiBrightYellow#e6c97b
• terminal.ansiCyan#85a8a1
• terminal.ansiGreen#728c54
• terminal.ansiMagenta#bc5c55
• terminal.ansiRed#c63b30
• terminal.ansiYellow#dcbc69
• terminal.background#2a180f
• titleBar.activeBackground#2d1b12
• titleBar.inactiveBackground#392215
• titleBar.inactiveForeground#be8f6b

tokenColors

TextMate scopes and font styles (syntax highlighting rules).