Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Bobe FishNew to Visual Studio Code? Get it now.
Bobe Fish

Bobe Fish

smooth-cat

|
18 installs
| (1) | Free
A Dark purple Theme for Visual Studio Code
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

中文  English

波 比 🐟

一款适用于 Visual Studio Code 的深色紫色主题。

Version License VS Code


预览

主题列表

黑色主题 彩色主题
Bobe Fish Black Bobe Fish Purple
Bobe Fish Black High Contrast Bobe Fish Blue

Bobe

Vue

React

安装

  1. 打开 VS Code 的 扩展 侧边栏(Cmd+Shift+X)
  2. 搜索 Bobe Fish
  3. 点击 安装
  4. 打开命令面板(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。


中文  English

Bobe 🐟

A Dark purple Theme for Visual Studio Code.

Version License VS Code


Preview

Theme List

Black Themes Colorful Themes
Bobe Fish Black Bobe Fish Purple
Bobe Fish Black High Contrast Bobe Fish Blue

Bobe

Vue

React

Installation

  1. Open Extensions sidebar in VS Code (Cmd+Shift+X)
  2. Search for Bobe Fish
  3. Click Install
  4. 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.ts to change palette colors by Chinese usage names.
  • Edit scripts/bobe-fish-theme.template.json to change where palette tokens are used.
  • Edit scripts/build-themes.ts to add, remove, or rename theme variants.
  • The VS Code theme picker is sorted by the displayed theme name, so keep contributes.themes[].label and the generated theme name in 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.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft