🧈 小黄油 Little Butter
一款可可爱爱的浅色 VS Code 主题:奶油黄底 + 糖果色语法 + 腮红粉点缀。软萌不刺眼,长时间编码舒适护眼、代码层次清晰。含两款配色:Little Butter(标准)与 Little Butter Flat(扁平一体,整窗共用同一奶油底、无分隔边框)。
✨ 设计理念-萌萌的type
- 奶油黄做底,可可棕落墨:背景柔和奶油黄 (#FCF4E2),正文用温暖可可棕 (#5A4636),从两端降低眩光与疲劳。
- 糖果色区分语义:每类语法一个可辨识的「深糖果」色,可爱又看得清(活跃语法色对比度 ≥4.0:1)。
- 配色取自主题图标:奶油黄油 + 腮红粉 + 可可棕三组核心色贯穿全局,图标与主题是同一套语言。
- 交互走糖果粉:粉色光标、粉色选区/查找、粉色焦点框;按钮/徽章用更深的草莓粉配白字。
🎨 语法配色一览
| 类别 |
颜色 |
| 字符串 String |
薄荷绿 #23824F |
| 关键字 Keyword |
草莓粉 #C93A72 |
| 函数 Function |
蜂蜜金 #947014 |
| 类型 / 类 Type |
葡萄紫 #8344C2 |
| 数字 Number |
蜜桃橙 #B5551E |
| 属性 Property |
天空蓝 #2A78B5 |
| 标签 Tag |
珊瑚红 #C84B34 |
| 注释 Comment |
暖灰斜体 #94807B |
🔧 完整界面优化
- ✅ 430+ 项界面着色,整体协调统一
- ✅ 当前行奶油黄微光、活动栏黄油色、悬停腮红粉,呼应图标
- ✅ Git 装饰、minimap、peek view、括号配对彩虹、合并冲突等全覆盖
- ✅ 集成终端 16 色 ANSI 与编辑器语法同源,工作区浑然一体
- ✅ 启用语义高亮 (semanticHighlighting),类型 / 参数 / 只读变量更精准
🗂️ 配套文件图标主题
内置两套文件图标主题,按文件家族用糖果色编码,配奶油黄油色文件夹,覆盖 139 种扩展名 + 61 个特殊文件名:
- 小黄油 Little Butter Icons:可爱圆角色块 + 简短标签
- 小黄油 Little Butter Icons (简约):去掉色块背景,只留家族色字形 + 扁平文件夹 + 细线文件
启用:Cmd/Ctrl+K → Cmd/Ctrl+T,在 File Icon Theme 里选其一。
🚀 安装与使用
方法一:VS Code 扩展市场
- 按
Cmd/Ctrl+Shift+X 打开扩展面板
- 搜索 小黄油 或 Little Butter 并安装
方法二:命令行安装
code --install-extension lggbond-theme
启用主题
Cmd/Ctrl+K → Cmd/Ctrl+T 打开主题选择器,选择 Little Butter (小黄油)。
| |