Update app.py

app.py

@@ -68,21 +68,38 @@ def stop_loading():
 
 
 # Настройка темы и CSS
+class CustomTheme(gr.themes.Base):
+    def __init__(self):
+        super().__init__()
+        self.primary_hue = "#191a1e"
+        self.background_fill_primary = "#191a1e"
+        self.background_fill_secondary = "#191a1e"
+        self.background_fill_tertiary = "#191a1e"
+        self.text_color_primary = "#FFFFFF"
+        self.text_color_secondary = "#FFFFFF"
+        self.text_color_tertiary = "#FFFFFF"
+        self.input_background_fill = "#191a1e"
+        self.input_text_color = "#FFFFFF"
+
+
 css = """
-/* Глобальный фон для всей страницы */
+/* Подключение шрифта */
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap');
+
+/* Фон и общий стиль */
 body, .gr-block, .gr-container {
     background-color: #191a1e !important;
     color: #FFFFFF !important;
     font-family: 'Poppins', sans-serif !important;
 }
 
-/* Цвет текста для заголовков и меток */
-h1, h2, h3, h4, h5, h6, p, label, .gr-slider-label, .gr-checkbox {
-    color: #FFFFFF !important;
+/* Стиль заголовков */
+h1, h2, h3, h4, h5, h6, p, label {
     font-weight: bold !important;
+    color: #FFFFFF !important;
 }
 
-/* Стили кнопки Generate */
+/* Стили для кнопки Generate */
 .gr-button {
     background-color: #5271FF !important;
     color: #FFFFFF !important;
@@ -118,13 +135,15 @@ h1, h2, h3, h4, h5, h6, p, label, .gr-slider-label, .gr-checkbox {
     100% { transform: translate(-50%, -50%) rotate(360deg); }
 }
 
-/* Фон и границы для областей изображений */
-gr-image-upload {
+/* Стиль для текстовых полей */
+input, textarea {
     background-color: #191a1e !important;
-    border: 1px dashed #FFFFFF !important;
+    color: #FFFFFF !important;
+    border: 1px solid #FFFFFF !important;
 }
 
-.gr-image-upload .dropzone {
+/* Области загрузки изображений */
+gr-image-upload {
     background-color: #191a1e !important;
     border: 1px dashed #FFFFFF !important;
 }
@@ -134,31 +153,11 @@ gr-image-upload {
     color: #FFFFFF !important;
     font-size: 1rem;
     font-weight: bold;
-    text-align: center;
-}
-
-/* Значение слайдера */
-.gr-slider span {
-    color: #FFFFFF !important;
-    font-weight: bold !important;
-}
-
-/* Фон и текст вкладок */
-.gr-tab {
-    background-color: #191a1e !important;
-    border: 1px solid #FFFFFF !important;
-    border-radius: 5px;
-    margin-top: 10px;
-}
-
-.gr-tab label {
-    color: #FFFFFF !important;
-    font-weight: bold !important;
 }
 """
 
 # Интерфейс
-with gr.Blocks(css=css) as demo:
+with gr.Blocks(theme=CustomTheme(), css=css) as demo:
     with gr.Column():
         gr.Markdown("**Upload and Process Your Image**")
         with gr.Row():
@@ -215,4 +214,8 @@ with gr.Blocks(css=css) as demo:
         )
 
 # Запуск приложения
-demo.launch()
+demo.launch(
+    server_name="0.0.0.0",
+    server_port=7860,
+    share=True,
+)