Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Pumpkin Hearth ThemeNew to Visual Studio Code? Get it now.
Pumpkin Hearth Theme

Pumpkin Hearth Theme

lilin

|
2 installs
| (0) | Free
Warm pumpkin, coffee, cream and wood tones in coordinated light and dark themes.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Pumpkin Hearth Theme logo

Pumpkin Hearth Theme

VS Code Theme version 1.0.0 Light and Dark variants License: Non-Commercial

A warm autumn desk for VS Code: cream paper, coffee ink, pumpkin orange and a thread of wood brown. The light variant feels like a kitchen table at noon, the dark one like the same table by the fireplace — both cut from one palette, so switching changes the light, not the mood.

把一张秋天的书桌搬进 VS Code:奶油纸面、咖啡色字迹、南瓜橙,再配一缕木头棕。浅色像正午的厨房餐桌,深色像壁炉边的同一张桌子——两套共用一套色板,切换时变的是光线,不是气氛。

Preview / 预览

Light 浅色 Dark 深色
Pumpkin Hearth Theme Light Pumpkin Hearth Theme Dark

Both previews come from a real VS Code window running the theme — no mockups.

两张预览图都取自真实运行该主题的 VS Code 窗口,不是模拟图。

Palette / 色板

Role Light Dark
Editor background #FFF7E6 cream #2A1A14 espresso
Text #4A2A1A coffee #FFF0D1 warm milk
Muted text / placeholders #8B6A4A #C99A68
Side bar #F8EBD5 with #6A3B22 #342018 with #EBC99B
Activity bar #F2B562 with #6B3419 icons #3B2117 with #F0C58A icons
Title bar #F4D7A1 with #4A2A1A #321D15 with #E8C9A3
Status bar #8F3F1F with #FFF2CC #D96A2A with #2B1408
Tab bar / inactive tab #F7E8D2 #2C1A14
Active tab indicator #E07A2E #F0C58A
Selection #F7C873 #6B3F22
Current line #FCF0D8 #35211A
Borders / indent guides #EBD3AE / #EDDDBE #5A3322 / #4A2F21
Panels, widgets, inputs #FFFCF2 / #FFF2CC #35221A / #301D15
Button #F6C453 with #4A2A1A (hover #EFB53F) #F6C453 with #2D1B10 (hover #FFD27A)
Badge #A24A18 with #FFFFFF #F0C58A with #2A1A14
Cursor #B84E16 #FFF2CC
Links #A34E14 #F2B473
Errors / warnings / info #A8323C / #8A5A12 / #2E6172 #E3A4AA / #E6CCA0 / #F0C58A
Git added / modified / deleted #3F6B45 / #9A6516 / #A53840 #BCD2A8 / #E0C59D / #DDA6AE

The status bar is the ember line of the theme: deep burnt orange in the light variant, bright pumpkin in the dark one.

状态栏是整套配色里的那条余烬:浅色版压成深赭橙,深色版点亮成南瓜橙。

Brand colors: pumpkin #E07A2E, ember #C05A24, cream #FFF7E6, coffee #4A2A1A, wood #8A5A12.

品牌色:南瓜橙 #E07A2E、余烬红 #C05A24、奶油 #FFF7E6、咖啡 #4A2A1A、木头棕 #8A5A12。

Syntax mapping / 语法映射

Syntax Light Dark
Comments #8A7355 italic #A89073 italic
Keywords / storage #A0431B rust #F2A65A pumpkin
Strings / regexp #4F6B34 olive #B7C98D pale olive
Escapes #A2582A #F4B66B
Numbers / constants #8A5A12 wood #FFE0A3
Types / classes / interfaces #7C4A70 plum #D4C3DF lilac
Functions / methods #2C6A78 teal #F5C98E
Properties #2F6A62 #E8A15C
Variables #4A2A1A #FFF0D1
Parameters #7A6242 #D8A66C
Operators #6F5A38 #D9B383
Punctuation #806A4C #B88C67
Tags #A0431B #F08A3C
Attributes #8A5A12 #FFE0A3
Headings / bold / italic #6B3F1A #FFF0D1
Invalid #B03038 #E06A3D

Code reads as one warm wash: rust keywords and olive strings sit close to the paper, while teal functions, plum types and wood-brown numbers give the eye something to land on.

代码读起来是一整片暖色:赭红关键字和橄榄绿字符串贴着纸面,青绿函数、藕紫类型和木头棕数字负责给视线落脚点。

Contrast / 对比度

Every text color is checked against the surface it actually sits on — editor text, side bar, title bar, status bar, tabs, lists, buttons, badges, links, Git decorations, the 16 ANSI colors and all syntax tokens.

