2 Commits
Author SHA1 Message Date
john-okeefe 315c22de65 style(theme): lighten global text-selection highlight
Release / build-and-push (push) Successful in 36s
Native ::selection was near-invisible on dark surfaces, hiding selected
text inside inputs. Add a global ::selection using the hover-selection
treatment (gray.200 light / whiteAlpha.300 dark) and leave the text
color untouched so contrast holds everywhere.
2026-09-06 16:41:15 -04:00
john-okeefe 19a80d1c74 fix(filters): inherit tag color for the search-term link
The active search pill renders its term through a Chakra Link, which
painted link-blue while every sibling filter pill renders the tag
contrast color. Set color=inherit so the term matches the other tags;
the hover underline now draws in the tag's own color too.
2026-09-06 16:41:02 -04:00
2 changed files with 6 additions and 0 deletions
+1
View File
@@ -80,6 +80,7 @@ const ActiveFilters = () => {
)
}}
><Link
color="inherit"
onMouseDown={() => setSearchModalOpen.set(true)}>{searchParams}</Link>
</Tag>
</>
+5
View File
@@ -349,6 +349,11 @@ const config = defineConfig({
bg: { base: 'gray.200', _dark: 'gray.800' },
fontSize: '1.0625rem',
},
// Native text-selection was near-invisible on dark surfaces.
// Match the hover-selection treatment (gray.200 / whiteAlpha.300).
'::selection': {
bg: { base: 'gray.200', _dark: 'whiteAlpha.300' },
},
},
})