dd38aeaf38
主色青玉改宝石蓝，字号整体放大一档（正文 16px）， 通过 --td-comp-* 与 --td-font-* 接管 TDesign 控件高度与文字， 修复 theme-mode 选择器权重不足导致深色变量被 UI 库覆盖的问题。
6.2 KiB
tool.xpcool.com 变更记录
倒序：最新在上。格式：YYYY-MM-DD | 类型 | 摘要
2026-09-14 | FIX | 修复主题失效的头号坑：TDesign 浅/深色变量声明在 :root[theme-mode='light'|'dark']（权重 0,2,0），我们此前用 html[theme-mode='dark']（0,1,1），生产构建下被 UI 库深色变量反向覆盖（卡片退回 #242424、输入框描边退回 #ddd）。tokens.scss 与 tdesign-theme.scss 全部改用 :root[theme-mode=...]；另记录验证方法：切主题后 getComputedStyle(body).backgroundColor 可能命中计算值缓存，需用探针元素或刷新后再读
2026-09-14 | CHG | 界面改版第二版「清晰蓝 · 卡片工作台」（解决「字体/下拉/控件太小」+ 补上 UI 库主题控制）：① tokens.scss：主色青玉 #0c7c59 → 宝石蓝 #2563eb、中性色调改蓝灰（浅 f4f6fb/fff/0f1729，深 0b0f18/131926/e9eef8）、圆角放大一档（xs5/sm7/md10/lg12/xl16/2xl22）、字号整体上移一档（正文 14→16px、最小 13px、标题阶梯同步）、密度收敛（space-9 80→68、版心 1120→1200、顶栏 64→68、侧栏 248→268）、卡片由「无框发丝线」改回「白底 + 细描边」；② tdesign-theme.scss：品牌/中性/语义色阶换蓝体系 + 深色反向中性色阶，新增「UI 库尺度控制」段（--td-comp-size-m 32→40 即默认输入框/按钮/下拉高度、xl 40→48、xs/xxs/xxxs 24/20/16→28/24/18、--td-font-size-body-medium 14→16px、body-small 12→13px、title 14/16/18→16/18/20px、行高成对放宽、paddingTB/LR 放宽一档），控件尺度只改变量不再写死高度；③ 27 个 .vue 里残留的 11/12px 硬编码字号提升为 var(--tk-text-xs)；④ 外壳与组件跟随：MainLayout（顶栏 68、命令入口 44、内容留白 32/48/72、抽屉 300）、SideNav（筛选框 42、导航项 padding 9/12、图标 19）、HomeView（hero 52、搜索底线 60、索引行 20、服务端卡片 38px 图标）、CommandPalette（搜索行 64、结果项 58、kbd 22）、UploadDrop（缩略图 56、删除热区 36）、AppBrand 36、ThemeSwitch/LocaleSwitch 40、HistoryPanel 条目 48；⑤ index.html 的 theme-color 与 unocss 的 panel/code-block/hint-text 同步。构建通过（vue-tsc + vite，22.86s）
2026-09-14 | CHG | 界面改版为「更松弛的编辑感」（design-taste-frontend 技能，DESIGN_VARIANCE 6 / MOTION 3 / DENSITY 3）：① tokens.scss 新增发丝线 --tk-hairline、排版令牌（--tk-leading-/-track-、--tk-text-5xl、--tk-font-display、--tk-space-9=80px）、顶栏高 60→64，并移除未用的 --tk-track-caps；② 全局排版：page-title 改 clamp(26,3vw,34)+640 字重、page-desc 15px/1.75、tool-section 间距 16→32、滚动条 10→8px、reveal 位移 14→10px；③ 容器去框化：t-card / UnoCSS panel 改 2xl 圆角 + hairline 描边 + 大内边距（.t-card .t-card__body 24/32，窄屏收回），品牌图标去掉全站唯一渐变改实色方块；④ 首页重写：删掉 eyebrow 与重复的 hero 链接，标题 58px 左对齐 + 底线式搜索框（聚焦加粗为 2px），事实条去边框，58 个工具改为「发丝线索引行」（图标常态中性灰、hover 才上主色）；⑤ 外壳：侧栏去底色与右侧竖线（hover 改用 --tk-surface 统一「抬起」方向）、筛选框改底线式、内容区留白 28→40/48/88、页脚改左右分列 + hairline；⑥ HistoryPanel 改用 --tk-* 令牌与发丝线分行（此前有硬编码 --td-* 与 6px 圆角）；⑦ 清理 4 份语言包中已失效的 home.eyebrow/ctaPrimary/ctaSecondary。构建通过（vue-tsc + vite，32.17s）
2026-09-14 | CHG | 视觉重设计 + 中英日韩四语言 + 三态昼夜主题 + 服务端接口对接（一大批）：① 新增 tokens.scss（--tk-* 设计令牌：青玉 Jade 单一强调色、圆角/间距/字号/z-index/动效规范、按语言切换字体栈）+ tdesign-theme.scss（--tk-* → --td-* 桥接，含完整冷调灰阶），60+ 未改动工具页零成本继承新配色；② vue-i18n 11.4.10 + zh-CN/en-US/ja-JP/ko-KR 四份完整语言包 + helpers 中文兜底；③ MainLayout/SideNav/HomeView 重写、新增 CommandPalette（⌘K）/LocaleSwitch（显示 ZH/EN/JA/KO 不用国旗）/ThemeSwitch（三态）；④ 新增 openTools.ts 对接 service.xpcool.com /api/service/open/tools 的 5 个接口（实测全 200），改造 ip-info/uuid/hash/timestamp 并新增 random-string/api-status 两工具（均本机+服务端双模式，默认本机）；⑤ 修复空分类渲染缺陷（分类 9→6）、panel 快捷类缺内边距、IpInfoView 漏 onBeforeUnmount；⑥ 新增 src/config.ts 集中站点常量，页脚补备案号 黔ICP备2026003933号；⑦ 重写 docs/api-contract.md（旧契约 /api/tools/* 与实际不符）。构建通过（vue-tsc + vite，33.88s）
2026-09-01 | CHG | 全站接入图片预览（TDesign ImageViewer）：新增共享 AppImageViewer 组件 + useImageViewer 组合式函数；接入 9 处——UploadDrop 缩略图、Base64 还原图、图片裁剪结果、图片转 ICO 预览（多尺寸成组）、OCR 待识别图、二维码结果、图片压缩（原直连 t-image-viewer 重构为共享组件）、代码转图片画布、占位图画布；全局样式新增 .img-previewable
2026-09-01 | CHG | 图片转 ICO 结果区增强：逐尺寸单独 ICO 下载（buildIco 新增 singles 字段，复用条目数据零额外编码）+ 多尺寸一键打包 ZIP 下载（jszip）；另修复 pnpm wrapper 中 node 版本路径（22.22.2 → 22.22.2-2）
2026-08-31 | CHG | 新增「图片转 ICO」工具：src/utils/ico.ts（纯前端自实现 PNG/BMP DIB/ICO 编码 + 中位切分量化 + 自适应滤波 + 体积上限自动降级），src/views/image-to-ico/ImageToIcoView.vue（尺寸组合/填充/编码方式/量化/体积限制/预览下载/历史），路由注册于 src/router/tools.ts；Pillow 独立解码验证通过
2026-08-26 | CFG | CHANGELOG 纳入 git 管理（.gitignore 放行 .workbuddy/memory/CHANGELOG.md），中央工作空间迁移至 ../workbuddy.xpcool.com（相对路径索引）
2026-08-26 | CHG | 同步三铁律（中文注释/做记录/中文优先）至 AGENTS.md「统一工作约定」小节 2026-08-26 | CFG | 建立统一变更记录机制（CHANGELOG），接入 xpcool.com 中央索引