Japanesque Theme
Publisher: jszkThemes in package: 1
Japanesque color theme
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#a04f36
- activityBar.border#c04019
- activityBar.dropBackground#A35E4791
- activityBar.foreground#F7F1D5
- activityBarBadge.background#0089A7
- activityBarBadge.foreground#fcf7e3
- debugToolBar.background#261C29
- dropdown.background#A35E4791
- dropdown.border#A35E4791
- editor.background#261C29
- editor.foreground#F7F1D5
- editor.lineHighlightBackground#3a2b3f
- editor.selectionBackground#4a2a55b2
- editorCursor.foreground#F7F1D5
- editorGroup.dropBackground#A35E4791
- editorWhitespace.foreground#413944
- input.background#2f332f
- list.activeSelectionBackground#775a3a
- list.dropBackground#A35E4791
- list.inactiveSelectionBackground#3b3126
- panel.background#261C29
- panel.border#4d3255
- panel.dropBackground#A35E4791
- panelTitle.activeBorder#261C29
- panelTitle.activeForeground#F7F1D5
- panelTitle.inactiveForeground#9c9988
- sideBar.background#241c27
- sideBar.border#4d3255
- sideBar.dropBackground#A35E4791
- sideBar.foreground#f7f1d6
- sideBarSectionHeader.background#4d3255
- sideBarSectionHeader.foreground#fcf6de
- statusBar.background#60373E
- statusBar.foreground#fcf6de
- tab.activeBackground#967249
- tab.activeForeground#F7F1D5
- tab.border#533613
- tab.inactiveBackground#4e3b26
- tab.inactiveForeground#dfd9bf
- titleBar.activeBackground#4e3b26
- titleBar.activeForeground#fcf6de
- titleBar.border#2c2216
- titleBar.inactiveBackground#3b3328
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #F7F1D5 | — |
| comment | #91989F | — |
| string | #EEA9A9 | — |
| constant.numeric | #F596AA | — |
| constant.language | #F596AA | — |
| constant.character, constant.other | #F596AA | — |
| variable | #8B81C3 | |
| keyword | #778A33 | — |
| storage | #8B81C3 | |
| storage.type | #EFBB24 | italic |
| entity.name.class | #8B81C3 | underline |
| entity.other.inherited-class | #8B81C3 | italic underline |
| entity.name.function | #86C166 | |
| variable.parameter | #8B81C3 | italic |
| entity.name.tag | #8B81C3 | |
| entity.other.attribute-name | #86C166 | |
| support.function | #86C166 | |
| support.constant | #F596AA | |
| support.type, support.class | #EFBB24 | italic |
| support.other.variable | #8B81C3 | |
| invalid | #F7F1D5 | |
| invalid.deprecated | #F7F1D5 | — |
| meta.attribute | #9E7A7A | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...