Upload 2 files

main_app.py

@@ -998,18 +998,34 @@ def update_background(scene_manager: SceneManager, theme: str):
     try:
         logger.info(f"背景更新（ガード句なし）開始 - テーマ: {theme}")
         css_dict = {
-        "default":"background-image: url('https://huggingface.co/spaces/sirochild/mari-chat-3/resolve/main/static/ribinngu-hiru.jpg');",
-        "room_night":"background-image: url('https://huggingface.co/spaces/sirochild/mari-chat-3/resolve/main/static/ribinngu-yoru-on.jpg');",
-        "beach_sunset":"background-image: url('https://huggingface.co/spaces/sirochild/mari-chat-3/resolve/main/static/sunahama-hiru.jpg');",
-        "festival_night":"background-image: url('https://huggingface.co/spaces/sirochild/mari-chat-3/resolve/main/static/maturi-yoru.jpg');",
-        "shrine_day":"background-image: url('https://huggingface.co/spaces/sirochild/mari-chat-3/resolve/main/static/jinnjya-hiru.jpg');",
-        "cafe_afternoon":"background-image: url('https://huggingface.co/spaces/sirochild/mari-chat-3/resolve/main/static/kissa-hiru.jpg');",
-        "art_museum_night":"background-image: url('https://huggingface.co/spaces/sirochild/mari-chat-3/resolve/main/static/bijyutukann-yoru.jpg');",
-    }
+            "default": "background-image: url('https://huggingface.co/spaces/sirochild/mari-chat-3/resolve/main/static/ribinngu-hiru.jpg');",
+            "room_night": "background-image: url('https://huggingface.co/spaces/sirochild/mari-chat-3/resolve/main/static/ribinngu-yoru-on.jpg');",
+            "beach_sunset": "background-image: url('https://huggingface.co/spaces/sirochild/mari-chat-3/resolve/main/static/sunahama-hiru.jpg');",
+            "festival_night": "background-image: url('https://huggingface.co/spaces/sirochild/mari-chat-3/resolve/main/static/maturi-yoru.jpg');",
+            "shrine_day": "background-image: url('https://huggingface.co/spaces/sirochild/mari-chat-3/resolve/main/static/jinnjya-hiru.jpg');",
+            "cafe_afternoon": "background-image: url('https://huggingface.co/spaces/sirochild/mari-chat-3/resolve/main/static/kissa-hiru.jpg');",
+            "art_museum_night": "background-image: url('https://huggingface.co/spaces/sirochild/mari-chat-3/resolve/main/static/bijyutukann-yoru.jpg');",
+        }
+        
+        # デバッグ用：使用する背景画像URLをログ出力
+        selected_bg = css_dict.get(theme, css_dict['default'])
+        logger.info(f"背景画像設定: {selected_bg}")
         css = f"""
         <style>
-        .stApp {{
-            {css_dict.get(theme, css_dict['default'])}
+        /* 背景画像を確実に適用するための強力なセレクタ - 優先度を最大化 */
+        .stApp.stApp.stApp {{
+            {selected_bg}
+            background-size: cover !important;
+            background-position: center !important;
+            background-attachment: fixed !important;
+            background-repeat: no-repeat !important;
+            min-height: 100vh !important;
+        }}
+        
+        /* フォールバック用 - より広範囲に適用 */
+        .stApp > div:first-child,
+        [data-testid="stAppViewContainer"] {{
+            {selected_bg}
             background-size: cover !important;
             background-position: center !important;
             background-attachment: fixed !important;
@@ -1017,9 +1033,17 @@ def update_background(scene_manager: SceneManager, theme: str):
             min-height: 100vh !important;
         }}
 
+        /* bodyとhtmlは透過に */
         html, body {{
-                background: none !important;
-            }}
+            background: none !important;
+        }}
+        
+        /* 他の要素は透過にして背景を見せる */
+        [data-testid="stAppViewContainer"] > section,
+        [data-testid="stAppViewContainer"] > section > div.block-container,
+        .main .block-container {{
+            background: transparent !important;
+        }}
         </style>
         """
         st.markdown(css, unsafe_allow_html=True)

streamlit_styles.css

@@ -41,20 +41,10 @@ body {
     background: none !important;
 }
 
-/* テーマごとに背景画像を切り替える */
-
-/* 共通背景設定 */
-body[class^="theme-"] {
-    background-size: cover !important;
-    background-position: center !important;
-    background-attachment: fixed !important;
-    background-repeat: no-repeat !important;
-    transition: background-image 1.5s ease-in-out;
-    min-height: 100vh;
-}
+/* 背景画像は動的にJavaScriptで設定されるため、静的な設定は削除 */
 
 /* Streamlit内部背景透過で下の背景を見せる */
-.stApp,
+/* .stAppは動的に背景が設定されるため、透過設定を削除 */
 [data-testid="stAppViewContainer"] > section,
 [data-testid="stAppViewContainer"] > section > div.block-container,
 .main .block-container {