Harvest Tapestry Theme
A late-summer harvest woven for VS Code: cream paper, slate ink, sage leaves, pressed-flower pink and a thread of ochre. The light variant reads like a sunlit writing desk, the dark one like the same desk at dusk — both cut from one palette, so switching changes the light level rather than the character of the workspace.
把夏末的收成织进 VS Code:奶油色纸面、灰蓝墨迹、鼠尾草绿、干花粉,再牵一缕赭黄。浅色版像日光下的书桌,深色版像同一张桌子的黄昏;两套变体共用一套色板,切换时改变的是明暗,而不是气质。
Preview / 预览
| Light 浅色 |
Dark 深色 |
 |
 |
Both previews are captured from a real VS Code window running the theme — no mockups.
上方预览图取自真实运行该主题的 VS Code 窗口截图,非模拟图。
Palette / 色板
| Role |
Light |
Dark |
| Editor background |
#F7F2E8 cream paper |
#252A33 charcoal slate |
| Foreground |
#3A4758 slate ink |
#E2E5DE pale sage |
| Muted text / placeholders |
#7E8872 |
#8F9B7F |
| Side bar |
#F0EEE3 with #54604E text |
#2D343B with #C3CEBD text |
| Panel / terminal |
#F8F2D8 warm cream |
#292F38 |
| Title bar |
#E7E3D5 with #4D5968 text |
#202630 with #CAD2DA text |
| Tab bar / inactive tab |
#ECEFE8 |
#222A2C |
| Active tab indicator |
#B38D9F |
#EBE8BA |
| Activity bar |
#D9E1DC with #5D7288 icons |
#1A2028 with #B8C3D3 icons |
| Status bar |
#4D625F with #F8F2D8 text |
#EEE8BA with #3A4758 text |
| Selection |
#DCE5D0 sage wash |
#4D6047 deep sage |
| Current line |
#FBF2DF |
#343D3F |
| Borders / indent guides |
#D8DFD4 / #E5E7DD |
#414D43 / #404B42 |
| Button |
#CEDABF with #46553E text (hover #BFCEAD) |
#CEDABF with #2D3C27 text (hover #DFE8D2) |
| Badge |
#71869B with #FFFFFF text |
#B8C3D3 with #252A33 text |
| Cursor |
#71869B |
#F8F2D8 |
| Links |
#758C58 |
#CED8C2 |
| Errors / warnings |
#B05E65 / #9C7B42 |
#E3A4AA / #E6CCA0 |
| Git added / modified / deleted |
#5F817D / #A48657 / #B3797E |
#BCD2A8 / #E0C59D / #DDA6AE |
The status bar is the accent band of the theme: a deep slate-green bar in the light variant and a cream band in the dark one, so the window keeps a warm edge at both ends of the day.
浅色版的状态栏是一条深海绿缎带,深色版则换成奶油色的一条——一天的早晚,窗口底边都留着一道暖色。
Brand palette: slate #B8C3D3, sage #CEDABF, pressed-flower pink #E1C1D0, peach #EFD1CD, cream #FDECCE.
品牌色板:灰蓝 #B8C3D3、鼠尾草绿 #CEDABF、干花粉 #E1C1D0、蜜桃 #EFD1CD、奶油 #FDECCE。
Syntax mapping / 语法映射
| Syntax |
Light |
Dark |
| Comments |
#929B87 italic |
#91A087 italic |
| Keywords / storage |
#735B75 |
#EBE8BA pale ochre |
| Strings |
#5F817D teal |
#5F817D teal |
| Regexp |
#89A26A |
#D1DBC5 |
| Escapes |
#9B7954 |
#E8C79B |
| Numbers / constants |
#A07845 amber ink |
#F8F2D8 cream |
| Types / classes / interfaces |
#847296 mauve |
#D4C3DF |
| Functions / methods |
#527B8C |
#B8C3D3 |
| Properties |
#54817B |
#B6D2C7 |
| Variables |
#3A4758 |
#E2E5DE |
| Parameters |
#81785D |
#D4CDB5 |
| Operators |
#78816F |
#BBC6B2 |
| Punctuation |
#91998A |
#9FAE9B |
| Tags |
#735B75 |
#E5AE79 |
| Attributes |
#A07845 |
#F8F2D8 |
| Headings / bold / italic |
#4D5C3A |
#ECF0E6 |
| Invalid |
#B65353 |
#E99B91 |
Code reads as one woven wash: strings and keyword families stay in the teal–ochre weave, while amber numbers, mauve types and cream-lit functions keep your eye anchored while scanning.
代码读起来像一整幅织物:字符串与关键字落在青绿—赭黄的编织里,数字保持琥珀、类型保持藕紫、函数在深色底上点亮成奶油色,扫读时才有落点。
Coverage / 覆盖范围
Every surface below is themed in both variants (144 UI colors each):
- Editor — background, foreground, selection and inactive selection, current-line highlight, word and selection highlights, find match and find highlight, bracket-match background and border, cursor, line numbers (plus the active line number), indent guides, whitespace, ruler, errors, warnings and info.
- Workbench chrome — activity bar, badge and active border, title bar (active and inactive), side bar with section headers and border, status bar (normal, no-folder and debugging states), editor group header and tabs (active, inactive, hover, modified border and active top border).
- Panels and overlays — panel, editor widgets, hover widget, suggest widget, dropdowns, inputs and placeholder text, notifications, quick input, and the focus border.
- Lists — active, inactive and hover selection backgrounds, plus the highlight and focus-highlight colors, and tree indent guides.
- Terminal — background, foreground and the full 16-color ANSI palette, matched to the theme.
- Details — workbench borders, scrollbar sliders, git decoration colors (added / modified / deleted) with their gutter markers, buttons, badges, diff editor backgrounds, and semantic token colors for variable, parameter, property, function, method, type, class and interface.
以下区域在两套变体中均已配色(每套 144 个 UI 颜色):编辑器本体(选区与失焦选区、当前行、词/选区高亮、查找匹配与高亮、括号匹配、光标、行号、标尺、缩进线、空白符、错误/警告/提示);活动栏与角标、标题栏、侧边栏(含分节标题)、状态栏(含无文件夹与调试态)、标签栏;面板与各类浮窗(悬停、建议、通知、快速输入)、下拉与输入框、列表选中/悬停/高亮、树缩进线;终端 ANSI 全色;全部边框与滚动条、Git 装饰色与 gutter 标记、按钮与角标、差异编辑器底色,以及变量/参数/属性/函数/方法/类型/类/接口的语义高亮。完整的颜色清单见 COLOR-SPEC.md。
Features / 功能
Two coordinated variants — Harvest Tapestry Theme Light and Harvest Tapestry Theme Dark ship in one extension.
One tapestry palette — cream paper and warm slate surfaces, sage green, pressed-flower pink and an ochre accent, with a dark slate-green status bar in the light variant and a cream one in the dark variant.
Readable syntax colors — teal strings, pale ochre keywords, amber numbers and mauve types, each checked for contrast on its own background.
Semantic highlighting enabled, so language-aware tokens are colored beyond the classic TextMate scopes.
Terminal ANSI colors taken from the same palette, so the integrated terminal sits inside the theme.
明暗两套协调变体——同一扩展内含 Harvest Tapestry Theme Light 与 Harvest Tapestry Theme Dark。
一套织物色板——奶油纸面与暖灰底,配鼠尾草绿、干花粉与赭黄点缀;浅色版用深海绿状态栏,深色版换成奶油色。
可读的语法配色——青绿字符串、浅赭关键字、琥珀数字与藕紫类型,逐一按各自底色校过对比度。
启用语义高亮,在传统 TextMate scope 之外为语言感知的 token 着色。
终端 ANSI 配色取自同一色板,集成终端与主题融为一体。
Installation / 安装
Requires VS Code 1.80 or newer.
- Search for Harvest Tapestry Theme in the Extensions view (
Ctrl+Shift+X / Cmd+Shift+X), or open the Marketplace page.
- Or install from a VSIX: download
harvest-tapestry-theme-1.0.0.vsix, open the Command Palette (Ctrl+Shift+P / Cmd+Shift+P) and run Extensions: Install from VSIX....
需要 VS Code 1.80 或更高版本。
- 在扩展面板(
Ctrl+Shift+X / Cmd+Shift+X)搜索 Harvest Tapestry Theme,或打开 Marketplace 页面。
- 也可以从 VSIX 安装:下载
harvest-tapestry-theme-1.0.0.vsix,打开命令面板(Ctrl+Shift+P / Cmd+Shift+P),运行 Extensions: Install from VSIX... 并选择该文件。
Or from the command line:
或使用命令行:
ext install lilinhuang.harvest-tapestry-theme
Activation / 启用
Open the Command Palette (Ctrl+Shift+P / Cmd+Shift+P), run Preferences: Color Theme, and choose Harvest Tapestry Theme Light or Harvest Tapestry Theme Dark.
To switch between the two variants quickly, use the keyboard shortcut Ctrl+K Ctrl+T at any time.
打开命令面板(Ctrl+Shift+P / Cmd+Shift+P),运行 Preferences: Color Theme,选择 Harvest Tapestry Theme Light 或 Harvest Tapestry Theme Dark。
随时可用快捷键 Ctrl+K Ctrl+T 在两套变体之间快速切换。
Development / 开发
Open this folder in VS Code and press F5 to launch an Extension Development Host with the theme loaded. Regenerate the real-window preview screenshots with:
在 VS Code 中打开本文件夹并按 F5,在扩展开发宿主中预览主题。重新生成真实窗口预览图:
python3 scripts/capture-real-screenshots.py
The script builds a throwaway VS Code profile, installs this theme into it, opens the sample project under scripts/demo-project and captures the window for both variants into store-assets/screenshots/en/. It also checks the captured title bar against titleBar.activeBackground and grabs the window again if it was caught inactive.
脚本会临时创建一个独立的 VS Code 配置目录,把本主题装进去,打开 scripts/demo-project 示例工程,并把两套变体的窗口截图输出到 store-assets/screenshots/en/;抓图时会比对标题栏与 titleBar.activeBackground,若窗口不是激活态就重新抓取。
Check a build before publishing:
发布前自查:
python3 scripts/validate.py
It refreshes COLOR-SPEC.md from the theme JSON files, verifies that every color value is a valid hex code, checks that the screenshot edges match titleBar.activeBackground, and — when a .vsix is present — verifies the manifest publisher, version and theme entries.
脚本会依据主题 JSON 重新生成 COLOR-SPEC.md,校验所有颜色值均为合法十六进制,检查截图首行/首列与 titleBar.activeBackground 一致,并在存在 .vsix 时校验清单里的发布者、版本与主题条目。
Package the extension with:
打包扩展:
vsce package
License / 许可
Released under the Non-Commercial License — licensed for personal, educational and non-commercial use. See LICENSE for details.
基于 Non-Commercial License(非商业使用许可) 发布,可用于个人、教育及非商业用途,详见 LICENSE。
Feedback / 反馈
Found an unthemed area or want a tweak? Open an issue at github.com/vaxicy/harvest-tapestry-theme/issues.
发现没有配色的区域或想调整某处颜色,欢迎在 GitHub Issues 反馈。
Publisher / 发布者
Published by lilinhuang on the Visual Studio Code Marketplace.
由 lilinhuang 发布于 Visual Studio Code Marketplace。