代码块阴槽调浅一档:#ece6da -> #f2ece1

上一版 0.925 偏重,用户反馈太深。改成 0.945(顶栏 0.893 -> 0.915),
色相和彩度不变,仍然是暖色槽而不是冷白补丁。

明度差对比(页面底 0.964 = #f8f3e9):
  0.958 #f6f1e6  差 1.018:1   ← 再浅一档,几乎看不出边界
  0.945 #f2ece1  差 1.058:1   ← 本次采用
  0.925 #ece6da  差 1.124:1   ← 上一版
  0.905 #e5dfd3  差 1.19:1

正文对比度 12.4:1,暗色模式未动。三档都写进 README 和 global.css 注释,
以后想调只改一个数字。
This commit is contained in:
dsh
2026-09-15 12:07:25 +08:00
parent cd0da2a19d
commit 30c958c2f0
3 changed files with 15 additions and 7 deletions
+9 -2
View File
@@ -188,11 +188,18 @@ epigraph: 题记 # 可选
| `--foreground` | `oklch(0.235 0.013 68)` | 暖墨 `#221d18`,不是 `#000` |
| `--muted-foreground` | `oklch(0.505 0.012 70)` | 元信息,对比度 5.3:1 |
| `--border` / `--input` | `oklch(0.888 0.016 84)` | |
| `--codeblock-bg` | `oklch(0.925 0.017 84)` | 代码块阴槽 `#ece6da`,比页面底更深且同色相 |
| `--codeblock-topbar-bg` | `oklch(0.893 0.018 84)` | 代码块顶栏 |
| `--codeblock-bg` | `oklch(0.945 0.016 84)` | 代码块阴槽 `#f2ece1`,比页面底更深且同色相 |
| `--codeblock-topbar-bg` | `oklch(0.915 0.017 84)` | 代码块顶栏 `#e8e2d7` |
> `--codeblock-bg` 原来(`oklch(0.97 0.003 85)`)是**中性灰白**,在暖纸底上会变成一块冷白补丁,很跳。改配色时注意:代码块要比 `--background` 更深、色相一致,不能只是"接近白"。
浓淡的三档(页面底是 `0.964`):
| 档 | 块体 | 顶栏 | 与页面底的明度差 |
|---|---|---|---|
| 轻(当前) | `0.945` `#f2ece1` | `0.915` `#e8e2d7` | 1.06:1 |
| 中 | `0.925` `#ece6da` | `0.893` `#e1dbcf` | 1.12:1 |
| 重 | `0.905` `#e5dfd3` | `0.873` `#dbd4c7` | 1.19:1 |
对比度都还留得很足(正文 15:1、次要文字 7.5:1、主色链接 4.9:1,WCAG AA 要求 4.5:1),所以是「柔和」不是「发灰」。**暗色模式没动。**
调暖 / 调冷就改这几个数字的**色相**(84 = 米黄,70 更偏橙,95 更偏柠檬);想更白就把 L 往上推、彩度往下压。