fix(ui): 다크모드 페이지 전환 깜빡임 및 히어로 이미지 개선

realcoding2003 · realcoding2003 · commit bf5bde935da9 · 2026-02-14T15:37:08.000+09:00
- head에 인라인 스크립트로 테마 즉시 적용하여 FOUC 제거
- 다크모드 히어로 이미지에 brightness 필터 적용
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -3,9 +3,10 @@
 {% assign current_lang = page.lang | default: site.default_lang %}
 {% assign lang_data = site.data[current_lang] %}
 
-<html lang="{{ current_lang }}" data-theme="light">
+<html lang="{{ current_lang }}">
 <head>
     <meta charset="UTF-8">
+    <script>document.documentElement.setAttribute('data-theme',localStorage.getItem('theme')||'light')</script>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>{{ page.title | default: lang_data.site.title }} | {{ lang_data.site.title }}</title>
     <meta name="description" content="{{ page.description | default: lang_data.site.description }}">
diff --git a/assets/css/main.css b/assets/css/main.css
@@ -466,6 +466,12 @@ a:hover {
     background: linear-gradient(135deg, rgba(13,17,23,0.92) 0%, rgba(68,147,248,0.35) 100%);
 }
 
+[data-theme="dark"] .blog-hero,
+[data-theme="dark"] .about-hero,
+[data-theme="dark"] .post-hero {
+    filter: brightness(0.8);
+}
+
 .hero-text {
     position: relative;
     z-index: 1;
