Skip to content

feat(ui): v1.6.0 界面全面重构——黑白灰设计系统 - #7

Open
DohhhDo wants to merge 2 commits into
pjpv:mainfrom
DohhhDo:main
Open

DohhhDo wants to merge 2 commits into
pjpv:mainfrom
DohhhDo:main

Conversation

@DohhhDo

@DohhhDo DohhhDo commented Sep 5, 2026

Copy link
Copy Markdown

概要

对 GUI 做了一次完整的视觉重构:从"琥珀黄点缀"风格切换为黑白灰 + 单强调色的克制设计语言,功能与命令行为零改动。

主要变化

设计系统(src/styles.css 全量重写)

  • 中性灰基底(#101012)+ 白色强调色;警示橙 / 危险红独立语义;无渐变、无光晕、无毛玻璃
  • 层级靠字号/字重/灰度表达;数字、时间、路径一律等宽字体右对齐

进度条

  • 重做为 14px 高的圆角矩形:左侧百分比胶囊 + 右侧轨道无缝拼成一体,内部细斜纹纹理
  • 填充色压暗;额度 ≥70% 变橙、≥90% 变红(仅条体变色,胶囊数字恒为中性灰)
  • 右侧重置时间 / token 数统一右对齐

顶栏

  • 左上角:Lucide 机器人图标 + ZCode 运行状态(右上角留给系统窗口控制)
  • 状态右侧新增"已登录 N 个账号"(替代原 ACCOUNTS 分区标题)

账号行

  • 套餐徽章(Max/Pro/体验)归位到账号名右侧;第二行只放有效期与身份信息
  • 激活账号操作区显示「已选」(与「切换」同形按钮、置灰),不再使用散文字标签

品牌与资源

  • 新应用图标(黑色 Z,logo-src.png);make_icon.py 重写为纯标准库实现(PNG 解码 + 圆角裁切),同时输出 UI 用的 public/logo.png
  • 启动画面改用轻量内联资源(index.html 从 44KB 减到 ~13KB)

其他

  • 设置窗分组卡片化;分区标签不再使用"英文 · 中文"拼接,中英文界面各自纯净
  • 新增浏览器预览环境(preview.html / preview-settings.html + src/preview-mock.js,不参与打包)
  • 版本号升至 1.6.0(package.json / tauri.conf.json / Cargo.toml / lock)

校验

  • node scripts/check-i18n-keys.mjs 通过(zh/en 各 174 key)
  • npx vite build 通过;主窗 / 设置页 / 各弹窗在浏览器截图逐项核对
  • 已 rebase 到 a3a5b7e(v1.5.3),与 OAuth / weekend 领取修复无冲突

打包说明

合并后打 v1.6.0 tag 即触发 release.yml 三平台构建(NSIS / dmg / deb+AppImage)。

- 全新样式系统:中性灰基底 + 白色强调,橙/红语义色独立;去除渐变/光晕/毛玻璃
- 进度条重做:百分比胶囊 + 轨道组合为等高圆角矩形,内部斜纹纹理,右列时间右对齐
- 顶栏:左上角机器人图标 + 运行状态,右侧"已登录 N 个账号";去除页面内品牌位
- 账号行:套餐徽章归位名字右侧,"已选"与"切换"同形按钮,信息行仅留有效期与身份
- 设置窗分组卡片化,标签中英文各自纯净(不再"英文 · 中文"拼接)
- 新品牌图标(黑色 Z),make_icon.py 重写为纯标准库圆角裁切并输出 UI 用 logo
- 新增浏览器预览环境(preview.html + IPC mock),启动画面改内联 SVG/轻量资源
@Tairraos

Tairraos commented Sep 7, 2026

Copy link
Copy Markdown

没有当下的醒目色好用,能一眼识别关键信息给人安全感。

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.

2 participants