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 (High Contrast)

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...
~/my-project

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#A855F7
activityBar.background#0F0F0F
activityBar.border#404040
activityBar.dropBorder#A855F7
activityBar.foreground#A855F7
activityBar.inactiveForeground#94A3B850
activityBarBadge.background#A855F7
activityBarBadge.foreground#FFFFFF
editor.background#0A0A0A
editor.findMatchBackground#EAB30860
editor.findMatchHighlightBackground#EAB30830
editor.foreground#FFFFFF
editor.hoverHighlightBackground#60A5FA20
editor.lineHighlightBackground#1A1A1A
editor.lineHighlightBorder#A855F720
editor.rangeHighlightBackground#60A5FA15
editor.selectionBackground#A855F750
editor.selectionHighlightBackground#A855F730
editor.wordHighlightBackground#94A3B820
editor.wordHighlightStrongBackground#A855F730
editorCursor.foreground#A855F7
editorLineNumber.activeForeground#A855F7
editorLineNumber.foreground#606060
editorWhitespace.foreground#404040
sideBar.background#0F0F0F
sideBar.border#404040
sideBar.foreground#E5E5E5
sideBarSectionHeader.background#1A1A1A
sideBarSectionHeader.border#404040
sideBarSectionHeader.foreground#A855F7
sideBarTitle.foreground#A855F7
statusBar.background#A855F7
statusBar.border#9333EA
statusBar.debuggingBackground#F87171
statusBar.debuggingForeground#FFFFFF
statusBar.foreground#FFFFFF
statusBar.noFolderBackground#404040
terminal.ansiBlack#0A0A0A
terminal.ansiBlue#60A5FA
terminal.ansiBrightBlack#404040
terminal.ansiBrightBlue#93C5FD
terminal.ansiBrightCyan#67E8F9
terminal.ansiBrightGreen#6EE7B7
terminal.ansiBrightMagenta#C4B5FD
terminal.ansiBrightRed#FCA5A5
terminal.ansiBrightWhite#FFFFFF
terminal.ansiBrightYellow#FDE047
terminal.ansiCyan#06B6D4
terminal.ansiGreen#10B981
terminal.ansiMagenta#A855F7
terminal.ansiRed#F87171
terminal.ansiWhite#FFFFFF
terminal.ansiYellow#EAB308
terminal.background#0A0A0A
terminal.foreground#FFFFFF

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#808080	italic
keyword, storage.type, storage.modifier	#A855F7	bold
string, punctuation.definition.string	#EAB308	—
constant.numeric	#F87171	—
entity.name.function, meta.function-call, variable.function, support.function	#60A5FA	bold
variable, string constant.other.placeholder	#FFFFFF	—