From 381955fd9f5ad75e27ab68a021437af063aaef47 Mon Sep 17 00:00:00 2001
From: caadiq <caadiq@gmail.com>
Date: Wed, 31 Dec 2025 19:22:32 +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=A0=84=EC=B2=B4=20=EC=83=89=EC=83=81=20=EC=98=A4?=
 =?UTF-8?q?=EB=B2=84=EB=9D=BC=EC=9D=B4=EB=93=9C=20=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- text-white, text-gray-* 라이트 모드에서 어두운 색상으로
- bg-white/*, border-white/* 라이트 모드에서 어두운 반투명으로
- bg-black/* 라이트 모드에서 밝은 색상으로
- hover 상태도 모두 오버라이드

모든 페이지에서 라이트 모드 텍스트 가독성 개선
---
 frontend/src/index.css | 49 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 49 insertions(+)

diff --git a/frontend/src/index.css b/frontend/src/index.css
index 4e9e632..6ca7b94 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -52,6 +52,55 @@
   --card-border: rgba(0, 0, 0, 0.1);
 }
 
+/* 라이트 모드 Tailwind 색상 오버라이드 */
+.light .text-white {
+  color: #18181b !important;
+}
+
+.light .text-gray-200 {
+  color: #3f3f46 !important;
+}
+
+.light .text-gray-300 {
+  color: #52525b !important;
+}
+
+.light .text-gray-400 {
+  color: #71717a !important;
+}
+
+.light .text-gray-500 {
+  color: #a1a1aa !important;
+}
+
+.light .bg-white\/5,
+.light .bg-white\/10 {
+  background-color: rgba(0, 0, 0, 0.05) !important;
+}
+
+.light .hover\:bg-white\/5:hover,
+.light .hover\:bg-white\/10:hover {
+  background-color: rgba(0, 0, 0, 0.08) !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;
+}
+
+.light .bg-black\/20,
+.light .bg-black\/30 {
+  background-color: rgba(0, 0, 0, 0.05) !important;
+}
+
+.light .hover\:bg-black\/30:hover {
+  background-color: rgba(0, 0, 0, 0.08) !important;
+}
+
 /* 기본 html, body 스타일 */
 html {
   scrollbar-gutter: stable; /* 스크롤바 공간 예약 (세로 스크롤바) */