Update app.py

app.py

@@ -83,8 +83,8 @@ def stop_loading():
 class CustomTheme(gr.themes.Base):
     def __init__(self):
         super().__init__()
-        self.primary_hue = "#191a1e"
-        self.background_fill_primary = "#191a1e"
+        self.primary_hue = "#5271FF"  # Сохраняем голубой цвет для кнопок и контейнеров
+        self.background_fill_primary = "#191a1e"  # Фоновый цвет страницы
         self.background_fill_secondary = "#191a1e"
         self.background_fill_tertiary = "#191a1e"
         self.text_color_primary = "#FFFFFF"
@@ -95,73 +95,39 @@ class CustomTheme(gr.themes.Base):
 
 
 css = """
-/* Скрываем нижний колонтитул */
-footer {
-    visibility: hidden;
-    height: 0;
+/* Задаем фоновый цвет всей страницы */
+body {
+    background-color: #191a1e !important; /* Тёмный фон */
     margin: 0;
     padding: 0;
-    overflow: hidden;
 }
+
 /* Применяем шрифты */
 @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap');
 body, input, button, textarea, select, .gr-button {
     font-family: 'Poppins', sans-serif;
-    background-color: #191a1e !important;
     color: #FFFFFF;
 }
+
 /* Настройки заголовков */
 h1, h2, h3, h4, h5, h6 {
     font-family: 'Poppins', sans-serif;
     font-weight: 700;
     color: #FFFFFF;
 }
-/* Стили для элемента загрузки изображения */
-.custom-upload {
-    background-color: #191a1e !important; /* Фон для загрузки изображения */
-    border: 1px solid #FFFFFF !important; /* Белая граница */
-    color: #FFFFFF !important; /* Цвет текста */
-}
-
-/* Лоадер с пульсацией и вращением */
-#loading-bar {
-    display: none; /* Скрыт по умолчанию */
-    position: absolute; /* Абсолютная позиция внутри кнопки */
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    width: 30px;
-    height: 30px;
-    border: 4px solid rgba(82, 113, 255, 0.3); /* Полупрозрачная обводка */
-    border-top: 4px solid #5271FF; /* Основной цвет лоадера */
-    border-radius: 50%;
-    animation: spin 1s linear infinite, pulse 1.5s ease-in-out infinite;
-}
 
-/* Анимация вращения */
-@keyframes spin {
-    0% {
-        transform: translate(-50%, -50%) rotate(0deg);
-    }
-    100% {
-        transform: translate(-50%, -50%) rotate(360deg);
-    }
+/* Цвет кнопок */
+.generate-button {
+    background-color: #5271FF !important; /* Голубой */
+    color: #FFFFFF !important;
+    border: none;
+    font-weight: bold;
 }
 
-/* Анимация пульсации */
-@keyframes pulse {
-    0% {
-        transform: translate(-50%, -50%) scale(1);
-        border-width: 4px;
-    }
-    50% {
-        transform: translate(-50%, -50%) scale(1.2);
-        border-width: 2px;
-    }
-    100% {
-        transform: translate(-50%, -50%) scale(1);
-        border-width: 4px;
-    }
+/* Цвет контейнеров */
+.gr-block {
+    background-color: #1c1c24 !important; /* Голубоватый тёмный фон */
+    border: 1px solid #5271FF !important; /* Голубая рамка */
 }
 """
 
@@ -177,7 +143,6 @@ with gr.Blocks(theme=CustomTheme(), css=css) as demo:
                 type="pil",
                 width=400,
                 height=300,
-                elem_classes="custom-upload"  # Уникальный класс для стиля
             )
             processed_image = gr.Image(
                 label="Processed Image",