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#271c24
- activityBar.inactiveForeground#b798a6
- activityBarBadge.background#f5aad8
- activityBarBadge.foreground#1d161b
- badge.background#633956
- button.background#f5aad8
- button.foreground#1d161b
- button.hoverBackground#f8c0e3
- debugToolBar.background#2f1e29
- descriptionForeground#d5b7c4
- dropdown.background#2f1e29
- dropdown.border#3f2633
- editor.background#1d161b
- editor.findMatchBackground#e6c88444
- editor.findMatchHighlightBackground#e6c88426
- editor.foreground#f9e9f1
- editor.hoverHighlightBackground#61375144
- editor.inactiveSelectionBackground#41273d88
- editor.lineHighlightBackground#2c1e29
- editor.selectionBackground#593149
- editor.selectionHighlightBackground#59314988
- editor.wordHighlightBackground#61375144
- editor.wordHighlightStrongBackground#61375188
- editorBracketMatch.background#35212f
- editorBracketMatch.border#e6c884
- editorCursor.foreground#f9e9f1
- editorGutter.addedBackground#afd7ba88
- editorGutter.background#1d161b
- editorGutter.deletedBackground#f2a3c788
- editorGutter.modifiedBackground#e6c88488
- editorIndentGuide.activeBackground#4f2c3e
- editorIndentGuide.background#3a232f
- editorLineNumber.activeForeground#e6c884
- editorLineNumber.foreground#806874
- editorLink.activeForeground#a38ccb
- editorWhitespace.foreground#3a232f
- editorWidget.background#2f1e29
- editorWidget.border#3f2633
- focusBorder#e6c884
- foreground#f9e9f1
- gitDecoration.addedResourceForeground#abd8b4
- gitDecoration.deletedResourceForeground#f2a3c7
- gitDecoration.ignoredResourceForeground#72465f
- gitDecoration.modifiedResourceForeground#e6c884
- gitDecoration.untrackedResourceForeground#b6e2c2
- input.background#2f1e29
- input.border#3f2633
- input.placeholderForeground#b798a6
- list.activeSelectionBackground#40243a
- list.focusHighlightForeground#e6c884
- list.highlightForeground#e6c884
- list.hoverBackground#34202e
- list.inactiveSelectionBackground#2c1d27
- list.inactiveSelectionForeground#efd6df
- notifications.background#2f1e29
- panel.background#281b24
- panel.border#412735
- panelTitle.inactiveForeground#b798a6
- peekView.border#e6c884
- peekViewEditor.background#2c1e29
- peekViewEditor.matchHighlightBackground#e6c88444
- peekViewResult.background#281b24
- peekViewResult.matchHighlightBackground#e6c88444
- quickInput.background#2f1e29
- scrollbarSlider.activeBackground#e6c88466
- scrollbarSlider.background#63395688
- scrollbarSlider.hoverBackground#633956cc
- selection.background#593149
- sideBar.background#251a22
- sideBar.foreground#efd6df
- sideBarSectionHeader.background#32212c
- statusBar.background#271c24
- statusBar.debuggingBackground#9fd7b2
- statusBar.debuggingForeground#1d161b
- statusBar.noFolderBackground#271c24
- statusBarItem.hoverBackground#71415c
- tab.activeBackground#41233b
- tab.activeBorder#e6c884
- tab.border#1d161b
- tab.hoverBackground#2f1d28
- tab.inactiveBackground#251a22
- tab.inactiveForeground#b798a6
- tab.unfocusedActiveForeground#efd6df
- tab.unfocusedInactiveForeground#9e8190
- terminal.ansiBlack#1b1116
- terminal.ansiBlue#a38ccb
- terminal.ansiBrightBlack#3b2230
- terminal.ansiBrightBlue#bbaeec
- terminal.ansiBrightCyan#a4d8dd
- terminal.ansiBrightGreen#b6e2c2
- terminal.ansiBrightMagenta#efc0e0
- terminal.ansiBrightRed#f7b6d4
- terminal.ansiBrightWhite#fff5f9
- terminal.ansiBrightYellow#efd69a
- terminal.ansiCyan#8ec8d1
- terminal.ansiGreen#9fd7b2
- terminal.ansiMagenta#e5b0d8
- terminal.ansiRed#f2a3c7
- terminal.ansiYellow#e6c884
- terminal.background#1d161b
- titleBar.activeBackground#271c24
- titleBar.inactiveBackground#331f2b
- titleBar.inactiveForeground#b798a6
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #9d8090 | — |
| constant.numeric, constant.language, support.constant | #e5b0a7 | — |
| entity.name.function, support.function | #ffc1e4 | — |
| entity.name.tag, support.type.property-name | #ef7fb7 | — |
| entity.name.type, support.type, support.class | #bfe5c5 | — |
| entity.other.attribute-name, meta.tag.attribute-name, support.class.component | #f6d29a | — |
| entity.other.attribute-name.class | #bfe5c5 | — |
| entity.other.attribute-name.id | #e5b0d8 | — |
| entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element | #c9b5ef | — |
| invalid | #ffffff | — |
| keyword, storage.type, storage.modifier | #f2a7d6 | bold |
| markup.bold | #ffc1e4 | bold |
| markup.heading | #f2a7d6 | bold |
| markup.italic | #c9b5ef | italic |
| markup.link | #bfe5c5 | — |
| meta.brace | #e3cad6 | — |
| meta.property-name | #f2a7d6 | — |
| punctuation | #e3cad6 | — |
| string, punctuation.definition.string | #ffd3a8 | — |
| support.constant.property-value | #bfe5c5 | — |
| variable.language | #f29bc1 | — |
| variable.other.constant, constant.other | #e6c884 | — |