From 6a021adb278256e62acf91cce31593f1071ad8cf Mon Sep 17 00:00:00 2001
From: Lyon Liang <lyon.liang12@gmail.com>
Date: Sun, 18 Jan 2026 23:58:20 +0800
Subject: [PATCH] fix: worktree dialog black background

Problem: Worktree dialog renders black due to hard-coded dark RGBA surfaces.\nSolution: Use theme surface variables and add a blurred, reduced-transparency-aware backdrop.
---
 src/styles/worktree-modal.css | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/styles/worktree-modal.css b/src/styles/worktree-modal.css
index e87bce869..70794f68d 100644
--- a/src/styles/worktree-modal.css
+++ b/src/styles/worktree-modal.css
@@ -7,7 +7,12 @@
 .worktree-modal-backdrop {
   position: absolute;
   inset: 0;
-  background: rgba(0, 0, 0, 0.65);
+  background: rgba(6, 8, 12, 0.55);
+  backdrop-filter: blur(8px);
+}
+
+.app.reduced-transparency .worktree-modal-backdrop {
+  backdrop-filter: none;
 }
 
 .worktree-modal-card {
@@ -16,8 +21,8 @@
   left: 50%;
   transform: translate(-50%, -50%);
   width: min(420px, calc(100vw - 48px));
-  background: rgba(8, 10, 16, 0.96);
-  border: 1px solid var(--border-subtle);
+  background: var(--surface-card-strong);
+  border: 1px solid var(--border-stronger);
   border-radius: 16px;
   padding: 18px 20px;
   display: flex;