夜色降临，屏幕亮起。那一刻，你或许才意识到：所谓「深色模式」并不只是把背景涂黑，它是一场关于光与影、品牌与可读性、情绪与效率的精密编排。
在「快缩短网址」suo.run 的暗色界面里，我们让每一次点击都像在深夜点燃一支微光——不刺眼，却足够清晰。

一、暗色不是黑色
Google Material 建议的 #121212，是介于深渊与暮蓝之间的深石墨色。它保留了层次，也容纳了品牌：把品牌主色以 8% 的不透明度覆于其上，既保留了识别，又避免了高饱和霓虹在夜里尖叫。
· 背景 Background：#121212（0dp）
· 表层 Surface：叠加 5%–16% 白遮罩，随海拔递增
· 主色 Primary：品牌主色 200 阶，去饱和 20%
· 辅色 Secondary：主色 50–100 阶，点缀而非铺陈



二、光，从高处落下
在浅色主题里，阴影用灰；在深色主题里，阴影依旧用黑。
不同的是，我们让「高」的地方更亮：每抬升 1dp，就在组件表面叠加 4% 不透明的雪白。于是卡片、按钮、对话框有了浮动的秩序，像月色下的阶梯。



三、可读性的底线
WCAG AAA 要求 15.8:1 的极限对比，我们把它留给正文；其余元素遵循 4.5:1 的 AA 标准，再辅以 87%/60%/38% 的三级文字透明度，让信息在暗幕上呼吸。
高饱和警示色 #CF6679 只用于错误状态，且覆盖 40% 白遮罩，像警报灯一闪即收。

四、品牌的一抹微光
suo.run 的品牌珊瑚橙在深色界面中降为 200 阶，仅出现在「生成短链」按钮与 Logo 之上。其余大面积区域拒绝被点燃，以免夜色失焦。

五、切换的仪式感
· 跟随系统：Android 10+ 自动响应
· 手动切换：右上角「☾」图标，长按可预览 3 秒动画过渡
· 彩蛋：凌晨 0–4 点，切换按钮会化作一颗缓缓升起的月

六、关灯实验
今夜，请关掉卧室灯，打开 beta 微信与网易云音乐，再打开 suo.run。
你会发现：
前两者像把路灯直接塞进瞳孔；
.run 只递给你一支蜡烛，照见你想看的，也留下你想藏的。

夜色深处，链接更短，目光更长。