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

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.background#3A5A40
activityBar.foreground#DAD7CD
activityBarBadge.background#DAD7CD
activityBarBadge.foreground#344E41
badge.background#588157
badge.foreground#DAD7CD
button.background#588157
button.foreground#DAD7CD
button.hoverBackground#A3B18A
diffEditor.insertedTextBackground#A3B18A33
diffEditor.removedTextBackground#58815733
dropdown.background#3A5A40
dropdown.border#344E41
dropdown.foreground#DAD7CD
editor.background#344E41
editor.foreground#DAD7CD
editor.lineHighlightBackground#3A5A40
editor.selectionBackground#58815780
editorCursor.foreground#E9C46A
editorGroupHeader.tabsBackground#3A5A40
editorIndentGuide.activeBackground#A3B18A
editorIndentGuide.background#58815740
editorLineNumber.activeForeground#DAD7CD
editorLineNumber.foreground#588157
editorWidget.background#3A5A40
focusBorder#588157
input.background#3A5A40
input.foreground#DAD7CD
input.placeholderForeground#DAD7CD80
list.activeSelectionBackground#588157
list.activeSelectionForeground#DAD7CD
list.hoverBackground#3A5A40
list.inactiveSelectionBackground#3A5A40
menu.background#3A5A40
menu.foreground#DAD7CD
panel.background#344E41
panel.border#588157
panelTitle.activeBorder#E9C46A
panelTitle.activeForeground#E9C46A
panelTitle.inactiveForeground#588157
peekView.border#588157
peekViewEditor.background#344E41
peekViewResult.background#3A5A40
scrollbarSlider.activeBackground#DAD7CD40
scrollbarSlider.background#DAD7CD20
scrollbarSlider.hoverBackground#DAD7CD30
sideBar.background#3A5A40
sideBar.foreground#DAD7CD
sideBarSectionHeader.background#344E41
sideBarSectionHeader.foreground#DAD7CD
statusBar.background#344E41
statusBar.debuggingBackground#588157
statusBar.foreground#DAD7CD
statusBar.noFolderBackground#344E41
tab.activeBackground#344E41
tab.activeBorder#E9C46A
tab.activeForeground#DAD7CD
tab.border#344E41
tab.inactiveBackground#3A5A40
tab.inactiveForeground#DAD7CD80
terminal.ansiBlack#344E41
terminal.ansiBlue#588157
terminal.ansiCyan#DAD7CD
terminal.ansiGreen#DAD7CD
terminal.ansiMagenta#A3B18A
terminal.ansiRed#A3B18A
terminal.ansiWhite#DAD7CD
terminal.ansiYellow#A3B18A
titleBar.activeBackground#344E41
titleBar.activeForeground#DAD7CD
titleBar.inactiveBackground#344E41
titleBar.inactiveForeground#588157

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#588157	italic
variable	#DAD7CD	—
keyword, storage.type, storage.modifier	#A3B18A	bold
entity.name.function, support.function	#F4A261	—
string	#E9C46A	—
entity.name.type, entity.name.class	#E9C46A	bold
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter	#F4A261	—
entity.other.attribute-name	#A3B18A	—
constant.numeric, constant.language, support.constant	#E9C46A	—