所有文字色都按它实际所落的底色算过一遍对比度:编辑器、侧边栏、标题栏、状态栏、标签页、列表、按钮、角标、链接、Git 装饰色、16 色终端与全部语法 token。

  • Body and editor text: ≥ 7:1
  • Syntax colors and UI labels: ≥ 4.5:1
  • Comments and inactive labels: ≥ 3.5:1
  • Cursor, line numbers and decorative marks: ≥ 3:1 where they must be seen

Run python3 scripts/check-contrast.py to see the full table.

Features / 功能

  • Two coordinated variants — Pumpkin Hearth Theme Light and Pumpkin Hearth Theme Dark in one extension.

  • One warm palette — cream paper, pumpkin and burnt orange, coffee ink and wood brown; the dark variant keeps the same hue family on espresso.

  • Readable syntax colors — olive strings, rust keywords, wood numbers and plum types, each tuned against its own background.

  • Semantic highlighting enabled, so language-aware tokens are colored beyond the classic TextMate scopes.

  • Full terminal palette — background, foreground and all 16 ANSI colors taken from the same palette.

  • Complete workbench coverage — activity bar, side bar, tabs, panels, widgets, inputs, lists, diff editor, Git decorations and 144 UI colors per variant.

  • 明暗两套协调变体——同一个扩展内含 Pumpkin Hearth Theme Light 与 Pumpkin Hearth Theme Dark。

  • 一套暖色板——奶油纸面、南瓜橙与深赭橙、咖啡字迹、木头棕;深色版把同一组色相放到浓缩咖啡底上。

  • 可读的语法配色——橄榄绿字符串、赭红关键字、木头棕数字、藕紫类型,逐一按各自底色调过。

  • 启用语义高亮,在传统 TextMate scope 之外为语言感知的 token 着色。

  • 完整终端配色——背景、前景和 16 色 ANSI 全部取自同一套色板。

  • 工作台全覆盖——活动栏、侧边栏、标签页、面板、浮窗、输入框、列表、差异编辑器、Git 装饰色,每套 144 个 UI 颜色。

Installation / 安装

Requires VS Code 1.80 or newer.

  1. Search for Pumpkin Hearth Theme in the Extensions view (Ctrl+Shift+X / Cmd+Shift+X), or open the Marketplace page.
  2. Or install from a VSIX: download pumpkin-hearth-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 或更高版本。

  1. 在扩展面板(Ctrl+Shift+X / Cmd+Shift+X)搜索 Pumpkin Hearth Theme,或打开 Marketplace 页面。
  2. 也可以从 VSIX 安装:下载 pumpkin-hearth-theme-1.0.0.vsix,打开命令面板(Ctrl+Shift+P / Cmd+Shift+P),运行 Extensions: Install from VSIX... 并选择该文件。

Or from the command line:

或使用命令行:

ext install lilinhuang.pumpkin-hearth-theme

Activation / 启用

Open the Command Palette (Ctrl+Shift+P / Cmd+Shift+P), run Preferences: Color Theme, and choose Pumpkin Hearth Theme Light or Pumpkin Hearth Theme Dark. Ctrl+K Ctrl+T switches between the two variants at any time.

打开命令面板(Ctrl+Shift+P / Cmd+Shift+P),运行 Preferences: Color Theme,选择 Pumpkin Hearth Theme Light 或 Pumpkin Hearth 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.

在 VS Code 中打开本文件夹并按 F5,在扩展开发宿主里预览主题。

Regenerate the real-window screenshots:

重新生成真实窗口截图:

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 both variants into store-assets/screenshots/en/. It 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 contrast and refresh COLOR-SPEC.md:

检查对比度并刷新 COLOR-SPEC.md:

python3 scripts/check-contrast.py
python3 scripts/validate.py

check-contrast.py computes WCAG contrast for every text/surface pair and lists anything below its threshold. validate.py rebuilds COLOR-SPEC.md from the theme JSON files, verifies every color value is a valid hex code, checks the screenshot edges against titleBar.activeBackground, and — when a .vsix is present — verifies the manifest publisher, version and theme entries.

check-contrast.py 会算出每组文字/底色的 WCAG 对比度,低于阈值的直接列出来。validate.py 依据主题 JSON 重建 COLOR-SPEC.md,校验所有颜色都是合法十六进制,检查截图边缘与 titleBar.activeBackground 一致,并在存在 .vsix 时校验清单里的发布者、版本与主题条目。

Package the extension:

打包扩展:

vsce package

On Windows, use py -3 instead of python3 if python3 is not on PATH.

Windows 上如果 PATH 里没有 python3,把命令换成 py -3。

License / 许可

Released under the Non-Commercial License — free 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/pumpkin-hearth-theme/issues.

发现没配色的地方或想调整某处颜色,欢迎在 GitHub Issues 反馈。

Publisher / 发布者

Published by lilinhuang on the Visual Studio Marketplace.

由 lilinhuang 发布于 Visual Studio Marketplace。

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
  • Your Privacy Choices
  • Consumer Health Privacy
© 2026 Microsoft