江南烟雨主题

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#C99B45
activityBar.background#2A3030
activityBar.foreground#D9C7B2
activityBar.inactiveForeground#A39C92
activityBarBadge.background#C99B45
activityBarBadge.foreground#120B0B
breadcrumb.activeSelectionForeground#D9C7B2
breadcrumb.focusForeground#64CBF5
breadcrumb.foreground#929C9C
button.background#7A2F3B
button.foreground#EEF3EF
button.hoverBackground#93414A
button.secondaryBackground#2B3335
button.secondaryForeground#D9C7B2
button.secondaryHoverBackground#374244
commandCenter.activeBorder#66898F
commandCenter.background#11272B
commandCenter.border#31494F
commandCenter.foreground#E0E7DE
commandCenter.inactiveForeground#879391
descriptionForeground#929C9C
diffEditor.diagonalFill#00000000
diffEditor.insertedTextBackground#244C4255
diffEditor.removedTextBackground#4A2A2A55
dropdown.background#121824
dropdown.border#303B3D
dropdown.foreground#D9C7B2
editor.background#101620
editor.findMatchBackground#C99B4599
editor.findMatchHighlightBackground#7A633E66
editor.foreground#D9C7B2
editor.hoverHighlightBackground#1B263870
editor.inactiveSelectionBackground#24344766
editor.lineHighlightBackground#172034
editor.selectionBackground#31577A66
editor.selectionHighlightBackground#35547055
editor.wordHighlightBackground#2B405755
editor.wordHighlightStrongBackground#3A648066
editorBracketHighlight.foreground1#F0C766
editorBracketHighlight.foreground2#5EE08A
editorBracketHighlight.foreground3#64CBF5
editorBracketHighlight.foreground4#DFA3D8
editorBracketHighlight.foreground5#E4C253
editorBracketHighlight.foreground6#F75A43
editorBracketHighlight.unexpectedBracket.foreground#C15A4D
editorBracketMatch.background#2B3A4C66
editorBracketMatch.border#C99B45
editorBracketPairGuide.activeBackground1#806D3C
editorBracketPairGuide.activeBackground2#3E7458
editorBracketPairGuide.activeBackground3#3E6F93
editorBracketPairGuide.activeBackground4#7A526A
editorBracketPairGuide.activeBackground5#776433
editorBracketPairGuide.activeBackground6#8A443F
editorBracketPairGuide.background1#243142
editorBracketPairGuide.background2#222E3E
editorBracketPairGuide.background3#202A38
editorBracketPairGuide.background4#233040
editorBracketPairGuide.background5#212D3B
editorBracketPairGuide.background6#202A38
editorCursor.foreground#F0C766
editorError.foreground#C15A4D
editorGroup.border#2E333A
editorGroupHeader.tabsBackground#121D24
editorGutter.addedBackground#5EE08A
editorGutter.deletedBackground#F75A43
editorGutter.modifiedBackground#C99B45
editorHint.foreground#5EE08A
editorHoverWidget.background#121824
editorHoverWidget.border#303B3D
editorIndentGuide.activeBackground1#637181
editorIndentGuide.background1#223044
editorInfo.foreground#64CBF5
editorLineNumber.activeForeground#A5ABA5
editorLineNumber.foreground#536064
editorLink.activeForeground#64CBF5
editorOverviewRuler.addedForeground#5EE08AAA
editorOverviewRuler.border#00000000
editorOverviewRuler.deletedForeground#F75A43AA
editorOverviewRuler.errorForeground#C15A4DAA
editorOverviewRuler.infoForeground#64CBF5AA
editorOverviewRuler.modifiedForeground#C99B45AA
editorOverviewRuler.warningForeground#E4C253AA
editorSuggestWidget.background#121824
editorSuggestWidget.border#303B3D
editorSuggestWidget.foreground#D9C7B2
editorSuggestWidget.highlightForeground#F0C766
editorSuggestWidget.selectedBackground#21334D
editorWarning.foreground#E4C253
editorWhitespace.foreground#283648
editorWidget.background#121824
editorWidget.border#303B3D
errorForeground#C15A4D
focusBorder#C99B4566
foreground#D9C7B2
gitDecoration.addedResourceForeground#5EE08A
gitDecoration.deletedResourceForeground#F75A43
gitDecoration.ignoredResourceForeground#665D56
gitDecoration.modifiedResourceForeground#C99B45
gitDecoration.untrackedResourceForeground#DFA3D8
icon.foreground#C7C8BF
input.background#121824
input.border#303B3D
input.foreground#D9C7B2
input.placeholderForeground#7F8989
inputOption.activeBorder#C99B45
inputValidation.errorBackground#3B1F20
inputValidation.errorBorder#C15A4D
inputValidation.infoBackground#1E2730
inputValidation.infoBorder#64CBF5
inputValidation.warningBackground#332617
inputValidation.warningBorder#E4C253
list.activeSelectionBackground#26364A
list.activeSelectionForeground#D9C7B2
list.errorForeground#C15A4D
list.highlightForeground#64CBF5
list.hoverBackground#1B2435
list.inactiveSelectionBackground#1B2638
list.warningForeground#E4C253
menu.background#121824
menu.foreground#D9C7B2
menu.selectionBackground#26364A
menu.selectionForeground#D9C7B2
menu.separatorBackground#303B3D
minimap.background#101620
minimap.errorHighlight#C15A4D88
minimap.findMatchHighlight#C99B4588
minimap.selectionHighlight#C99B4544
minimap.warningHighlight#E4C25388
notificationCenterHeader.background#1C272A
notifications.background#121824
notifications.border#303B3D
notifications.foreground#D9C7B2
panel.background#111620
panel.border#3B494C
panelTitle.activeBorder#C99B45
panelTitle.activeForeground#D9C7B2
panelTitle.inactiveForeground#8F8B8E
peekView.border#789095
peekViewEditor.background#0F1520
peekViewResult.background#121824
peekViewResult.matchHighlightBackground#5D6F7A5F
peekViewResult.selectionBackground#26364A
peekViewTitle.background#1C272A
scrollbar.shadow#00000033
scrollbarSlider.activeBackground#A7B0AD66
scrollbarSlider.background#6E777755
scrollbarSlider.hoverBackground#87909055
selection.background#26364A
sideBar.background#171D24
sideBar.border#4A5556
sideBar.foreground#C8C5BB
sideBarSectionHeader.background#1D252B
sideBarSectionHeader.foreground#D5CEC0
sideBarTitle.foreground#D5CEC0
statusBar.background#2A1018
statusBar.debuggingBackground#7A5320
statusBar.debuggingForeground#F0E6D3
statusBar.foreground#D9C7B2
statusBar.noFolderBackground#2A1018
statusBarItem.hoverBackground#3A1822
statusBarItem.prominentBackground#3E1B25
statusBarItem.remoteBackground#4A2130
statusBarItem.remoteForeground#E5EBE7
tab.activeBackground#111824
tab.activeBorder#B7483D
tab.activeBorderTop#E35B43
tab.activeForeground#D9C7B2
tab.border#24313A
tab.hoverBackground#172233
tab.hoverBorder#F07A58
tab.inactiveBackground#131A22
tab.inactiveForeground#A99A93
tab.unfocusedActiveForeground#D0BBB0
terminal.ansiBlack#151C1F
terminal.ansiBlue#64CBF5
terminal.ansiBrightBlack#697678
terminal.ansiBrightBlue#95B5D2
terminal.ansiBrightCyan#8FCBC0
terminal.ansiBrightGreen#78B8AA
terminal.ansiBrightMagenta#D09AAA
terminal.ansiBrightRed#FF8061
terminal.ansiBrightWhite#EFE5D4
terminal.ansiBrightYellow#D8BC78
terminal.ansiCyan#6FAEA2
terminal.ansiGreen#5EE08A
terminal.ansiMagenta#F28BB4
terminal.ansiRed#F75A43
terminal.ansiWhite#D9C7B2
terminal.ansiYellow#E4C253
terminal.background#0E1214
terminal.foreground#D9C7B2
terminalCursor.background#101620
terminalCursor.foreground#F0C766
titleBar.activeBackground#0E2024
titleBar.activeForeground#E0E7DE
titleBar.inactiveBackground#0E2024CC
titleBar.inactiveForeground#879391
widget.border#303B3D
widget.shadow#00000066

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#8897A0	italic
string, markup.inline.raw, markup.fenced_code.block	#5EE08A	—
constant.numeric, constant.language, constant.character, constant.other, constant.escape	#D5C84F	—
keyword, storage, storage.type, keyword.control, keyword.operator.new, keyword.operator.expression	#F75A43	—
meta.decorator, punctuation.decorator, entity.name.function.decorator, storage.type.annotation, support.type.annotation	#F28BB4	—
entity.name.function, support.function, meta.function-call, variable.function, entity.name.method	#64CBF5	—
entity.name.type, entity.name.class, support.type, support.class	#E4C253	—
entity.name.namespace, support.module, entity.name.package, support.other.module	#C98BFF	—
variable, string constant.other.placeholder, meta.definition.variable.name	#D9C7B2	—
variable.parameter	#9FE6D0	—
variable.other.property, meta.object-literal.key, entity.other.attribute-name	#DFA3D8	—
entity.name.tag, meta.tag.sgml, punctuation.definition.tag	#FF7258	—
keyword.operator, punctuation, meta.brace	#9FB1AD	—
markup.heading, entity.name.section.markdown	#D4B36A	bold
markup.bold, markup.italic	#F28BB4	—
support.type.property-name.json	#DFA3D8	—
invalid, invalid.illegal	#EFE5D4	—