From 0bf17b818ebcec5b41123fa5e81d91a349edc3d7 Mon Sep 17 00:00:00 2001
From: HeavyGee <133152184+heavygee@users.noreply.github.com>
Date: Thu, 18 Jun 2026 03:01:39 +0100
Subject: [PATCH] fix(web): use button CSS variables for Retry button on error
 screen (#889)

--app-link resolves to #ffffff in dark mode, making the Retry button
invisible (white text on white background). Switch to --app-button /
--app-button-text which have correct contrast in both themes.

Fixes #43

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 web/src/router.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/router.tsx b/web/src/router.tsx
index 84e030a5..5d8263ac 100644
--- a/web/src/router.tsx
+++ b/web/src/router.tsx
@@ -771,7 +771,7 @@ function SessionPage() {
                         <button
                             type="button"
                             onClick={() => { void refetchSession() }}
-                            className="rounded-md bg-[var(--app-link)] px-3 py-1.5 text-sm text-white"
+                            className="rounded-md bg-[var(--app-button)] px-3 py-1.5 text-sm text-[var(--app-button-text)]"
                         >
                             Retry
                         </button>