From 99aadc39874b8b8176aa3d247c86007fef0f1667 Mon Sep 17 00:00:00 2001 From: Hikari Date: Tue, 3 Mar 2026 17:03:56 -0800 Subject: [PATCH] fix(style): improve search dialog contrast Overrides Pagefind UI CSS variables and targets the result excerpt directly to ensure readable text contrast in both light and dark modes. --- src/styles/style.css | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/src/styles/style.css b/src/styles/style.css index 4392dbe..b0383aa 100644 --- a/src/styles/style.css +++ b/src/styles/style.css @@ -154,11 +154,21 @@ site-search button[data-open-modal] { color: var(--primary-color) !important; } +#starlight__search { + --pagefind-ui-text: var(--primary-color); + --pagefind-ui-primary: var(--witch-rose); +} + #starlight__search input::placeholder { color: var(--primary-color) !important; opacity: 0.8; } +.pagefind-ui__result-excerpt { + color: var(--primary-color) !important; + opacity: 0.9; +} + #extra-footer-content { display: flex; flex-direction: row;