代码块阴槽调浅一档:#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 往上推、彩度往下压。
+1 -1
View File
@@ -1,5 +1,5 @@
{
"updatedAt": "2026-09-15T04:04:45.323Z",
"updatedAt": "2026-09-15T04:07:15.600Z",
"source": "weread",
"books": [
{
+5 -4
View File
@@ -90,10 +90,11 @@
--admonitions-color-warning: oklch(0.7 0.18 70);
--admonitions-color-caution: oklch(0.62 0.2 var(--primary-hue, 25));
/* Code block colors - light mode */
/* 暖色阴槽。原来是 0.97/0.003 的中性灰白,在暖纸底(#f8f3e9)上
就是一块冷白补丁,很跳。现在比页面底更深、并带上同样的暖色相。 */
--codeblock-bg: oklch(0.925 0.017 84);
--codeblock-topbar-bg: oklch(0.893 0.018 84);
/* 暖色阴槽 #f2ece1。原来是 0.97/0.003 的中性灰白,在暖纸底(#f8f3e9)上
就是一块冷白补丁,很跳。现在带上同样的暖色相。
想更轻 -> 0.958 / 0.930;想更重 -> 0.925 / 0.893(顶栏再低约 0.03)。 */
--codeblock-bg: oklch(0.945 0.016 84);
--codeblock-topbar-bg: oklch(0.915 0.017 84);
--math-color: oklch(0.24 0.01 25);
--math-display-color: oklch(0.28 0.01 25);
--math-display-shadow: 0 1px 0 oklch(1 0 0 / 0.6);