Hakko Ryu Theme Collection

Name: Hakko Ryu Theme Collection
Author: alexandrubb23

Publisher: alexandrubb23Themes in package: 5

Complete theme collection inspired by Hakko Ryu martial arts - includes Dark, High Contrast, Soft, and Light variants

Open in VS Code GitHub

Color themes

VS Code preview

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

Hakko Ryu Theme Collection — Hakko Ryu Theme (Soft)

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

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

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBorder#8B5CF680
activityBar.background#1E1E1E
activityBar.border#2D2D2D40
activityBar.dropBorder#8B5CF680
activityBar.foreground#8B5CF6CC
activityBar.inactiveForeground#94A3B870
activityBarBadge.background#8B5CF6CC
activityBarBadge.foreground#FFFFFF
editor.background#1C1C1C
editor.findMatchBackground#EAB30850
editor.findMatchHighlightBackground#EAB30820
editor.foreground#F0F0F0
editor.hoverHighlightBackground#60A5FA15
editor.lineHighlightBackground#2D2D2D30
editor.lineHighlightBorder#8B5CF615
editor.rangeHighlightBackground#60A5FA10
editor.selectionBackground#8B5CF640
editor.selectionHighlightBackground#8B5CF620
editor.wordHighlightBackground#94A3B815
editor.wordHighlightStrongBackground#8B5CF620
editorCursor.foreground#8B5CF6CC
editorLineNumber.activeForeground#8B5CF6CC
editorLineNumber.foreground#707070
editorWhitespace.foreground#404040
sideBar.background#1E1E1E
sideBar.border#2D2D2D60
sideBar.foreground#E0E0E0
sideBarSectionHeader.background#252525
sideBarSectionHeader.border#2D2D2D60
sideBarSectionHeader.foreground#8B5CF6CC
sideBarTitle.foreground#8B5CF6CC
statusBar.background#8B5CF680
statusBar.border#7C3AED80
statusBar.debuggingBackground#F8717180
statusBar.debuggingForeground#FFFFFF
statusBar.foreground#FFFFFF
statusBar.noFolderBackground#404040
terminal.ansiBlack#1C1C1C
terminal.ansiBlue#60A5FACC
terminal.ansiBrightBlack#505050
terminal.ansiBrightBlue#93C5FD
terminal.ansiBrightCyan#67E8F9
terminal.ansiBrightGreen#6EE7B7
terminal.ansiBrightMagenta#C4B5FD
terminal.ansiBrightRed#FCA5A5
terminal.ansiBrightWhite#F5F5F5
terminal.ansiBrightYellow#FDE047
terminal.ansiCyan#06B6D4CC
terminal.ansiGreen#10B981CC
terminal.ansiMagenta#8B5CF6CC
terminal.ansiRed#F87171CC
terminal.ansiWhite#E5E5E5
terminal.ansiYellow#EAB308CC
terminal.background#1C1C1C
terminal.foreground#E5E5E5

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#888888	italic
keyword, storage.type, storage.modifier	#8B5CF6CC	—
string, punctuation.definition.string	#EAB308CC	—
constant.numeric	#F87171CC	—
entity.name.function, meta.function-call, variable.function, support.function	#60A5FACC	—
variable, string constant.other.placeholder	#E5E5E5	—