Update app.py

app.py

@@ -52,20 +52,25 @@ examples = [
     "A border collie lying in some Fall leaves as the forest trees change colors",
 ]
 
-# Custom CSS to modify the colors and loading animation
-css = """
+# Обновленный CSS
+custom_css = """
 body {
     background-color: #17181B;
     color: #AEB3B8;
 }
 button {
-    background-color: #333136;
-    color: #AEB3B8;
-    border: 1px solid #393637;
+    background-color: #5271FF;
+    color: #FFFFFF;
+    border: none;
 }
 button:hover {
-    background-color: #393637;
-    color: #FFFFFF;
+    background-color: #395BB5;
+}
+input[type="range"] {
+    accent-color: #5271FF;
+}
+input[type="checkbox"]:checked {
+    background-color: #5271FF;
 }
 .footer, footer {
     display: none !important;
@@ -74,46 +79,14 @@ button:hover {
     margin: 0 auto;
     max-width: 640px;
 }
-
-/* Custom loading animation */
-.gradio-container .loading {
-    background: none;
-}
-.gradio-container .loading::after {
-    content: '';
-    display: block;
-    width: 40px;
-    height: 40px;
-    margin: 0 auto;
-    border: 5px solid #AEB3B8;
-    border-top-color: transparent;
-    border-radius: 50%;
-    animation: spin 1s linear infinite;
-}
-
-@keyframes spin {
-    to { transform: rotate(360deg); }
-}
-
-/* Remove any orange highlights */
-input[type="range"]::-webkit-slider-thumb {
-    background: #17181B;
-}
-input[type="range"]::-moz-range-thumb {
-    background: #17181B;
-}
-input[type="range"]::-ms-thumb {
-    background: #17181B;
-}
-input[type="checkbox"]:checked {
-    background-color: #5271FF;
-}
 """
 
-with gr.Blocks(css=css) as demo:
+with gr.Blocks() as demo:
+    # Добавляем стили в начале с помощью gr.HTML()
+    gr.HTML(f"<style>{custom_css}</style>")
+    
     with gr.Column(elem_id="col-container"):
-        #gr.Markdown("[Stable Diffusion 3.5 Large (8B) (generation takes about 45 seconds)](https://huggingface.co/stabilityai/stable-diffusion-3.5-large)")
-        gr.Markdown("Promt")
+        gr.Markdown("Prompt")
 
         with gr.Row():
             prompt = gr.Text(
@@ -189,7 +162,7 @@ with gr.Blocks(css=css) as demo:
             cache_mode="lazy"
         )
 
-    # Use click method for the button and submit for the text field
+    # Используем метод click для кнопки и submit для текстового поля
     run_button.click(
         fn=infer,
         inputs=[
@@ -220,4 +193,4 @@ with gr.Blocks(css=css) as demo:
     )
 
 if __name__ == "__main__":
-    demo.launch(server_name="0.0.0.0", server_port=7860, share=True, show_api=False)
+    demo.launch(server_name="0.0.0.0", server_port=7860, share=True, show_api=False)