From 315c22de657e5cd97182669f6516f24ad4d1108c Mon Sep 17 00:00:00 2001
From: John O'Keefe <jrokeefe@protonmail.com>
Date: Sun, 6 Sep 2026 16:41:15 -0400
Subject: [PATCH] style(theme): lighten global text-selection highlight

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.
---
 src/styles/theme.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/styles/theme.tsx b/src/styles/theme.tsx
index 19d5e0c..4018e27 100644
--- a/src/styles/theme.tsx
+++ b/src/styles/theme.tsx
@@ -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' },
+    },
   },
 })