Lexi 会把页面上的几个中文技术词换成英文，换完得留个记号，鼠标放上去才有原词和解释可看。这个记号，以前是带颜色、加粗的。

8月12日有个提交，说明里有一行，大意是被替换的词不再带着色和加粗，改成一条安静的、42%的主色下划线（深色页面的代码里是48%），鼠标移上去才着色，对排版零影响。

加粗的时候

加粗的英文比普通的宽一点。一段话里换上好几个词，折行的位置就可能跟着挪，我猜提交里说的排版影响指的就是这个。下划线不占宽度，平时只是一条淡线，要看的时候才给颜色。我觉得英文词夹在一排中文里本来就够显眼了，记号再加粗加色有点多余。

42这个数字，其实提交里没解释，为什么不是40，也不是45。我就不替它补一个理由了。

跟着页面走

那天更早一点，悬浮提示刚从一个普通的 tooltip 变成了带毛玻璃的卡片，隔了一个多小时才轮到记号变安静。

记号安静下来的同一个提交里，注入页面的界面也改成了跟着页面自己的主题走。深色的页面上，悬浮的卡片换成 iOS 那种深色玻璃，颜色是 rgba(28, 28, 30, 0.72)，再加26px 的模糊。

同一个颜色值，这个博客的深色表面也在用。

8月底

这次的提交分两半。一半是侧边栏：杂七杂八的灰、蓝、黑，换成按设计文档配的一套色板，按钮用同一个组件，高38px，运行状态不再只是一个彩色圆点，改成图标加文字。老的那个近乎纯黑的主按钮，是旧设计稿里带过来的，这次一并退役了。文档里有一条，错误、选中、掌握这几种状态，不许只靠颜色去传达。一个孤零零的彩色圆点，大概就在这条规矩的射程里。

另一半是页内的翻译。以前翻出来的整块文字带一条3px 的主色竖条，边框有渐变流动，还有一道扫光，按优先级还会让透明度起伏一下。现在它是一条安静的脚注，加载的时候只有一句淡淡的「正在翻译…」，用透明度过渡，系统要求减少动效就不动。

视口里的、快滚到的、预先取好的块，以前看起来也各不一样，这次一并去掉了。我猜是不想让页面上看出插件在内部怎么排队。

翻下来这几处，都是在让换了词的页面别变太多。

设计文档

项目里的设计文档8月3日就有了，说得很直白。界面要像盖在网页上的一层透明阅读透镜，平时近乎看不见，要用的时候才显出该有的信息。蓝色只有一种，用在操作和状态上，不许当大面积的底色，文档里甚至给了个数，大约不超过画面面积的十分之一，因为它少，状态才看得清。

别的规矩也细。常驻的东西不加阴影，阴影只给真正飘在页面上的浮层。页内的摘要卡写得更细：宽度固定，内容变了、正在加载，外层的宽度都不许变，动画只许用透明度和位移，180毫秒。连字距都写了，产品界面一律是0。还有一条，彩色的侧边条不许超过1px。

翻译块上那条3px 的竖条，到8月底才拿掉，比这条规矩晚了二十多天。