Coral Dusk Theme
A sunset-inspired editor theme built around coral, dusty rose, muted purple and steel blue. The light variant is a warm coral dusk over pale lilac, the dark variant a blue-purple twilight — both share one palette, so the workspace keeps its identity when you switch.
以珊瑚、豆沙玫瑰、柔紫与钢蓝为核心的一套黄昏感主题:浅色如落日珊瑚映着淡紫暮光,深色如蓝紫交界的暮色;两套变体共享同一色板,明暗切换时风格保持一致。
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 |
#F5F3F6 pale lilac |
#1D2936 dusk navy |
| Foreground |
#344354 slate blue-grey |
#E5E4EB twilight white |
| Accent (cursor / focus / keyword) |
#F67280 coral / #A84F69 deep coral |
#F67280 coral |
| Selection |
#EACCD5 rose mist |
#634354 dusky plum |
| Current line |
#EDE9EF |
#253443 |
| Side bar / panels |
#E7E1EB |
#342E40 |
| Title bar |
#E7E1EB |
#293B4D |
| Status bar |
#6C5B7B with white text |
#6C5B7B with white text |
| Activity bar |
#355C7D with #F5F3F6 icons |
#29465F with #F5F3F6 icons |
| Tabs (bar / inactive tab) |
#DEE7EE |
#293B4D |
| Borders / indent guides |
#CFCCD8 |
#4B4B61 |
| Button |
#A84F69 with white text |
#F67280 with #1D2936 text |
| Badge |
#1D2936 on #F67280 |
#1D2936 on #F67280 |
Both variants are built from the same roles, so switching between them changes the light level rather than the identity.
两套变体的角色色一一对应,切换时改变的是明暗而非风格。
Syntax mapping / 语法映射
| Syntax |
Light |
Dark |
| Comments |
#74808D |
#8E9BA9 |
| Keywords / storage / tags |
#A84F69 deep coral |
#F67280 coral |
| Strings |
#39736C jade |
#A4C7BB sea glass |
| Numbers / constants |
#886436 amber |
#D9B78D sand |
| Types / classes |
#6C5B7B muted purple |
#C3ACD2 lilac |
| Functions / methods |
#355C7D steel blue |
#94BDD9 dusk blue |
| Attributes |
#886436 |
#EAC18C |
| Variables |
#344354 |
#E5E4EB |
| Headings / invalid |
#A84F69 / #AB4858 |
#F67280 / #E69DA8 |
Coverage / 覆盖范围
Every surface below is themed in both variants:
- Editor — background, foreground, selection and inactive selection, current-line highlight, find matches and highlights, bracket-match color and border, cursor, line numbers (plus the active line number), indent guides, whitespace, errors, warnings and info.
- Workbench chrome — activity bar, title bar (active and inactive), side bar, status bar (including the no-folder and debugging states), editor group header and tabs.
- 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, breadcrumbs, minimap, debug toolbar and the settings UI are intentionally left to VS Code's defaults.
以下区域在两套变体中均已配色:编辑器本体(选区、当前行、查找匹配、括号匹配、光标、行号、缩进线、空白符、错误/警告/提示)、活动栏与标题栏、侧边栏、状态栏(含无文件夹与调试态)、标签栏,以及面板与各类浮窗(悬停、建议、通知、快速输入)、下拉与输入框、列表选中/悬停、全部边框与滚动条、Git 装饰色、终端 ANSI 全色,以及函数/方法/类/类型/字符串/数字/关键字/注释的语义高亮。差异编辑器、面包屑、缩略图、调试工具栏与设置界面保留 VS Code 默认样式。
Features / 功能
Two coordinated variants — Coral Dusk Theme Light and Coral Dusk Theme Dark ship in one extension.
One sunset palette — coral, dusty rose, muted purple and steel blue run through the editor, side bar, activity bar, status bar and terminal.
Readable syntax colors — deep coral keywords, jade strings, amber numbers and muted purple 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.
明暗两套协调变体——同一扩展内含 Coral Dusk Theme Light 与 Coral Dusk Theme Dark。
一套黄昏色板——珊瑚、豆沙玫瑰、柔紫与钢蓝贯穿编辑器、侧边栏、活动栏、状态栏与终端。
可读的语法配色——深珊瑚关键字、青玉字符串、琥珀数字、柔紫类型,在明暗底色上均保持对比。
启用语义高亮,在传统 TextMate scope 之外为语言感知的 token 着色。
终端 ANSI 配色取自同一色板,集成终端与主题融为一体。
Installation / 安装
Requires VS Code 1.80 or newer.
- Search for Coral Dusk Theme in the Extensions view (
Ctrl+Shift+X / Cmd+Shift+X), or open the Marketplace page.
- Or install from a VSIX: download
coral-dusk-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)搜索 Coral Dusk Theme,或打开 Marketplace 页面。
- 也可以从 VSIX 安装:下载
coral-dusk-theme-1.0.0.vsix,打开命令面板(Ctrl+Shift+P / Cmd+Shift+P),运行 Extensions: Install from VSIX... 并选择该文件。
Or from the command line:
或使用命令行:
ext install lilinhuang.coral-dusk-theme
Activation / 启用
Open the Command Palette (Ctrl+Shift+P / Cmd+Shift+P), run Preferences: Color Theme, and choose Coral Dusk Theme Light or Coral Dusk 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,选择 Coral Dusk Theme Light 或 Coral Dusk 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
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/coral-dusk-theme/issues.
发现没有配色的区域或想调整某处颜色,欢迎在 GitHub Issues 反馈。
Publisher / 发布者
Published by lilinhuang on the Visual Studio Code Marketplace.