回到栖迟系统PERSONAL INTERFACE ARCHIVE / CASE 01

CASE 01 · BACKSTAGE WARDROBE

我自己的 Cola，
我想给它做一套我自己的皮肤。

我最开始也是想换个好看的颜色，结果换完还是觉得差点意思。菜单、弹窗、输入区都还是老样子嘛，后来就一块儿改，改好了还得看关掉重开、更新以后能不能留住。

公开案例 / AI 产品界面 / 更新于 2026-08-28

一开始只试了三种方向，
后来做到九套，还装进了真的在用的工具。

我天天用这些工具，就想让它们看着舒服、用着顺手。换颜色很好办，真花时间的是每个菜单怎么展开、正文怎么读，还有更新以后别把我前面改的全弄没了。

I FIRST THOUGHT / 最初判断

→

I LATER FOUND / 关键转向

CALL SHEET / FROM DISLIKE TO RUNTIME状态和证据分开记

01 / 边界

聊天记录、用户数据、原来能干的活，我一样都不动，只改我每天真正看得见、动手点的那一层。别的地方该什么样，改完还是什么样。

留下：清楚的改造边界

02 / 原型

光盒、城市拼贴、天空电影用的是同一组内容，我只换风格系统，这样才分得清是结构真的改了，还是只换了个颜色。每套先出一张选择板，再一套一套上真机过，桌面布局、移动端顺序、切换动作分开验，最后汇成整套 QA 截图。

证据：九风格映射与真实原型

03 / 失败

只改变量不够：部分 Tailwind 工具类仍硬编码颜色，浅色皮肤必须同步切换明暗类，否则硬编码的深色文字直接看不清。标题栏拖拽区吞点击、中间容器覆盖样式、Retina 截图坐标偏移，这些坑我最后都记成了一份真机 DOM 坑位清单；每套视觉我都按对比度下限一处一处看，不达标就改到达标。

证据：真机注入验证报告

04 / 留下来

我做的时候不动应用的安装包，全走运行时注入：启动器带着调试端口把应用拉起来，守护进程接管从 Dock 或聚焦搜索打开的那个原版实例，40 秒内就转成皮肤版；我选的那套写进本地存储，重启自己就恢复了。Cola 更新到 1.2.8 那次，我是从干净基线把注入层重新适配了一遍。

留下：更新后的真机使用记录

REAL SURFACES / 每张图只说明一件事

这里有实际运行的截图，也有用来试结构的原型，我分别标了。截图里的工作内容做了脱敏，想看改到了哪儿，可以直接把对应的界面翻开。

ALREADY PROVED

WORKING, NOT FINISHED

NOT CLAIMED