co-op/docs
4
0 Fork 3
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Dark mode: darker tab stripe (dark-border green) and darker pine search surfaces

Browse Source
This commit is contained in:
inference-bot committed 2026-11-09 18:15:50 +00:00
1 parent 96b1201f72
commit 5402b9e758
1 file changed
+13 -8
Download Patch File Download Diff File Expand all files Collapse all files
publishing/brand.css
+13 -8
View File
@@ -193,26 +193,31 @@
background-color: #e8f5e8; background-color: #e8f5e8;
border-bottom: 1px solid var(--border); border-bottom: 1px solid var(--border);
} }
/* In dark, keep the tab row the same green as the header bar so the text on it /* In dark, the tab row drops to the sheet's dark warm-green (dark-border
* clears 4.5:1 against green-mid (green-deep against near-black text is only * #4a5240): quieter than green-mid, white labels still clear 7:1. */
* ~4.2:1 — marginal for the small tab labels). */
[data-md-color-scheme="slate"] .md-tabs { [data-md-color-scheme="slate"] .md-tabs {
background-color: var(--green-mid); background-color: var(--dark-border);
border-bottom: none; border-bottom: none;
} }
/* Search input: the white field is a light-mode choice only. In dark mode it /* Search input: the white field is a light-mode choice only. In dark mode the
* read as light text on a light box — dark mode gets the chat overlay's page * search surfaces use the pine family — input on the chips tone, light text. */
* tone with light text instead (operator request 2026-11-09). */
html:not([data-md-color-scheme="slate"]) .md-search__input { html:not([data-md-color-scheme="slate"]) .md-search__input {
background-color: rgba(255, 255, 255, 0.92); background-color: rgba(255, 255, 255, 0.92);
} }
[data-md-color-scheme="slate"] .md-search__input { [data-md-color-scheme="slate"] .md-search__input {
background-color: var(--green-deep); background-color: var(--pine-3);
color: var(--dark-text); color: var(--dark-text);
} }
[data-md-color-scheme="slate"] .md-search__input::placeholder { [data-md-color-scheme="slate"] .md-search__input::placeholder {
color: var(--dark-muted); 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. */ /* Admonitions get the co-op's washes instead of stock greys. */
.md-typeset .admonition, .md-typeset .admonition,