From 8c87f584978ca5104d18fc0de28fb4e40a423c8c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=9D=A1=E8=A7=89=E5=A4=A7=E7=8E=8B=E6=BE=9C=E5=AD=90?= Date: Tue, 8 Sep 2026 12:53:34 +0800 Subject: [PATCH] fix: match docs content column background to page background MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The willow theme paints the main content column (#content-area's direct child) with its own neutral gray `dark:bg-gray-900` (#161616). Framed by the warm page background configured in docs.json (`background.color.dark` → #181611), that neutral surface reads cool/blue-ish. Pin the content column to `--background-dark` so the content area and frame share one continuous warm tone. Scoped to the direct child so other `bg-gray-900` surfaces (cards, etc.) are untouched. Co-Authored-By: Claude Opus 4.8 --- style.css | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/style.css b/style.css index 2074e5d..26eb4e9 100644 --- a/style.css +++ b/style.css @@ -4,6 +4,19 @@ color: #060000 !important; } +/* ── Content column background ──────────────────────────────────────────── + The willow theme paints the main content column (the direct child of + #content-area) with its own neutral gray `dark:bg-gray-900` (#161616). + That neutral gray sits inside the warm page background configured in + docs.json (`background.color.dark` → #181611, --background-dark = 24 22 17), + and a neutral surface framed by a warm one reads cool/blue-ish. Pin the + content column to the same background so the content area and the frame are + one continuous warm tone. Scoped to the direct child so the other + `bg-gray-900` surfaces (cards, etc.) are untouched. */ +.dark #content-area > div { + background-color: rgb(var(--background-dark)) !important; +} + /* Underline prose text links in dark mode. Exclude [class~="border-0"] so the heading anchor-link buttons (Mintlify gives them `border-0`) don't get an ugly line under the icon. */