From 4f8b4f435edeeb8702fead05f2d5fa72017362d9 Mon Sep 17 00:00:00 2001 From: joungmin Date: Wed, 11 Mar 2026 21:30:49 +0900 Subject: [PATCH] =?UTF-8?q?=EB=9D=BC=EC=9D=B4=ED=8A=B8=20=ED=85=8C?= =?UTF-8?q?=EB=A7=88=20=EA=B0=95=EC=A0=9C=20=EC=A0=81=EC=9A=A9=20+=20surfa?= =?UTF-8?q?ce=20=ED=86=A0=ED=81=B0=20+=20=ED=85=8D=EC=8A=A4=ED=8A=B8=20?= =?UTF-8?q?=EB=8C=80=EB=B9=84=20=EA=B0=9C=EC=84=A0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - dark: 클래스를 class 기반으로 전환 (다크모드 비활성화) - color-scheme: light 강제 - surface 색상 토큰 추가 (카드/패널용) - 리스트/사이드바 배경 bg-surface로 통일 - 텍스트 대비 강화 (gray-400 → gray-500/700) Co-Authored-By: Claude Opus 4.6 --- frontend/src/app/globals.css | 19 +++++++++---- frontend/src/app/layout.tsx | 2 +- frontend/src/app/page.tsx | 32 +++++++++++----------- frontend/src/components/BottomSheet.tsx | 2 +- frontend/src/components/LoginMenu.tsx | 2 +- frontend/src/components/MapView.tsx | 4 +-- frontend/src/components/RestaurantList.tsx | 12 ++++---- frontend/src/components/SearchBar.tsx | 2 +- 8 files changed, 41 insertions(+), 34 deletions(-) diff --git a/frontend/src/app/globals.css b/frontend/src/app/globals.css index c4aaabc..9605434 100644 --- a/frontend/src/app/globals.css +++ b/frontend/src/app/globals.css @@ -1,8 +1,12 @@ @import "tailwindcss"; +/* Force light mode: dark: classes only activate with .dark ancestor */ +@custom-variant dark (&:is(.dark *)); + :root { --background: #FFFAF5; --foreground: #171717; + --surface: #FFFFFF; --brand-50: #FFF8F0; --brand-100: #FFEDD5; --brand-200: #FFD6A5; @@ -14,12 +18,13 @@ --brand-800: #9A4500; --brand-900: #6B3000; --brand-950: #3D1A00; - color-scheme: light dark; + color-scheme: light; } @theme inline { --color-background: var(--background); --color-foreground: var(--foreground); + --color-surface: var(--surface); --color-brand-50: var(--brand-50); --color-brand-100: var(--brand-100); --color-brand-200: var(--brand-200); @@ -34,12 +39,14 @@ --font-sans: var(--font-pretendard), var(--font-geist), system-ui, sans-serif; } -@media (prefers-color-scheme: dark) { - :root { - --background: #0a0a0a; - --foreground: #ededed; - } +/* Dark mode CSS vars (disabled — activate by adding .dark class to ) */ +/* +.dark { + --background: #12100E; + --foreground: #ededed; + --surface: #1C1916; } +*/ body { background: var(--background); diff --git a/frontend/src/app/layout.tsx b/frontend/src/app/layout.tsx index 0476482..9a39e02 100644 --- a/frontend/src/app/layout.tsx +++ b/frontend/src/app/layout.tsx @@ -28,7 +28,7 @@ export default function RootLayout({ children: React.ReactNode; }>) { return ( - + {children} diff --git a/frontend/src/app/page.tsx b/frontend/src/app/page.tsx index 2513ac9..2a79abf 100644 --- a/frontend/src/app/page.tsx +++ b/frontend/src/app/page.tsx @@ -583,9 +583,9 @@ export default function Home() { ); return ( -
+
{/* ── Header row 1: Logo + User ── */} -
+
- + {filteredRestaurants.length}개
@@ -659,7 +659,7 @@ export default function Home() { @@ -694,7 +694,7 @@ export default function Home() {

{ch.channel_name}

- {ch.description &&

{ch.description}

} + {ch.description &&

{ch.description}

}
))} @@ -705,7 +705,7 @@ export default function Home() {
{/* 음식 필터 그룹 */}
- 음식 + 음식 handleCountryChange(e.target.value)} @@ -1074,7 +1074,7 @@ export default function Home() {
{viewMode === "map" ? ( <> -