joungmin/tasteby
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

로고 라이트 고정 + color-scheme only light 강화

Browse Source 
- 다크/라이트 로고 전환 로직 제거, 라이트 로고 고정
- color-scheme: only light !important 강화
- supported-color-schemes 메타 태그 추가

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
joungmin
2026-03-12 13:17:33 +09:00
parent 824c171158
commit 88c1b4243e
4 changed files with 6 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/src/app/admin/page.tsx
View File

@@ -60,10 +60,7 @@ export default function AdminPage() {
<header className="bg-surface border-b border-brand-100 px-6 py-4">
<div className="flex items-center justify-between">
<div className="flex items-center gap-3">
<picture>
<source srcSet="/logo-dark-80h.png" media="(prefers-color-scheme: dark)" />
<img src="/logo-80h.png" alt="Tasteby" className="h-7" />
</picture>
<img src="/logo-80h.png" alt="Tasteby" className="h-7" />
<span className="text-xl font-bold text-gray-500">Admin</span>
{!isAdmin && (
<span className="px-2 py-0.5 bg-yellow-100 text-yellow-700 rounded text-xs font-medium">읽기 전용</span>

2
frontend/src/app/globals.css
View File

@@ -18,7 +18,7 @@
--brand-800: #9A4500;
--brand-900: #6B3000;
--brand-950: #3D1A00;
color-scheme: light;
color-scheme: only light !important;
}
@theme inline {

5
frontend/src/app/layout.tsx
View File

@@ -28,9 +28,10 @@ export default function RootLayout({
children: React.ReactNode;
}>) {
return (
<html lang="ko" className="bg-background" style={{ colorScheme: "light" }} suppressHydrationWarning>
<html lang="ko" className="bg-background" style={{ colorScheme: "only light" }} suppressHydrationWarning>
<head>
<meta name="color-scheme" content="light only" />
<meta name="color-scheme" content="only light" />
<meta name="supported-color-schemes" content="light only" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="anonymous" />
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap" rel="stylesheet" />

5
frontend/src/app/page.tsx
View File

@@ -589,10 +589,7 @@ export default function Home() {
<header className="bg-surface/80 backdrop-blur-md border-b dark:border-gray-800 shrink-0">
<div className="px-5 py-3 flex items-center justify-between">
<button onClick={handleReset} className="shrink-0">
<picture>
<source srcSet="/logo-dark-80h.png" media="(prefers-color-scheme: dark)" />
<img src="/logo-80h.png" alt="Tasteby" className="h-7 md:h-8" />
</picture>
<img src="/logo-80h.png" alt="Tasteby" className="h-7 md:h-8" />
</button>
{/* Desktop: search + filters */}