From 50bc3281968dd45d05014b720df3827d5d76e615 Mon Sep 17 00:00:00 2001
From: Val Alexander <bunsthedev@gmail.com>
Date: Sun, 29 Mar 2026 01:24:17 -0500
Subject: [PATCH] Use color-mix for text selection highlights

- Make selection background use `color-mix()`
- Keep selection foreground aligned with the default text color
---
 apps/web/src/index.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/index.css b/apps/web/src/index.css
index da1a706c..6488187c 100644
--- a/apps/web/src/index.css
+++ b/apps/web/src/index.css
@@ -483,8 +483,8 @@ label:has(> select#reasoning-effort) select {
   }
 
   ::selection {
-    background: hsl(var(--primary) / 0.55);
-    color: hsl(var(--foreground));
+    background: color-mix(in srgb, var(--primary) 55%, transparent);
+    color: var(--foreground);
   }
 
   * {