Showa Retro Themes
Publisher: SUZUKI TetsuyaThemes in package: 13
Color themes inspired by the Japanese Showa era aesthetic.
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#6b3b2d
- activityBar.border#6b3b2d
- activityBar.foreground#f7f7dc
- activityBar.inactiveForeground#b5764a
- activityBarBadge.background#912813
- activityBarBadge.foreground#f7f7dc
- badge.background#912813
- badge.foreground#f7f7dc
- button.background#6b3b2d
- button.foreground#f7f7dc
- button.hoverBackground#912813
- disabledForeground#b5764a
- dropdown.background#f7f7dc
- dropdown.border#fbc661
- dropdown.foreground#6b3b2d
- editor.background#f7f7dc
- editor.findMatchBackground#fbc66180
- editor.findMatchHighlightBackground#fbc66140
- editor.foreground#6b3b2d
- editor.hoverHighlightBackground#b5764a40
- editor.inactiveSelectionBackground#b5764a40
- editor.selectionBackground#b5764a80
- editor.selectionHighlightBackground#91281340
- editor.wordHighlightBackground#fbc66140
- editor.wordHighlightStrongBackground#fbc66180
- editorBracketMatch.background#f7f7dc
- editorBracketMatch.border#912813
- editorCursor.foreground#912813
- editorGroupHeader.tabsBackground#f7f7dc
- editorGroupHeader.tabsBorder#6b3b2d
- editorGutter.addedBackground#b5764a
- editorGutter.background#f7f7dc
- editorGutter.deletedBackground#912813
- editorGutter.modifiedBackground#fbc661
- editorIndentGuide.activeBackground#6b3b2d80
- editorIndentGuide.background#6b3b2d33
- editorLineNumber.activeForeground#6b3b2d
- editorLineNumber.foreground#fbc661
- editorOverviewRuler.border#ffffff00
- editorOverviewRuler.errorForeground#912813
- editorOverviewRuler.findMatchForeground#fbc66180
- editorOverviewRuler.infoForeground#6b3b2d
- editorOverviewRuler.warningForeground#fbc661
- editorRuler.foreground#b5764a
- editorWhitespace.foreground#6b3b2d40
- focusBorder#912813
- foreground#6b3b2d
- input.background#f7f7dc
- input.border#fbc661
- input.foreground#6b3b2d
- input.placeholderForeground#6b3b2d80
- list.activeSelectionBackground#fbc66180
- list.activeSelectionForeground#6b3b2d
- list.errorForeground#912813
- list.focusBackground#fbc66180
- list.focusForeground#6b3b2d
- list.highlightForeground#912813
- list.hoverBackground#b5764a80
- list.hoverForeground#6b3b2d
- list.inactiveSelectionBackground#b5764a40
- list.inactiveSelectionForeground#6b3b2d
- list.warningForeground#fbc661
- panel.background#f7f7dc
- panel.border#fbc661
- panelTitle.activeBorder#912813
- panelTitle.activeForeground#6b3b2d
- panelTitle.inactiveForeground#6b3b2d99
- peekView.border#912813
- peekViewEditor.background#f7f7dc
- peekViewEditor.matchHighlightBackground#fbc66180
- peekViewResult.background#f7f7dc
- peekViewResult.selectionBackground#b5764a80
- peekViewTitle.background#fbc661
- progressBar.background#912813
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#6b3b2d
- scrollbarSlider.background#6b3b2d40
- scrollbarSlider.hoverBackground#6b3b2d80
- sideBar.background#b5764a
- sideBar.border#6b3b2d
- sideBar.foreground#f7f7dc
- sideBarSectionHeader.background#6b3b2d
- sideBarSectionHeader.border#6b3b2d
- sideBarSectionHeader.foreground#f7f7dc
- sideBarTitle.foreground#f7f7dc
- statusBar.background#b5764a
- statusBar.border#b5764a
- statusBar.debuggingBackground#912813
- statusBar.debuggingForeground#f7f7dc
- statusBar.foreground#f7f7dc
- statusBar.noFolderBackground#6b3b2d
- statusBar.noFolderForeground#f7f7dc
- statusBarItem.remoteBackground#912813
- statusBarItem.remoteForeground#f7f7dc
- tab.activeBackground#f7f7dc
- tab.activeBorderTop#912813
- tab.activeForeground#6b3b2d
- tab.border#6b3b2d
- tab.inactiveBackground#b5764a
- tab.inactiveForeground#6b3b2d99
- tab.unfocusedActiveBorderTop#91281380
- terminal.ansiBlack#6b3b2d
- terminal.ansiBlue#6b3b2d
- terminal.ansiBrightBlack#b5764a
- terminal.ansiBrightBlue#6b3b2d
- terminal.ansiBrightCyan#b5764a
- terminal.ansiBrightGreen#fbc661
- terminal.ansiBrightMagenta#6b3b2d
- terminal.ansiBrightRed#912813
- terminal.ansiBrightWhite#f7f7dc
- terminal.ansiBrightYellow#fbc661
- terminal.ansiCyan#b5764a
- terminal.ansiGreen#fbc661
- terminal.ansiMagenta#6b3b2d
- terminal.ansiRed#912813
- terminal.ansiWhite#6b3b2d
- terminal.ansiYellow#fbc661
- terminal.background#f7f7dc
- terminal.foreground#6b3b2d
- terminalCursor.foreground#912813
- titleBar.activeBackground#6b3b2d
- titleBar.activeForeground#f7f7dc
- titleBar.border#6b3b2d
- titleBar.inactiveBackground#b5764a
- titleBar.inactiveForeground#6b3b2d
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #B5764A | italic |
| string, punctuation.definition.string | #FBC661 | — |
| constant.numeric | #FBC661 | — |
| constant.language, constant.character, constant.other | #912813 | bold |
| variable | #6B3B2D | — |
| variable.language | #912813 | italic |
| keyword, storage | #912813 | bold |
| storage.type | #B5764A | italic |
| entity.name.type, entity.name.class, support.class, entity.name.function, support.function | #6B3B2D | bold |
| entity.other.inherited-class | #6B3B2D | italic |
| variable.parameter | #6B3B2D | italic |
| entity.name.tag | #912813 | bold |
| entity.other.attribute-name | #FBC661 | italic |
| support.function, support.constant, support.type, support.class, support.variable | #B5764A | |
| invalid | #F7F7DC | — |
| invalid.deprecated | #6B3B2D | — |
| support.type.property-name.json | #912813 | — |
| string.quoted.double.json | #FBC661 | — |
| constant.language.json | #B5764A | — |
| markup.heading | #912813 | bold |
| markup.underline.link | #FBC661 | underline |
| markup.bold | #6B3B2D | bold |
| markup.italic | #6B3B2D | italic |
| markup.inline.raw | #FBC661 | — |
| token.info-token | #316BCD | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #CD3131 | — |
| token.debug-token | #800080 | — |