江南烟雨主题

Name: 江南烟雨主题
Author: zhoulaiqing

Publisher: zhoulaiqingThemes in package: 5

一组成对设计的 VS Code 主题，灵感来自江南烟雨、白墙乌瓦、晨雾水气与夜巷灯影。

Open in VS Code

Color themes

VS Code preview

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

江南烟雨主题 — 江南烟雨 · 夜雨

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#6D8B78
activityBar.background#1B2B24
activityBar.foreground#BCB7AD
activityBar.inactiveForeground#8A9990
activityBarBadge.background#688373
activityBarBadge.foreground#C7C0B6
breadcrumb.activeSelectionForeground#BCB7AD
breadcrumb.focusForeground#738F8B
breadcrumb.foreground#8E9A9F
button.background#5F7A84
button.foreground#C9C3B9
button.hoverBackground#728E98
button.secondaryBackground#273236
button.secondaryForeground#BCB7AD
button.secondaryHoverBackground#344247
commandCenter.activeBorder#718A94
commandCenter.background#1B2427
commandCenter.border#273236
commandCenter.foreground#BCB7AD
commandCenter.inactiveForeground#88959A
descriptionForeground#8E9A9F
diffEditor.diagonalFill#00000000
diffEditor.insertedTextBackground#2B3C3555
diffEditor.removedTextBackground#412B2D55
dropdown.background#1B2427
dropdown.border#273236
dropdown.foreground#BCB7AD
editor.background#1A282A
editor.findMatchBackground#8E775099
editor.findMatchHighlightBackground#66583B55
editor.foreground#BDB8AE
editor.hoverHighlightBackground#263B4260
editor.inactiveSelectionBackground#2B40474D
editor.lineHighlightBackground#223136
editor.selectionBackground#2C444C58
editor.selectionHighlightBackground#35484F38
editor.wordHighlightBackground#30434944
editor.wordHighlightStrongBackground#3D535B58
editorBracketHighlight.foreground1#7A7267
editorBracketHighlight.foreground2#5D786C
editorBracketHighlight.foreground3#5F7690
editorBracketHighlight.foreground4#86665E
editorBracketHighlight.foreground5#6D7856
editorBracketHighlight.foreground6#566B84
editorBracketHighlight.unexpectedBracket.foreground#A1645E
editorBracketMatch.background#2A363C55
editorBracketMatch.border#61747B
editorBracketPairGuide.activeBackground1#4C4A45
editorBracketPairGuide.activeBackground2#42524D
editorBracketPairGuide.activeBackground3#435568
editorBracketPairGuide.activeBackground4#5A4640
editorBracketPairGuide.activeBackground5#4C5342
editorBracketPairGuide.activeBackground6#3D4B60
editorBracketPairGuide.background1#2A3235
editorBracketPairGuide.background2#283134
editorBracketPairGuide.background3#273034
editorBracketPairGuide.background4#293135
editorBracketPairGuide.background5#283033
editorBracketPairGuide.background6#273033
editorCursor.foreground#7086A2
editorError.foreground#A1645E
editorGroup.border#273236
editorGroupHeader.tabsBackground#13191B
editorGutter.addedBackground#687F70
editorGutter.deletedBackground#A1645E
editorGutter.modifiedBackground#7086A2
editorHint.foreground#738F8B
editorHoverWidget.background#1B292C
editorHoverWidget.border#273236
editorIndentGuide.activeBackground1#435058
editorIndentGuide.background1#1B2427
editorInfo.foreground#718A94
editorLineNumber.activeForeground#94A1A6
editorLineNumber.foreground#566268
editorLink.activeForeground#7086A2
editorOverviewRuler.addedForeground#687F70AA
editorOverviewRuler.border#00000000
editorOverviewRuler.deletedForeground#A1645EAA
editorOverviewRuler.errorForeground#A1645EAA
editorOverviewRuler.infoForeground#718A94AA
editorOverviewRuler.modifiedForeground#7086A2AA
editorOverviewRuler.warningForeground#A58D65AA
editorSuggestWidget.background#1B292C
editorSuggestWidget.border#273236
editorSuggestWidget.foreground#BCB7AD
editorSuggestWidget.highlightForeground#738F8B
editorSuggestWidget.selectedBackground#25363B
editorWarning.foreground#A58D65
editorWhitespace.foreground#273236
editorWidget.background#161D20
editorWidget.border#273236
errorForeground#A1645E
focusBorder#718A9466
foreground#B9B4AA
gitDecoration.addedResourceForeground#687F70
gitDecoration.deletedResourceForeground#A1645E
gitDecoration.ignoredResourceForeground#5A666B
gitDecoration.modifiedResourceForeground#7086A2
gitDecoration.untrackedResourceForeground#738F8B
icon.foreground#A7B1B4
input.background#1B2427
input.border#273236
input.foreground#BCB7AD
input.placeholderForeground#7A878C
inputOption.activeBorder#7086A2
inputValidation.errorBackground#3A2425
inputValidation.errorBorder#A1645E
inputValidation.infoBackground#25363B
inputValidation.infoBorder#718A94
inputValidation.warningBackground#372F22
inputValidation.warningBorder#A58D65
list.activeSelectionBackground#263A3F
list.activeSelectionForeground#BFB8AE
list.errorForeground#A1645E
list.highlightForeground#738F8B
list.hoverBackground#202E33
list.inactiveSelectionBackground#202B2E
list.warningForeground#A58D65
menu.background#161D20
menu.foreground#BCB7AD
menu.selectionBackground#25363B
menu.selectionForeground#BFB8AE
menu.separatorBackground#273236
minimap.background#1A282A
minimap.errorHighlight#A1645E88
minimap.findMatchHighlight#8E775088
minimap.selectionHighlight#718A9444
minimap.warningHighlight#A58D6588
notificationCenterHeader.background#1B2427
notifications.background#161D20
notifications.border#273236
notifications.foreground#BCB7AD
panel.background#1B292C
panel.border#273236
panelTitle.activeBorder#718A94
panelTitle.activeForeground#BCB7AD
panelTitle.inactiveForeground#7F8A8F
peekView.border#718A94
peekViewEditor.background#141A1C
peekViewResult.background#161D20
peekViewResult.matchHighlightBackground#66583B55
peekViewResult.selectionBackground#25363B
peekViewTitle.background#1B2427
scrollbar.shadow#00000022
scrollbarSlider.activeBackground#81949C66
scrollbarSlider.background#55646A55
scrollbarSlider.hoverBackground#6B7C8355
selection.background#25363B
sideBar.background#1B2625
sideBar.border#293432
sideBar.foreground#AFAAA1
sideBarSectionHeader.background#1F2A28
sideBarSectionHeader.foreground#BCB7AD
sideBarTitle.foreground#BCB7AD
statusBar.background#203837
statusBar.debuggingBackground#6D5A3E
statusBar.debuggingForeground#C7C0B6
statusBar.foreground#BDB6AC
statusBar.noFolderBackground#203837
statusBarItem.hoverBackground#294341
statusBarItem.prominentBackground#263F3E
statusBarItem.remoteBackground#2F4D4B
statusBarItem.remoteForeground#C9C3B9
tab.activeBackground#1B272A
tab.activeBorderTop#4E7079
tab.activeForeground#BCB7AD
tab.border#182022
tab.hoverBackground#1B292D
tab.inactiveBackground#13191B
tab.inactiveForeground#7F8987
tab.unfocusedActiveForeground#9FA49F
terminal.ansiBlack#20292D
terminal.ansiBlue#7086A2
terminal.ansiBrightBlack#5A666B
terminal.ansiBrightBlue#8BA4C7
terminal.ansiBrightCyan#8EB7B2
terminal.ansiBrightGreen#83A18D
terminal.ansiBrightMagenta#AA98B6
terminal.ansiBrightRed#C47B73
terminal.ansiBrightWhite#C7C0B6
terminal.ansiBrightYellow#C3AC7B
terminal.ansiCyan#738F8B
terminal.ansiGreen#687F70
terminal.ansiMagenta#8B7C95
terminal.ansiRed#A1645E
terminal.ansiWhite#BCB7AD
terminal.ansiYellow#A58D65
terminal.background#151C1E
terminal.foreground#BDB8AE
terminalCursor.background#BCB7AD
terminalCursor.foreground#7086A2
titleBar.activeBackground#17242A
titleBar.activeForeground#BBC0BB
titleBar.inactiveBackground#17242ACC
titleBar.inactiveForeground#93A0A4
widget.border#273236
widget.shadow#00000044

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#73848A	italic
string, markup.inline.raw, markup.fenced_code.block	#71948E	—
constant.numeric, constant.language, constant.character, constant.other, constant.escape	#A58D65	—
keyword, storage, storage.type, keyword.control, keyword.operator.new, keyword.operator.expression	#9E726B	—
entity.name.function, support.function, meta.function-call, variable.function, entity.name.method	#7892B2	—
entity.name.type, entity.name.class, support.type, support.class, storage.type, entity.name.namespace	#A68D66	—
variable, string constant.other.placeholder, meta.definition.variable.name	#B9B4AA	—
variable.parameter	#AEA89F	—
variable.other.property, meta.object-literal.key, entity.other.attribute-name	#AA806C	—
entity.name.tag, meta.tag.sgml, punctuation.definition.tag	#A1645E	—
keyword.operator, punctuation, meta.brace	#727A7D	—
markup.heading, entity.name.section.markdown	#7086A2	bold
markup.bold, markup.italic	#8B7C95	—
support.type.property-name.json	#AA806C	—
invalid, invalid.illegal	#CDC9C1	—