Update app.py

app.py

@@ -80,44 +80,40 @@ footer {
     overflow: hidden;
 }
 
-body, input, button, textarea, select, .gr-button {
-    font-family: 'Poppins', sans-serif;
+body, .gr-block, .gr-container {
+    font-family: 'Poppins', sans-serif !important;
     background-color: #191a1e !important;
     color: #FFFFFF !important;
 }
 
-h1, h2, h3, h4, h5, h6 {
-    font-family: 'Poppins', sans-serif;
-    font-weight: 700;
+h1, h2, h3, h4, h5, h6, p, label, .gr-button {
     color: #FFFFFF !important;
 }
 
-input[type="text"], textarea {
-    background-color: #191a1e !important;
-    color: #FFFFFF !important;
-    border: 1px solid #FFFFFF !important;
-}
-
-.generate-button {
+/* Стили кнопки Generate */
+.gr-button {
     background-color: #5271FF !important;
     color: #FFFFFF !important;
     border: none !important;
     font-weight: bold !important;
+    border-radius: 5px !important;
+    padding: 10px 20px !important;
 }
 
-.generate-button:hover {
+.gr-button:hover {
     background-color: #405BBF !important;
+    color: #FFFFFF !important;
 }
 
+/* Области для загрузки изображений */
 gr-image-upload {
     background-color: #191a1e !important;
     border: 1px dashed #FFFFFF !important;
-    position: relative;
 }
 
 .gr-image-upload .dropzone::before {
     content: 'Drop Image Here';
-    color: #FFFFFF;
+    color: #FFFFFF !important;
     font-size: 1rem;
     font-weight: bold;
     text-align: center;
@@ -127,25 +123,29 @@ gr-image-upload {
     transform: translate(-50%, -50%);
 }
 
-.drop-image-container {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
+.gr-image-upload .dropzone {
+    background-color: #191a1e !important;
+    border: 1px dashed #FFFFFF !important;
 }
 
-.drop-image, .processed-image {
-    margin-bottom: 20px;
+/* Слайдер и контейнеры */
+.gr-slider {
     background-color: #191a1e !important;
+    color: #FFFFFF !important;
+}
+
+.gr-checkbox {
+    color: #FFFFFF !important;
 }
 
-.foreground-ratio-container {
-    margin-top: 20px;
-    margin-bottom: 20px;
+.drop-image, .processed-image {
+    background-color: #191a1e !important;
+    border: 1px solid #FFFFFF !important;
 }
 
 .gr-tab {
     background-color: #191a1e !important;
-    border: 1px solid #FFFFFF;
+    border: 1px solid #FFFFFF !important;
     border-radius: 5px;
     margin-top: 10px;
 }
@@ -154,17 +154,6 @@ gr-image-upload {
     color: #FFFFFF !important;
     font-weight: bold;
 }
-
-.gr-button-primary {
-    background-color: #5271FF !important;
-    color: #FFFFFF !important;
-    border: none;
-}
-
-.gr-button-primary:hover {
-    background-color: #405BBF !important;
-    color: #FFFFFF !important;
-}
 """
 
 # Интерфейс