Moss Lantern Theme
A calm woodland theme where moss green and a warm lantern glow sit on blue-gray surfaces. Two coordinated variants share one palette, so the workspace keeps the same quiet dusk character in light and dark mode.
一套以苔藓绿与暖灯火为点缀、蓝灰为底色的林间主题:明暗两套变体共享同一色板,切换时保持同样安静、低噪的黄昏气质。
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 |
#F6F4E9 cream linen |
#313647 blue gray |
| Foreground |
#313647 blue gray |
#EEEBD9 pale cream |
| Side bar / panel / widgets |
#E3E7D8 sage mist |
#435663 steel gray blue |
| Title bar |
#E3E7D8 |
#394553 |
| Tab bar / inactive tab |
#DFE5E7 |
#394553 |
| Selection |
#D4DEC4 moss haze |
#53624F forest shadow |
| Current line |
#ECEDE2 |
#37404B |
| Borders / indent guides |
#CFD5CA |
#5A6870 |
| Activity bar |
#435663 with lantern-cream icons |
#354651 with lantern-cream icons |
| Status bar |
#A3B087 moss with #313647 text |
#58664C deep moss with #FFF8D4 text |
| Button |
#596B46 white text (hover #4C5D3C) |
#A3B087 with #313647 text (hover #BAC69F) |
| Badge |
#FFF8D4 on #313647 |
#FFF8D4 on #313647 |
| Cursor |
#596B46 |
#FFF8D4 |
| Progress bar |
#A3B087 |
#A3B087 |
| Links |
#3C687D (active #435663) |
#A6C6D5 (active #B8C69C) |
| Errors / warnings |
#AB4858 / #886B34 |
#E69DA8 / #EAC18C |
Both variants are built from the same roles, so switching between them changes the light level rather than the identity: moss #A3B087, olive #596B46, lantern cream #FFF8D4, blue gray #313647 and steel gray blue #435663 carry the whole theme in both modes.
两套变体的角色色一一对应,切换时改变的是明暗而非风格:苔藓绿 #A3B087、橄榄绿 #596B46、灯火奶油 #FFF8D4、蓝灰 #313647 与青灰蓝 #435663 在明暗两版中承担全部配色。
Syntax mapping / 语法映射
| Syntax |
Light |
Dark |
| Comments |
#75806F |
#9BA896 |
| Keywords / storage |
#596B46 olive |
#B8C69C moss |
| Strings |
#49746A pine |
#AFCEC1 sage mint |
| Numbers / constants |
#886B34 amber |
#FFF8D4 lantern cream |
| Types / classes |
#756583 heather |
#C3B6D1 lilac |
| Functions / methods |
#3C687D slate blue |
#A6C6D5 ice blue |
| Tags / headings |
#435663 steel blue |
#B8C69C moss |
| Attributes |
#886B34 |
#EAC18C |
| Variables |
#313647 |
#EEEBD9 |
| Invalid |
#AB4858 |
#E69DA8 |
Keywords stay moss, strings stay green and numbers glow lantern-cream, so a file still reads as "moss lantern" after switching variants.
关键字始终保持苔藓绿、字符串保持绿色、数字保持灯火奶油色,切换变体后整个文件依然是同一份「苔藓灯火」气质。
Coverage / 覆盖范围
Every surface below is themed in both variants:
- Editor — background, foreground, selection and inactive selection, current-line highlight, find match and find highlight, bracket-match background and border, cursor, line numbers (plus the active line number), indent guides, whitespace, errors, warnings and info.
- Workbench chrome — activity bar and its badge, title bar (active and inactive), side bar and its border, status bar (normal, no-folder and debugging states), editor group header and tabs (active, inactive, 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 color.
- 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), buttons and badges, and semantic token colors for function, method, class, type, string, number, keyword and comment.
Diff editor, peek view, breadcrumbs, minimap, debug toolbar and the settings UI are intentionally left to VS Code's defaults.
以下区域在两套变体中均已配色:编辑器本体(选区、当前行、查找匹配、括号匹配、光标、行号、缩进线、空白符、错误/警告/提示)、活动栏与角标、标题栏、侧边栏、状态栏(含无文件夹与调试态)、标签栏,以及面板与各类浮窗(悬停、建议、通知、快速输入)、下拉与输入框、列表选中/悬停、全部边框与滚动条、Git 装饰色、终端 ANSI 全色,以及函数/方法/类/类型/字符串/数字/关键字/注释的语义高亮。差异编辑器、peek 视图、面包屑、缩略图、调试工具栏与设置界面保留 VS Code 默认样式。
Features / 功能
Two coordinated variants — Moss Lantern Theme Light and Moss Lantern Theme Dark ship in one extension.
One moss-and-lantern palette — blue-gray woodland surfaces with moss and olive accents, and lantern-cream highlights on tabs, badges and the cursor.
Readable syntax colors — olive keywords, pine strings, amber numbers and heather types, tuned for contrast on both backgrounds.
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.
明暗两套协调变体——同一扩展内含 Moss Lantern Theme Light 与 Moss Lantern Theme Dark。
一套苔藓灯火色板——蓝灰林地面搭配苔藓绿与橄榄绿点缀,灯火奶油色落在标签、角标与光标上。
可读的语法配色——橄榄绿关键字、松绿字符串、琥珀数字、石楠紫类型,在明暗底色上均保持对比。
启用语义高亮,在传统 TextMate scope 之外为语言感知的 token 着色。
终端 ANSI 配色取自同一色板,集成终端与主题融为一体。
Installation / 安装
Requires VS Code 1.80 or newer.
- Search for Moss Lantern Theme in the Extensions view (
Ctrl+Shift+X / Cmd+Shift+X), or open the Marketplace page.
- Or install from a VSIX: download
moss-lantern-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)搜索 Moss Lantern Theme,或打开 Marketplace 页面。
- 也可以从 VSIX 安装:下载
moss-lantern-theme-1.0.0.vsix,打开命令面板(Ctrl+Shift+P / Cmd+Shift+P),运行 Extensions: Install from VSIX... 并选择该文件。
Or from the command line:
或使用命令行:
ext install lilinhuang.moss-lantern-theme
Activation / 启用
Open the Command Palette (Ctrl+Shift+P / Cmd+Shift+P), run Preferences: Color Theme, and choose Moss Lantern Theme Light or Moss Lantern 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,选择 Moss Lantern Theme Light 或 Moss Lantern 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/.
脚本会临时创建一个独立的 VS Code 配置目录,把本主题装进去,打开 scripts/demo-project 示例工程,并把两套变体的窗口截图输出到 store-assets/screenshots/en/。
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/moss-lantern-theme/issues.
发现没有配色的区域或想调整某处颜色,欢迎在 GitHub Issues 反馈。
Publisher / 发布者
Published by lilinhuang on the Visual Studio Code Marketplace.