From a6581fa27d60af7a40f3a46f38723aed1c373ebd Mon Sep 17 00:00:00 2001
From: caadiq <caadiq@gmail.com>
Date: Wed, 31 Dec 2025 19:25:54 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EB=9D=BC=EC=9D=B4=ED=8A=B8=20=EB=AA=A8?=
 =?UTF-8?q?=EB=93=9C=20=EC=B6=94=EA=B0=80=20=EC=83=89=EC=83=81=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- zinc 색상 오버라이드 (bg-zinc-*, text-zinc-*, hover:bg-zinc-*)
- 구분선 색상 더 연하게 (6%)
- 배경색/호버 더 연하게 (3% → 6%)
- 관리자 페이지 배경 오버라이드 (bg-mc-*, bg-[#xxx])

전체 라이트 모드 가독성 개선
---
 frontend/src/index.css | 51 +++++++++++++++++++++++++++++++++++++-----
 1 file changed, 46 insertions(+), 5 deletions(-)

diff --git a/frontend/src/index.css b/frontend/src/index.css
index 6ca7b94..37b7276 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -73,32 +73,73 @@
   color: #a1a1aa !important;
 }
 
+/* zinc 색상 오버라이드 */
+.light .text-zinc-300 {
+  color: #52525b !important;
+}
+
+.light .text-zinc-400 {
+  color: #71717a !important;
+}
+
+.light .bg-zinc-700,
+.light .bg-zinc-800,
+.light .bg-zinc-900 {
+  background-color: #f1f5f9 !important;
+}
+
+.light .hover\:bg-zinc-700:hover,
+.light .hover\:bg-zinc-800:hover {
+  background-color: #e2e8f0 !important;
+}
+
+.light .border-zinc-700,
+.light .border-zinc-800 {
+  border-color: rgba(0, 0, 0, 0.08) !important;
+}
+
+/* 배경색 오버라이드 */
 .light .bg-white\/5,
 .light .bg-white\/10 {
-  background-color: rgba(0, 0, 0, 0.05) !important;
+  background-color: rgba(0, 0, 0, 0.03) !important;
 }
 
 .light .hover\:bg-white\/5:hover,
 .light .hover\:bg-white\/10:hover {
-  background-color: rgba(0, 0, 0, 0.08) !important;
+  background-color: rgba(0, 0, 0, 0.06) !important;
 }
 
 .light .hover\:text-white:hover {
   color: #18181b !important;
 }
 
+/* 구분선 오버라이드 - 더 연하게 */
 .light .border-white\/5,
 .light .border-white\/10 {
-  border-color: rgba(0, 0, 0, 0.1) !important;
+  border-color: rgba(0, 0, 0, 0.06) !important;
 }
 
 .light .bg-black\/20,
 .light .bg-black\/30 {
-  background-color: rgba(0, 0, 0, 0.05) !important;
+  background-color: rgba(0, 0, 0, 0.03) !important;
 }
 
 .light .hover\:bg-black\/30:hover {
-  background-color: rgba(0, 0, 0, 0.08) !important;
+  background-color: rgba(0, 0, 0, 0.06) !important;
+}
+
+/* 관리자 페이지 배경 */
+.light .bg-mc-bg,
+.light .bg-mc-card,
+.light .bg-mc-gray {
+  background-color: #f8fafc !important;
+}
+
+.light .bg-\[\#1a1a1a\],
+.light .bg-\[\#141414\],
+.light .bg-\[\#1c1c1c\],
+.light .bg-\[\#252525\] {
+  background-color: #ffffff !important;
 }
 
 /* 기본 html, body 스타일 */