QiHui Tech

Name: QiHui Tech
Author: Damon Song Yu

Publisher: Damon Song YuThemes in package: 3

QiHui Tech official color theme

Open in VS Code GitHub

Color themes

VS Code preview

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

QiHui Tech — QiHui Tech Light

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#E0DAD0
activityBar.foreground#2A332B
activityBarBadge.background#596E5C
activityBarBadge.foreground#FFFFFF
badge.background#2A332B
badge.foreground#FFFFFF
button.background#596E5C
button.foreground#FFFFFF
button.hoverBackground#8BA690
diffEditor.insertedTextBackground#8BA69040
diffEditor.removedTextBackground#D65D4540
dropdown.background#F1F3F5
dropdown.border#CED4DA
dropdown.foreground#2A332B
editor.background#FFFFFF
editor.foreground#2A332B
editor.lineHighlightBackground#F1F3F5
editor.selectionBackground#8BA69050
editorCursor.foreground#596E5C
editorGroupHeader.tabsBackground#F8F9FA
editorIndentGuide.activeBackground1#596E5C
editorIndentGuide.background1#DEE2E6
editorLineNumber.activeForeground#596E5C
editorLineNumber.foreground#ADB5BD
editorWidget.background#F8F9FA
focusBorder#596E5C
input.background#FFFFFF
input.border#CED4DA
input.foreground#2A332B
input.placeholderForeground#ADB5BD
list.activeSelectionBackground#8BA69040
list.activeSelectionForeground#2A332B
list.hoverBackground#F1F3F5
list.inactiveSelectionBackground#F8F9FA
menu.background#FFFFFF
menu.foreground#2A332B
panel.background#F8F9FA
panel.border#DEE2E6
panelTitle.activeBorder#596E5C
panelTitle.activeForeground#596E5C
panelTitle.inactiveForeground#ADB5BD
peekView.border#596E5C
peekViewEditor.background#F8F9FA
peekViewResult.background#FFFFFF
scrollbarSlider.activeBackground#596E5C60
scrollbarSlider.background#596E5C20
scrollbarSlider.hoverBackground#596E5C40
sideBar.background#F8F9FA
sideBar.foreground#2A332B
sideBarSectionHeader.background#E9ECEF
sideBarSectionHeader.foreground#2A332B
statusBar.background#596E5C
statusBar.debuggingBackground#D65D45
statusBar.foreground#FFFFFF
statusBar.noFolderBackground#596E5C
tab.activeBackground#FFFFFF
tab.activeBorder#938c84
tab.activeForeground#2A332B
tab.border#DEE2E6
tab.inactiveBackground#F1F3F5
tab.inactiveForeground#ADB5BD
terminal.ansiBlack#2A332B
terminal.ansiBlue#596E5C
terminal.ansiCyan#8BA690
terminal.ansiGreen#596E5C
terminal.ansiMagenta#F4A261
terminal.ansiRed#D65D45
terminal.ansiWhite#F8F9FA
terminal.ansiYellow#E9C46A
titleBar.activeBackground#938c84
titleBar.activeForeground#FFFFFF
titleBar.inactiveBackground#2A332B
titleBar.inactiveForeground#8BA690

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#8BA690	italic
variable	#2A332B	—
keyword, storage.type, storage.modifier	#D65D45	bold
entity.name.function, support.function	#596E5C	—
string	#596E5C	—
entity.name.type, entity.name.class	#D4A373	bold
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter	#D65D45	—
entity.other.attribute-name	#F4A261	—
constant.numeric, constant.language, support.constant	#E9C46A	—