Update app.py

app.py

@@ -86,7 +86,6 @@ class CustomTheme(gr.themes.Base):
 
 
 css = """
-
 /* Скрываем нижний колонтитул */
 footer {
     visibility: hidden;
@@ -98,6 +97,7 @@ footer {
 
 /* Применяем шрифты */
 @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap');
+
 /* Общий стиль */
 body, input, textarea, select {
     font-family: 'Poppins', sans-serif;
@@ -105,79 +105,32 @@ body, input, textarea, select {
     color: #FFFFFF;
 }
 
-/* Стиль для кнопок */
-button, .gr-button {
-    font-family: 'Poppins', sans-serif;
-    background-color: #5271FF !important; /* Голубой цвет для кнопок */
-    color: #FFFFFF !important; /* Цвет текста кнопки */
-    border: none;
-    border-radius: 5px;
-    padding: 10px 20px;
-    cursor: pointer;
-    transition: background-color 0.3s ease;
-}
-
-button:hover, .gr-button:hover {
-    background-color: #395BB5 !important; /* Более тёмный оттенок при наведении */
-}
-
-
-/* Настройки заголовков */
-h1, h2, h3, h4, h5, h6 {
-    font-family: 'Poppins', sans-serif;
-    font-weight: 700;
-    color: #FFFFFF;
-}
-
-/* Стиль для текстовых полей и кнопок */
-input[type="text"], textarea {
+/* Убираем фон у контейнеров */
+#processed-container, #glb-container {
     background-color: #191a1e !important;
-    color: #FFFFFF;
-    border: 1px solid #FFFFFF;
+    border: none !important;
 }
 
-/* Слайдер */
-.gr-slider {
-    height: 40px !important; /* Увеличение высоты слайдера */
-    transition: all 0.3s ease !important; /* Плавные переходы */
+/* Убираем фон и стили контейнера изображения */
+.gr-image {
+    background-color: transparent !important;
+    border: none !important;
+    box-shadow: none !important;
 }
 
-.gr-slider .slider-value {
-    display: none !important; /* Прячем текст значения */
-}
-
-.gr-slider .slider::-webkit-slider-thumb {
-    height: 15px !important;
-    width: 15px !important;
-    background-color: #5271FF !important; /* Цвет совпадает с кнопкой */
-    border-radius: 50%;
-}
-
-.gr-slider .slider::-webkit-slider-runnable-track {
-    background: #5271FF !important; /* Цвет заполнения слайдера */
+/* Общий стиль для всех контейнеров */
+.gr-column, .gr-row, .gr-block {
+    background-color: #191a1e !important;
+    border: none !important;
 }
 
-/* Кнопка Generate */
-.generate-button {
-    background-color: #5271FF !important;
+/* Настраиваем текстовые поля, чтобы они были прозрачными */
+.gr-input, .gr-textbox {
+    background-color: transparent !important;
     color: #FFFFFF !important;
-    border: none;
-    font-weight: bold;
-}
-
-.generate-button:hover {
-    background-color: #405BBF !important; /* Цвет при наведении */
+    border: 1px solid #FFFFFF !important;
 }
-
-/* Выделяем текст для Prompt */
-.prompt-text {
-    font-weight: bold;
-    color: #FFFFFF;
-}
-
 """
-
-# Интерфейс
 # Интерфейс
 with gr.Blocks(theme=CustomTheme(), css=css) as demo:
     with gr.Column():