一款适用于 Visual Studio Code 的深色紫色主题。
预览
主题列表
| 黑色主题 | 彩色主题 |
|---|---|
![]() |
![]() |
![]() |
![]() |
Bobe

Vue

React

安装
- 打开 VS Code 的 扩展 侧边栏(
Cmd+Shift+X) - 搜索
Bobe Fish - 点击 安装
- 打开命令面板(
Cmd+Shift+P),选择 Preferences: Color Theme ->Bobe Fish
也可以直接从 .vsix 文件安装:
code --install-extension bobe-fish-1.0.14.vsix
开发
主题 JSON 文件由 scripts/ 下的文件生成。
- 修改
scripts/theme-palettes.ts,通过中文用途名调整调色板颜色。 - 修改
scripts/bobe-fish-theme.template.json,调整调色板 token 的使用位置。 - 修改
scripts/build-themes.ts,新增、移除或重命名主题变体。 - VS Code 主题选择器会按展示名称排序,所以请让
contributes.themes[].label和生成主题的name保持你想要的命名排序风格。
# 安装依赖
pnpm install
# 安装主题脚本使用的 Bun 运行时
pnpm run setup
# 更新包版本
pnpm run ver
# 打包扩展
pnpm run build
# 发布到 Marketplace
pnpm run pub
许可证
MIT — 详情见 LICENSE。
Bobe 🐟
A Dark purple Theme for Visual Studio Code.
Preview
Theme List
| Black Themes | Colorful Themes |
|---|---|
![]() |
![]() |
![]() |
![]() |
Bobe

Vue

React

Installation
- Open Extensions sidebar in VS Code (
Cmd+Shift+X) - Search for
Bobe Fish - Click Install
- Open the Command Palette (
Cmd+Shift+P) and select Preferences: Color Theme →Bobe Fish
Or install directly from the .vsix file:
code --install-extension bobe-fish-1.0.14.vsix
Development
Theme JSON files are generated from the files in scripts/.
- Edit
scripts/theme-palettes.tsto change palette colors by Chinese usage names. - Edit
scripts/bobe-fish-theme.template.jsonto change where palette tokens are used. - Edit
scripts/build-themes.tsto add, remove, or rename theme variants. - The VS Code theme picker is sorted by the displayed theme name, so keep
contributes.themes[].labeland the generated themenamein the order-friendly naming style you want.
# Install dependencies
pnpm install
# Install Bun runtime used by theme scripts
pnpm run setup
# Update Version
pnpm run ver
# Package the extension
pnpm run build
# Publish to marketplace
pnpm run pub
License
MIT — see LICENSE for details.



