Showa Retro Themes

Name: Showa Retro Themes
Author: SUZUKI Tetsuya

Publisher: SUZUKI TetsuyaThemes in package: 13

Color themes inspired by the Japanese Showa era aesthetic.

Open in VS Code GitHub

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Showa Retro Themes — Showa Retro Dagashi

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.ts

Problems1

Output

Debug Console

Terminal

Ports

~/my-project $ pnpm dev
▲ Next.js ready on http://localhost:3000
✓ compiled client and server successfully in 412ms
wait - compiling /theme/vscode...

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Light+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.background#00b23c
activityBarBadge.foreground#a93e09
badge.foreground#a93e09
button.background#2c87c0
disabledForeground#a93e0980
editor.background#edf6ec
editorGroupHeader.tabsBackground#00b23c
editorGroupHeader.tabsBorder#a93e09
editorGutter.deletedBackground#a93e09
focusBorder#2c87c0
foreground#a93e09
list.activeSelectionBackground#00b23c80
list.activeSelectionForeground#a93e09
list.errorForeground#a93e09
list.focusBackground#00b23c80
list.focusForeground#a93e09
list.highlightForeground#2c87c0
list.hoverBackground#fdd80d40
list.hoverForeground#a93e09
list.inactiveSelectionBackground#00b23c40
list.inactiveSelectionForeground#a93e09
list.warningForeground#2c87c0
panel.background#00b23c
panel.border#a93e09
panelTitle.activeBorder#fdd80d
panelTitle.activeForeground#edf6ec
panelTitle.inactiveForeground#edf6ec80
peekView.border#2c87c0
peekViewEditor.background#edf6ec
peekViewEditor.matchHighlightBackground#fdd80d80
peekViewResult.background#00b23c
peekViewResult.selectionBackground#fdd80d80
peekViewTitle.background#a93e09
progressBar.background#2c87c0
sideBar.background#fdd80d
sideBar.border#a93e09
sideBar.foreground#a93e09
sideBarSectionHeader.background#a93e09
sideBarSectionHeader.border#a93e09
sideBarSectionHeader.foreground#edf6ec
sideBarTitle.foreground#a93e09
statusBar.background#2c87c0
statusBarItem.remoteForeground#a93e09
tab.activeBackground#edf6ec
tab.activeBorderTop#2c87c0
tab.activeForeground#a93e09
tab.border#a93e09
tab.inactiveBackground#fdd80d40
tab.inactiveForeground#a93e0999
tab.unfocusedActiveBorderTop#2c87c080
terminal.ansiBrightWhite#edf6ec
terminal.background#edf6ec
titleBar.activeBackground#2c87c0
titleBar.border#2c87c0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
markup.inline.raw	#FDD80D	—
token.info-token	#316BCD	—
token.warn-token	#CD9731	—
token.error-token	#CD3131	—
token.debug-token	#800080	—