Update app.py

app.py

@@ -210,6 +210,7 @@ class CustomTheme(gr.themes.Base):
             "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap",
         )
 
+# Обновленный CSS для полного перекрашивания
 css = """
 /* Универсальный сброс стилей */
 *, *::before, *::after {
@@ -221,28 +222,26 @@ html, body {
     background-color: #191a1e !important;
     margin: 0 !important;
     padding: 0 !important;
-    width: 100vw;
-    height: 100vh;
-    overflow: hidden; 
+    width: 100vw !important;
+    height: 100vh !important;
+    /* Не используем overflow: hidden, чтобы фон мог растянуться */
 }
 
 /* Перекрываем потенциальные обёртки Hugging Face */
-#root, #__next, body > div, body > div > div {
+#root, #__next, body > div, body > div > div, body > div > div > div {
     background-color: #191a1e !important;
     margin: 0 !important;
     padding: 0 !important;
     border: none !important;
-    width: 100%;
-    height: 100%;
-    overflow: hidden;
+    width: 100% !important;
+    height: 100% !important;
 }
 
 /* Основные контейнеры Gradio */
 .gradio-container, .gr-app {
     background-color: #191a1e !important;
-    width: 100%;
-    height: 100%;
-    overflow: hidden;
+    width: 100% !important;
+    height: 100% !important;
 }
 
 /* Все внутренние блоки Gradio */
@@ -256,20 +255,20 @@ html, body {
 .generate-button {
     background-color: #5271FF !important;
     color: #FFFFFF !important;
-    border: none;
-    font-weight: bold;
-    font-size: 1.2em;
-    padding: 0.75em 2em;
-    border-radius: 0.3em;
+    border: none !important;
+    font-weight: bold !important;
+    font-size: 1.2em !important;
+    padding: 0.75em 2em !important;
+    border-radius: 0.3em !important;
 }
 
 /* Скрываем footer */
 footer {
-    visibility: hidden;
-    height: 0;
-    margin: 0;
-    padding: 0;
-    overflow: hidden;
+    visibility: hidden !important;
+    height: 0 !important;
+    margin: 0 !important;
+    padding: 0 !important;
+    overflow: hidden !important;
 }
 """