From 5402b9e75835e73c3d3952da9ab70f428640523a Mon Sep 17 00:00:00 2001 From: inference-bot Date: Mon, 9 Nov 2026 18:15:50 +0000 Subject: [PATCH] Dark mode: darker tab stripe (dark-border green) and darker pine search surfaces --- publishing/brand.css | 21 +++++++++++++-------- 1 file changed, 13 insertions(+), 8 deletions(-) diff --git a/publishing/brand.css b/publishing/brand.css index 441d04a..6914ddb 100644 --- a/publishing/brand.css +++ b/publishing/brand.css @@ -193,26 +193,31 @@ background-color: #e8f5e8; border-bottom: 1px solid var(--border); } -/* In dark, keep the tab row the same green as the header bar so the text on it - * clears 4.5:1 against green-mid (green-deep against near-black text is only - * ~4.2:1 — marginal for the small tab labels). */ +/* In dark, the tab row drops to the sheet's dark warm-green (dark-border + * #4a5240): quieter than green-mid, white labels still clear 7:1. */ [data-md-color-scheme="slate"] .md-tabs { - background-color: var(--green-mid); + background-color: var(--dark-border); border-bottom: none; } -/* Search input: the white field is a light-mode choice only. In dark mode it - * read as light text on a light box — dark mode gets the chat overlay's page - * tone with light text instead (operator request 2026-11-09). */ +/* Search input: the white field is a light-mode choice only. In dark mode the + * search surfaces use the pine family — input on the chips tone, light text. */ html:not([data-md-color-scheme="slate"]) .md-search__input { background-color: rgba(255, 255, 255, 0.92); } [data-md-color-scheme="slate"] .md-search__input { - background-color: var(--green-deep); + background-color: var(--pine-3); color: var(--dark-text); } [data-md-color-scheme="slate"] .md-search__input::placeholder { color: var(--dark-muted); } +[data-md-color-scheme="slate"] .md-search__scrollwrap, +[data-md-color-scheme="slate"] .md-search-result__article { + background-color: var(--pine-2); +} +[data-md-color-scheme="slate"] .md-search-result__meta { + color: var(--dark-muted); +} /* Admonitions get the co-op's washes instead of stock greys. */ .md-typeset .admonition,