From 7191ec7af71f24a15f34e01f70bb8f6a7d1ae9ac Mon Sep 17 00:00:00 2001
From: caadiq <caadiq@gmail.com>
Date: Thu, 23 Apr 2026 09:58:12 +0900
Subject: [PATCH] =?UTF-8?q?=EC=8B=AC=EB=B3=BC=20=EC=A7=84=ED=96=89=20?=
 =?UTF-8?q?=EB=B0=94:=20=EB=A7=8C=EB=A0=99=EA=B3=BC=20'=EB=A7=8C=EB=A0=99?=
 =?UTF-8?q?=20=EB=8F=84=EB=8B=AC=20=EA=B0=80=EB=8A=A5'=EC=9D=84=20?=
 =?UTF-8?q?=EC=83=89=EC=83=81=EC=9C=BC=EB=A1=9C=20=EA=B5=AC=EB=B6=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 만렙(isMax): 빨강 (--progress-red: #ef4444)
- 만렙 도달 가능(effectivelyMax, 성장치 초과): 기존 앰버 유지
- 그 외: 에메랄드

기존엔 두 상태 모두 앰버라 구분이 안 됐던 문제 해결.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 frontend/src/features/symbol/pc/user/SymbolCard.jsx | 2 +-
 frontend/src/index.css                              | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/src/features/symbol/pc/user/SymbolCard.jsx b/frontend/src/features/symbol/pc/user/SymbolCard.jsx
index 724d55f..d22c1a4 100644
--- a/frontend/src/features/symbol/pc/user/SymbolCard.jsx
+++ b/frontend/src/features/symbol/pc/user/SymbolCard.jsx
@@ -170,7 +170,7 @@ function SymbolCard({ symbol, equipped, charId }) {
             className="h-full transition-all"
             style={{
               width: isMax || effectivelyMax ? '100%' : `${Math.min((growth / requireGrowth) * 100, 100)}%`,
-              background: isMax || effectivelyMax ? 'var(--progress-amber)' : 'var(--progress-emerald)',
+              background: isMax ? 'var(--progress-red)' : effectivelyMax ? 'var(--progress-amber)' : 'var(--progress-emerald)',
             }}
           />
         </div>
diff --git a/frontend/src/index.css b/frontend/src/index.css
index 5265779..c0b84e4 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -111,6 +111,7 @@
   --progress-track: #0f172a;
   --progress-emerald: #10b981;
   --progress-amber: #f59e0b;
+  --progress-red: #ef4444;
 
   --accent-bright: #6ee7b7;
   --accent-muted: rgba(16, 185, 129, 0.1);
@@ -265,6 +266,7 @@
   --progress-track: #e5e7eb;
   --progress-emerald: #10b981;
   --progress-amber: #f59e0b;
+  --progress-red: #ef4444;
 
   --accent-bright: #047857;
   --accent-muted: rgba(16, 185, 129, 0.1);