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#a6944f
- activityBar.border#a6944f
- activityBar.foreground#f0f4ec
- activityBar.inactiveForeground#22a239
- activityBarBadge.background#93c31d
- activityBarBadge.foreground#90151a
- badge.background#93c31d
- badge.foreground#90151a
- button.background#93c31d
- button.foreground#90151a
- button.hoverBackground#22a239
- disabledForeground#a6944f80
- dropdown.background#f0f4ec
- dropdown.border#22a239
- dropdown.foreground#a6944f
- editor.background#f0f4ec
- editor.findMatchBackground#93c31d80
- editor.findMatchHighlightBackground#93c31d40
- editor.foreground#90151a
- editor.hoverHighlightBackground#22a23920
- editor.inactiveSelectionBackground#93c31d40
- editor.selectionBackground#93c31d80
- editor.selectionHighlightBackground#22a23940
- editor.wordHighlightBackground#22a23940
- editor.wordHighlightStrongBackground#22a23980
- editorBracketMatch.background#f0f4ec
- editorBracketMatch.border#90151a
- editorCursor.foreground#90151a
- editorGroupHeader.tabsBackground#f0f4ec
- editorGroupHeader.tabsBorder#22a239
- editorGutter.addedBackground#93c31d
- editorGutter.background#f0f4ec
- editorGutter.deletedBackground#90151a
- editorGutter.modifiedBackground#a6944f
- editorIndentGuide.activeBackground#a6944f80
- editorIndentGuide.background#a6944f33
- editorLineNumber.activeForeground#a6944f
- editorLineNumber.foreground#22a239
- editorOverviewRuler.border#ffffff00
- editorOverviewRuler.errorForeground#90151a
- editorOverviewRuler.findMatchForeground#93c31d80
- editorOverviewRuler.infoForeground#22a239
- editorOverviewRuler.warningForeground#a6944f
- editorRuler.foreground#22a23980
- editorWhitespace.foreground#a6944f40
- focusBorder#90151a
- foreground#90151a
- input.background#f0f4ec
- input.border#22a239
- input.foreground#a6944f
- input.placeholderForeground#a6944f80
- list.activeSelectionBackground#22a23980
- list.activeSelectionForeground#f0f4ec
- list.errorForeground#90151a
- list.focusBackground#22a23980
- list.focusForeground#a6944f
- list.highlightForeground#90151a
- list.hoverBackground#93c31d40
- list.hoverForeground#a6944f
- list.inactiveSelectionBackground#22a23940
- list.inactiveSelectionForeground#a6944f
- list.warningForeground#a6944f
- panel.background#f0f4ec
- panel.border#22a239
- panelTitle.activeBorder#90151a
- panelTitle.activeForeground#a6944f
- panelTitle.inactiveForeground#a6944f99
- peekView.border#90151a
- peekViewEditor.background#f0f4ec
- peekViewEditor.matchHighlightBackground#93c31d80
- peekViewResult.background#f0f4ec
- peekViewResult.selectionBackground#93c31d80
- peekViewTitle.background#22a239
- progressBar.background#90151a
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#a6944f
- scrollbarSlider.background#a6944f40
- scrollbarSlider.hoverBackground#a6944f80
- sideBar.background#22a239
- sideBar.border#a6944f
- sideBar.foreground#f0f4ec
- sideBarSectionHeader.background#a6944f
- sideBarSectionHeader.border#a6944f
- sideBarSectionHeader.foreground#f0f4ec
- sideBarTitle.foreground#f0f4ec
- statusBar.background#93c31d
- statusBar.border#93c31d
- statusBar.debuggingBackground#90151a
- statusBar.debuggingForeground#f0f4ec
- statusBar.foreground#90151a
- statusBar.noFolderBackground#22a239
- statusBar.noFolderForeground#f0f4ec
- statusBarItem.remoteBackground#90151a
- statusBarItem.remoteForeground#f0f4ec
- tab.activeBackground#f0f4ec
- tab.activeBorderTop#90151a
- tab.activeForeground#a6944f
- tab.border#22a239
- tab.inactiveBackground#93c31d40
- tab.inactiveForeground#a6944f99
- tab.unfocusedActiveBorderTop#90151a80
- terminal.ansiBlack#a6944f
- terminal.ansiBlue#22a239
- terminal.ansiBrightBlack#a6944f80
- terminal.ansiBrightBlue#22a239
- terminal.ansiBrightCyan#93c31d
- terminal.ansiBrightGreen#22a239
- terminal.ansiBrightMagenta#90151a
- terminal.ansiBrightRed#90151a
- terminal.ansiBrightWhite#f0f4ec
- terminal.ansiBrightYellow#a6944f
- terminal.ansiCyan#93c31d
- terminal.ansiGreen#22a239
- terminal.ansiMagenta#90151a
- terminal.ansiRed#90151a
- terminal.ansiWhite#a6944f
- terminal.ansiYellow#a6944f
- terminal.background#f0f4ec
- terminal.foreground#a6944f
- terminalCursor.foreground#90151a
- titleBar.activeBackground#90151a
- titleBar.activeForeground#f0f4ec
- titleBar.border#90151a
- titleBar.inactiveBackground#22a239
- titleBar.inactiveForeground#f0f4ec99
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #22A239 | italic |
| string, punctuation.definition.string, constant.numeric | #93C31D | — |
| constant.language, constant.character, constant.other | #90151A | bold |
| variable | #A6944F | — |
| variable.language | #90151A | italic |
| keyword, storage | #90151A | bold |
| storage.type | #22A239 | italic |
| entity.name.type, entity.name.class, support.class, entity.name.function, support.function | #A6944F | bold |
| entity.other.inherited-class | #A6944F | italic |
| variable.parameter | #A6944F | italic |
| entity.name.tag | #90151A | bold |
| entity.other.attribute-name | #93C31D | italic |
| support.function, support.constant, support.type, support.class, support.variable | #22A239 | |
| invalid | #F0F4EC | — |
| invalid.deprecated | #F0F4EC | — |
| support.type.property-name.json | #90151A | — |
| string.quoted.double.json | #93C31D | — |
| constant.language.json | #22A239 | — |
| markup.heading | #90151A | bold |
| markup.underline.link | #22A239 | underline |
| markup.bold | #A6944F | bold |
| markup.italic | #A6944F | italic |
| markup.inline.raw | #93C31D | — |
| token.info-token | #316BCD | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #CD3131 | — |
| token.debug-token | #800080 | — |