Traditional Japanese Theme
Publisher: Adrià ForcadaThemes in package: 6
A beautiful dark VS Code theme pack inspired by traditional Japanese palettes and aesthetics.
Color themes
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).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #9f7b5f | — |
| constant.numeric, constant.language, support.constant | #dc8c45 | — |
| entity.name.function, support.function | #ffb272 | — |
| entity.name.tag, support.type.property-name | #cd746c | — |
| entity.name.type, support.type, support.class | #98ba73 | — |
| entity.other.attribute-name, meta.tag.attribute-name, support.class.component | #e0bf68 | — |
| entity.other.attribute-name.class | #85a467 | — |
| entity.other.attribute-name.id | #f59d4a | — |
| entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element | #d9574a | — |
| invalid | #ffffff | — |
| keyword, storage.type, storage.modifier | #d55d54 | bold |
| markup.bold | #ffb272 | bold |
| markup.heading | #dcbc69 | bold |
| markup.italic | #cd746c | italic |
| markup.link | #85a467 | — |
| meta.brace | #d5b38d | — |
| meta.property-name | #dcbc69 | — |
| punctuation | #d5b38d | — |
| string, punctuation.definition.string | #f7cb79 | — |
| support.constant.property-value | #dc8c45 | — |
| variable.language | #d55d54 | — |
| variable.other.constant, constant.other | #dcbc69 | — |