Update app.py

app.py

@@ -528,7 +528,7 @@ self.addEventListener('fetch', event => {
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
     <title>디지털 굿판</title>
     <link rel="manifest" href="/manifest.json">
-    <meta name="theme-color" content="#000000">
+    <meta name="theme-color" content="#0b0f19">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
     <meta name="apple-mobile-web-app-title" content="디지털 굿판">
@@ -537,6 +537,8 @@ self.addEventListener('fetch', event => {
         /* iOS 상태바 영역 보호 */
         body {
             padding-top: env(safe-area-inset-top);
+            background: #0b0f19 !important;
+            color: #ffffff;
         }
         .status-bar {
             position: fixed;
@@ -547,6 +549,8 @@ self.addEventListener('fetch', event => {
             background: black;
             z-index: 1000;
         }
+       #gradio-app {
+            background: #0b0f19 !important;
     </style>
     <script>
         // 페이지 로드 시 상단으로 스크롤
@@ -577,18 +581,11 @@ self.addEventListener('fetch', event => {
 
         // PWA 설치 관련
         if ('serviceWorker' in navigator) {
-            window.addEventListener('load', async () => {
-                try {
-                    const registration = await navigator.serviceWorker.register('/service-worker.js');
-                    console.log('ServiceWorker 등록 성공:', registration.scope);
-                    await preventSleep();
-                } catch (err) {
-                    console.log('ServiceWorker 등록 실패:', err);
-                }
+            window.addEventListener('load', function() {
+                setTimeout(() => {
+                    window.scrollTo(0, 0);
+                }, 100);
             });
-        }
-    </script>
-    <script>
         // 화면 꺼짐 방지
         async function preventSleep() {
             try {
@@ -869,19 +866,20 @@ def create_interface():
             color: #4a90e2 !important;
         }
         }
-        /* Hugging Face 로고 숨기기 */
+     /* Hugging Face 로고 숨기기 */
         div.gr-header {
             display: none !important;
         }
         
-        /* 앱 스타일 컨테이너 */
+        /* 다크 테마 기본 스타일 */
         body {
             margin: 0;
             padding: 0;
-            background: #f5f5f5;
+            background: #0b0f19 !important;
             overflow-x: hidden;
             position: relative;
             min-height: 100vh;
+            color: #ffffff;
         }
         
         /* 메인 컨테이너 스타일링 */
@@ -889,9 +887,9 @@ def create_interface():
             margin: 0 auto !important;
             padding: 0 !important;
             max-width: 800px !important;
-            background: white;
+            background: #0b0f19 !important;
             min-height: 100vh;
-            box-shadow: 0 0 10px rgba(0,0,0,0.1);
+            box-shadow: 0 0 10px rgba(0,0,0,0.3);
             position: relative;
         }
         
@@ -902,14 +900,14 @@ def create_interface():
             left: 0;
             right: 0;
             height: env(safe-area-inset-top);
-            background: black;
+            background: #000000;
             z-index: 1000;
         }
         
         /* 하단 여백 조정 */
         .footer-spacing {
             height: env(safe-area-inset-bottom);
-            background: white;
+            background: #0b0f19;
         }
         
         /* 앱 스크롤 동작 */
@@ -918,10 +916,47 @@ def create_interface():
             scroll-behavior: smooth;
         }
         
-        /* 모바일 Safari에서 고정 요소들의 위치 조정 */
+        /* 모든 탭 컨텐츠 배경색 */
+        .tabs > div {
+            background: #0b0f19 !important;
+        }
+        
+        /* 입력 필드 스타일링 */
+        .gradio-textbox input,
+        .gradio-textbox textarea {
+            background: #1a1f2e !important;
+            color: #ffffff !important;
+            border: 1px solid #2a2f3e !important;
+        }
+        
+        /* 버튼 스타일링 유지 */
+        .gradio-button {
+            background: #2a2f3e !important;
+            color: #ffffff !important;
+            border: none !important;
+        }
+        
+        .gradio-button:hover {
+            background: #3a3f4e !important;
+        }
+        
+        /* 데이터프레임/테이블 스타일링 */
+        .gradio-dataframe {
+            background: #1a1f2e !important;
+            color: #ffffff !important;
+        }
+        
+        /* 모달과 팝업의 배경색 */
+        .modal-content {
+            background: #0b0f19 !important;
+            color: #ffffff !important;
+        }
+        
+        /* iOS 상태바용 메타 태그 색상 */
         @supports (-webkit-touch-callout: none) {
             .status-bar {
                 height: max(env(safe-area-inset-top), 20px);
+                background: #000000;
             }
         }
     """