Skip to content

chore(Icon): 品牌图标改用透明底绿色圆环(Emerald)方案并新增 galleryBanner; - #49

Merged
ThreeFish-AI merged 1 commit into
feature/1.x.xfrom
ThreeFish-AI/design-marketplace-icons
Jul 4, 2026
Merged

chore(Icon): 品牌图标改用透明底绿色圆环(Emerald)方案并新增 galleryBanner;#49
ThreeFish-AI merged 1 commit into
feature/1.x.xfrom
ThreeFish-AI/design-marketplace-icons

Conversation

@ThreeFish-AI

Copy link
Copy Markdown
Owner

背景(Why)

项目原品牌图标为「蓝→紫渐变圆角方块 + 白色 git-pull-request 字形」。本次以该 Tabler git-pull-request 字形为基础,探索多组「底色 × 边框」方案(渐变方块 / 深色 / 浅色 / 透明圆环 / 橙色半透明圆盘等),在浏览器画廊中以多尺寸(256 / 48 / 32 / 16)、明暗双底并置对比评估后,选定 V4 · Emerald(透明底 + 绿色圆环) 作为统一品牌图标落地。

变更内容(What)

  • media-src/icon.svg:源图标由「蓝紫渐变方块 + 白字」改为「透明底 + #3FB950 绿色圆环 + git-pull-request 字形」;字形描边加粗(1.7 → 2.1)以在小尺寸保持轮廓清晰;文件注释本地化为中文。
  • media/icon.png:由源 SVG 重新栅格化为 256×256 带 alpha 的透明 PNG(66.5 KB → 14.6 KB)。
  • package.json:新增 galleryBannercolor: #0E2A1Ctheme: dark),使 VS Code Marketplace 详情页页头与绿色图标协调。

实现细节(How)

  • 圆环 cx/cy=128, r=116, stroke-width=9,字形沿用 translate(26 26) scale(8.5),二者保留约 15px 安全间距,避免小尺寸粘连。
  • PNG 采用无头 Chromium(Playwright)canvas 渲染产出,规避新增常驻 npm 依赖;sips 校验为 256×256 / RGBA / hasAlpha: yes
  • 活动栏单色图标 media/hyper-git-icon.svg 未改(VS Code 以 currentColor 重着色,与底色/边框无关),其字形与新图标一致。
  • README.md 引用 media/icon.png,替换后自动生效。

验证(Verify)

  • media/icon.png:256×256 / RGBA / 透明 ✓
  • package.json:JSON 合法、galleryBanner 结构符合 VS Code 规范 ✓
  • 本次未改动编译源码,node_modules 未安装,故未运行完整 pnpm compile;已用 Node 直接校验 package.json JSON 合法性。

说明:Marketplace 图标为透明底圆环,卡片背景会透出圆环内部(透明底的预期表现,明暗主题均已预览确认)。

…anner 深绿页头配色;

- media-src/icon.svg: 源图标改为透明底 + #3FB950 圆环 + git-pull-request 字形(加粗保清晰)
- media/icon.png: 无头 Chromium 重新栅格化为 256×256 带 alpha 的透明 PNG
- package.json: 新增 galleryBanner (color #0E2A1C, theme dark) 使 Marketplace 页头与图标协调
- 活动栏单色图标(media/hyper-git-icon.svg)不变,字形一致

🤖 Generated with [Claude Code](https://github.com/claude), [CodeX](https://openai.com), [Gemini](https://github.com/apps/gemini-code-assist)
Co-Authored-By: Aurelius Huang<threefish.ai@gmail.com>
@ThreeFish-AI
ThreeFish-AI merged commit 848e476 into feature/1.x.x Jul 4, 2026
5 checks passed
ThreeFish-AI added a commit that referenced this pull request Jul 4, 2026
- package.json:版本号 0.0.9-rc.2 → 0.0.9
- CHANGELOG.md:将 [0.0.9-rc.2] / [0.0.9-rc.1] 两段合并为单个综合条目 [0.0.9],
  并回填自上一正式版 0.0.6 以来从未记录的变更(#40-#45 的 CI 状态/远程分支删除/
  清理已删远程分支/UI-UX 全局系统化 #43/Log All 修复 #45,及 #49 Emerald 图标);
  底部引用链接同步更新(移除 rc 链接,新增 [0.0.9])
- docs/releases/v0.0.9.md:新建正式版发布说明,以 rc.1 结构为蓝本扩写为面向公开用户的
  全量叙述,移除 Release Candidate 措辞,规模实证更新为 6 视图 / 97 命令 / 6 配置 / 324 单测
- docs/releases/{v0.0.9-rc.1,v0.0.9-rc.2}.md:删除 rc 发布说明(已发布 pre-release 正文已固化,删源无影响)
- docs/releases/README.md、docs/.agents/knowledge-map.md:索引与知识地图收敛至 v0.0.9 单行

🤖 Generated with [Claude Code](https://github.com/claude), [CodeX](https://openai.com), [Gemini](https://github.com/apps/gemini-code-assist)
@ThreeFish-AI
ThreeFish-AI deleted the ThreeFish-AI/design-marketplace-icons branch July 4, 2026 04:03
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant