Skip to content

feat(Icon): 统一 Hyper Git 品牌图标为 Git Pull Request 造型; - #33

Merged
ThreeFish-AI merged 3 commits into
feature/1.x.xfrom
ThreeFish-AI/hyper-git-icon-design
Jun 29, 2026
Merged

feat(Icon): 统一 Hyper Git 品牌图标为 Git Pull Request 造型;#33
ThreeFish-AI merged 3 commits into
feature/1.x.xfrom
ThreeFish-AI/hyper-git-icon-design

Conversation

@ThreeFish-AI

@ThreeFish-AI ThreeFish-AI commented Jun 29, 2026

Copy link
Copy Markdown
Owner

概述

将 Hyper Git 的品牌视觉体系统一为「Git Pull Request」造型:从原本抽象的分支线条图标,替换为辨识度更高的 Git Pull Request 图形,并让 活动栏图标Marketplace 市场徽标README 头图 三处视觉表达保持一致。字形改编自 Tabler Icons(MIT 协议)。

变更内容

  • 活动栏图标media/hyper-git-icon.svg):改用 Git Pull Request 字形,沿用 currentColor 单色描边 + 24×24 viewBox,通过 VS Code 的 alpha mask 机制随主题色着色,亮/暗主题下均能正确呈现。
  • Marketplace 市场徽标media/icon.png):基于新字形重新栅格化为 256×256 RGBA(蓝→紫渐变圆角背景 + 白色字形),满足并优于 Marketplace 推荐尺寸(128×128);设计源沉淀至 media-src/icon.svg
  • README 头部README.md):重构为居中布局——徽标 + 标题 + 一句话定位 + License 徽章;License 徽章链接采用绝对 URL,确保在 Marketplace 上可正常跳转。

实现要点

  • 活动栏图标保留 stroke="currentColor"fill="none",几何完全落在 24×24 viewBox 内(bbox x:[3,21] y:[2,21]),无裁切;描边/填充属性从逐路径声明收敛至根 <svg>,与旧版渲染等价、无回归。
  • 遵循项目「单一事实源(SSOT)」原则:活动栏 SVG 原样发布、本身即为可编辑源,故不再保留 media-src/ 下的冗余镜像,仅 media-src/icon.svg(→ media/icon.png)作为需栅格化的市场徽标设计源。
  • media-src/** 已在 .vscodeignore 中排除,不进入打包产物;实际随扩展分发的资产为 media/icon.pngmedia/hyper-git-icon.svg
  • 图形来源遵循 Tabler Icons(MIT)协议,已在各 SVG 文件注释中标注出处。
  • 本次变更已记入 CHANGELOG.md[Unreleased] → ### Changed

以单一核心图形(分支 + 合并箭头,精炼自 Tabler Icons MIT 造型)统一各处图标露出,替换原先无 Git 语义的纯蓝圆点,使侧边栏与 marketplace 视觉一致、专业:
- 侧边栏 activity bar:media/hyper-git-icon.svg 改为该图形的单色 currentColor 版本(由 VS Code 按主题以 alpha 蒙版着色,深/浅色与 active/inactive 均清晰);
- marketplace:media/icon.png 重生成为 256×256 蓝紫渐变圆角底板 + 白色图形(RGBA,Retina 清晰);
- README 顶部新增居中品牌 Logo 头图,统一对外形象;
- 设计源沉淀至 media-src/(已被 .vscodeignore 排除,不进 VSIX)。
未改动 package.json(图标路径 media/icon.png 与 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 changed the title 统一 Hyper Git 品牌图标设计 feat(Icon): 统一 Hyper Git 品牌图标为 Git Pull Request 造型; Jun 29, 2026
- README:License 徽章改用绝对 URL,避免 Marketplace 上相对 <a href> 链接 404(vsce 不重写 HTML <a href>)
- CHANGELOG:在 [Unreleased] 下补充 ### Changed 条目,记录品牌图标统一
- 移除 media-src/hyper-git-icon.svg 冗余镜像,以 shipped media/hyper-git-icon.svg 作为单一事实源(消除 Split-Brain 风险)

🤖 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>
同步 #31(Branches 视图多选 + 批量删除/复制/收藏)与 #32(门控 Marketplace 自动发布以消除 deployments 报错);解决 CHANGELOG.md [Unreleased] 区段冲突——按 Keep a Changelog 顺序保留双条目(### Added → ### Changed)。

🤖 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 34eee2e into feature/1.x.x Jun 29, 2026
5 checks passed
@ThreeFish-AI
ThreeFish-AI deleted the ThreeFish-AI/hyper-git-icon-design branch June 30, 2026 07:34
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