caadiq/maplestory
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

해방 1차/2차 라벨 라이트 모드 색상 조정

Browse source 
라이트 모드에서 너무 연해 보이던 purple/pink 라벨을 violet-600/rose-600으로 강화

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
caadiq 2026-04-18 16:11:51 +09:00
parent 46b6237f75
commit 1dfceaf350
2 changed files with 14 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
frontend/src/features/liberation/components/ProgressBar.jsx
View file

@ -74,12 +74,12 @@ export default function ProgressBar({ startChapter, currentPoints, completionDat
<div className="space-y-3">
<div className="flex items-center gap-2">
<div className="flex-1 flex flex-col items-center gap-2">
<span className="text-base font-bold" style={{ color: '#a78bfa' }}>1차 해방</span>
<div style={{ width: '100%', height: 3, background: 'rgba(167, 139, 250, 0.5)', borderRadius: 999 }} />
<span className="text-base font-bold" style={{ color: 'var(--liberation-primary)' }}>1차 해방</span>
<div style={{ width: '100%', height: 3, background: 'var(--liberation-primary-bar)', borderRadius: 999 }} />
</div>
<div className="flex-1 flex flex-col items-center gap-2">
<span className="text-base font-bold" style={{ color: '#fda4af' }}>2차 해방</span>
<div style={{ width: '100%', height: 3, background: 'rgba(253, 164, 175, 0.5)', borderRadius: 999 }} />
<span className="text-base font-bold" style={{ color: 'var(--liberation-secondary)' }}>2차 해방</span>
<div style={{ width: '100%', height: 3, background: 'var(--liberation-secondary-bar)', borderRadius: 999 }} />
</div>
</div>
<div className="flex gap-2">

10
frontend/src/index.css
View file

@ -140,6 +140,11 @@
--btn-danger-bg: #dc2626;
--btn-danger-bg-hover: #ef4444;
--btn-danger-shadow: 0 4px 14px rgba(239, 68, 68, 0.2);
--liberation-primary: #a78bfa;
--liberation-primary-bar: rgba(167, 139, 250, 0.5);
--liberation-secondary: #fda4af;
--liberation-secondary-bar: rgba(253, 164, 175, 0.5);
}
/* 테마 토큰 - light */
@ -276,6 +281,11 @@
--btn-danger-bg: #dc2626;
--btn-danger-bg-hover: #b91c1c;
--btn-danger-shadow: 0 4px 14px rgba(220, 38, 38, 0.25);
--liberation-primary: #7c3aed;
--liberation-primary-bar: rgba(124, 58, 237, 0.5);
--liberation-secondary: #e11d48;
--liberation-secondary-bar: rgba(225, 29, 72, 0.5);
}
html, body, #root {