From 30c958c2f0911f5a1c6c19aa0cd8bda456b46103 Mon Sep 17 00:00:00 2001 From: dsh Date: Tue, 15 Sep 2026 12:07:25 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BB=A3=E7=A0=81=E5=9D=97=E9=98=B4=E6=A7=BD?= =?UTF-8?q?=E8=B0=83=E6=B5=85=E4=B8=80=E6=A1=A3=EF=BC=9A#ece6da=20->=20#f2?= =?UTF-8?q?ece1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 上一版 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 注释, 以后想调只改一个数字。 --- README.md | 11 +++++++++-- src/data/reading.json | 2 +- src/styles/global.css | 9 +++++---- 3 files changed, 15 insertions(+), 7 deletions(-) diff --git a/README.md b/README.md index d689786..5a90a0f 100644 --- a/README.md +++ b/README.md @@ -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 往上推、彩度往下压。 diff --git a/src/data/reading.json b/src/data/reading.json index 26fefd6..f68e672 100644 --- a/src/data/reading.json +++ b/src/data/reading.json @@ -1,5 +1,5 @@ { - "updatedAt": "2026-09-15T04:04:45.323Z", + "updatedAt": "2026-09-15T04:07:15.600Z", "source": "weread", "books": [ { diff --git a/src/styles/global.css b/src/styles/global.css index a6d40de..6b65985 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -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);