From b01ed69fd746d239e8e85667f790f9672d957aaf Mon Sep 17 00:00:00 2001
From: icy <icyoung520@gmail.com>
Date: Sun, 2 Nov 2025 06:43:39 +0800
Subject: [PATCH] fix: use CSS variables for form background in RegisterPage
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Replace hardcoded colors with CSS variables:
- background: var(--panel-bg)
- border: var(--panel-border)

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: tinkle-community <tinklefund@gmail.com>
---
 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>