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"> <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 justify-between">
<div className="flex items-center gap-3"> <div className="flex items-center gap-3">
<picture> <img src="/logo-80h.png" alt="Tasteby" className="h-7" />
<source srcSet="/logo-dark-80h.png" media="(prefers-color-scheme: dark)" />
<img src="/logo-80h.png" alt="Tasteby" className="h-7" />
</picture>
<span className="text-xl font-bold text-gray-500">Admin</span> <span className="text-xl font-bold text-gray-500">Admin</span>
{!isAdmin && ( {!isAdmin && (
<span className="px-2 py-0.5 bg-yellow-100 text-yellow-700 rounded text-xs font-medium">읽기 전용</span> <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-800: #9A4500;
--brand-900: #6B3000; --brand-900: #6B3000;
--brand-950: #3D1A00; --brand-950: #3D1A00;
color-scheme: light; color-scheme: only light !important;
} }
@theme inline { @theme inline {

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

@@ -28,9 +28,10 @@ export default function RootLayout({
children: React.ReactNode; children: React.ReactNode;
}>) { }>) {
return ( return (
<html lang="ko" className="bg-background" style={{ colorScheme: "light" }} suppressHydrationWarning> <html lang="ko" className="bg-background" style={{ colorScheme: "only light" }} suppressHydrationWarning>
<head> <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.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="anonymous" /> <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" /> <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"> <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"> <div className="px-5 py-3 flex items-center justify-between">
<button onClick={handleReset} className="shrink-0"> <button onClick={handleReset} className="shrink-0">
<picture> <img src="/logo-80h.png" alt="Tasteby" className="h-7 md:h-8" />
<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>
</button> </button>
{/* Desktop: search + filters */} {/* Desktop: search + filters */}