From 2e016845d0a8cc79c932f61c3fafd7da35bbfac7 Mon Sep 17 00:00:00 2001
From: icy <icyoung520@gmail.com>
Date: Sun, 2 Nov 2025 06:43:39 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20use=20CSS=20variables=20for=20form=20bac?=
 =?UTF-8?q?kground=20in=20RegisterPage=20Replace=20hardcoded=20colors=20wi?=
 =?UTF-8?q?th=20CSS=20variables:=20-=20background:=20var(--panel-bg)=20-?=
 =?UTF-8?q?=20border:=20var(--panel-border)=20=F0=9F=A4=96=20Generated=20w?=
 =?UTF-8?q?ith=20[Claude=20Code](https://claude.ai/code)=20Co-Authored-By:?=
 =?UTF-8?q?=20tinkle-community=20<tinklefund@gmail.com>?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/components/RegisterPage.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/components/RegisterPage.tsx b/web/src/components/RegisterPage.tsx
index df0ac7e9..c625646d 100644
--- a/web/src/components/RegisterPage.tsx
+++ b/web/src/components/RegisterPage.tsx
@@ -122,7 +122,7 @@ export function RegisterPage() {
         </div>
 
         {/* Registration Form */}
-        <div className="rounded-lg p-6" style={{ background: '#1E2329', border: '1px solid #2B3139' }}>
+        <div className="rounded-lg p-6" style={{ background: 'var(--panel-bg)', border: '1px solid var(--panel-border)' }}>
           {step === 'register' && (
             <form onSubmit={handleRegister} className="space-y-4">
               <div>