Update app.py

app.py

@@ -1,196 +1,48 @@
-import gradio as gr
-import numpy as np
-import random
-import spaces
-from diffusers import DiffusionPipeline
-import torch
-
-device = "cuda" if torch.cuda.is_available() else "cpu"
-model_repo_id = "stabilityai/stable-diffusion-3.5-large"
-
-if torch.cuda.is_available():
-    torch_dtype = torch.bfloat16
-else:
-    torch_dtype = torch.float32
-
-pipe = DiffusionPipeline.from_pretrained(model_repo_id, torch_dtype=torch_dtype)
-pipe = pipe.to(device)
-
-MAX_SEED = np.iinfo(np.int32).max
-MAX_IMAGE_SIZE = 1024
-
-@spaces.GPU(duration=65)
-def infer(
-    prompt,
-    negative_prompt="",
-    seed=42,
-    randomize_seed=False,
-    width=1024,
-    height=1024,
-    guidance_scale=4.5,
-    num_inference_steps=40,
-    progress=gr.Progress(track_tqdm=True),
-):
-    if randomize_seed:
-        seed = random.randint(0, MAX_SEED)
-
-    generator = torch.Generator().manual_seed(seed)
-
-    image = pipe(
-        prompt=prompt,
-        negative_prompt=negative_prompt,
-        guidance_scale=guidance_scale,
-        num_inference_steps=num_inference_steps,
-        width=width,
-        height=height,
-        generator=generator,
-    ).images[0]
-
-    return image, seed
-
-examples = [
-    "A border collie lying in some Fall leaves as the forest trees change colors",
-]
-
-# Обновленный CSS
-custom_css = """
-body {
-    background-color: #17181B;
-    color: #AEB3B8;
-}
-button {
-    background-color: #5271FF;
-    color: #FFFFFF;
-    border: none;
-}
-button:hover {
-    background-color: #395BB5;
-}
-input[type="range"] {
-    accent-color: #5271FF;
-}
-input[type="checkbox"]:checked {
-    background-color: #5271FF;
-}
-.footer, footer {
-    display: none !important;
-}
 #col-container {
     margin: 0 auto;
-    max-width: 640px;
+    max-width: 520px;
 }
-"""
-
-with gr.Blocks() as demo:
-    # Добавляем стили в начале с помощью gr.HTML()
-    gr.HTML(f"<style>{custom_css}</style>")
-    
-    with gr.Column(elem_id="col-container"):
-        gr.Markdown("Prompt")
-
-        with gr.Row():
-            prompt = gr.Text(
-                label="Prompt",
-                show_label=False,
-                max_lines=1,
-                placeholder="Enter your prompt",
-                container=False,
-            )
-
-            run_button = gr.Button("Generate", scale=0, variant="primary")
 
-        result = gr.Image(label="Result", show_label=False)
-
-        with gr.Accordion("Advanced Settings", open=False):
-            negative_prompt = gr.Text(
-                label="Negative Prompt",
-                max_lines=1,
-                placeholder="Enter a negative prompt",
-                visible=False,
-            )
-
-            seed = gr.Slider(
-                label="Seed",
-                minimum=0,
-                maximum=MAX_SEED,
-                step=1,
-                value=0,
-            )
-
-            randomize_seed = gr.Checkbox(label="Randomize Seed", value=True)
+/* Кнопки */
+.gr-button {
+    background-color: #5271FF !important; /* Основной цвет кнопки */
+    border-color: #5271FF !important; /* Граница кнопки */
+    color: white !important; /* Цвет текста кнопки */
+}
 
-            with gr.Row():
-                width = gr.Slider(
-                    label="Width",
-                    minimum=512,
-                    maximum=MAX_IMAGE_SIZE,
-                    step=32,
-                    value=1024, 
-                )
+.gr-button:hover,
+.gr-button:focus,
+.gr-button:active {
+    background-color: #3e5ac0 !important; /* Цвет кнопки при наведении или нажатии */
+    border-color: #3e5ac0 !important;
+}
 
-                height = gr.Slider(
-                    label="Height",
-                    minimum=512,
-                    maximum=MAX_IMAGE_SIZE,
-                    step=32,
-                    value=1024,
-                )
+/* Ползунки */
+.gr-slider .noUi-connect {
+    background: #5271FF !important; /* Цвет заполненной части ползунка */
+}
 
-            with gr.Row():
-                guidance_scale = gr.Slider(
-                    label="Guidance Scale",
-                    minimum=0.0,
-                    maximum=7.5,
-                    step=0.1,
-                    value=4.5,
-                )
+.gr-slider .noUi-handle {
+    border-color: #5271FF !important; /* Цвет рукоятки ползунка */
+}
 
-                num_inference_steps = gr.Slider(
-                    label="Number of Inference Steps",
-                    minimum=1,
-                    maximum=50,
-                    step=1,
-                    value=40, 
-                )
+.gr-slider .noUi-handle:focus,
+.gr-slider .noUi-handle:active {
+    border-color: #3e5ac0 !important; /* Цвет рукоятки при фокусе или нажатии */
+}
 
-        gr.Examples(
-            examples=examples,
-            inputs=[prompt],
-            outputs=[result, seed],
-            fn=infer,
-            cache_examples=True,
-            cache_mode="lazy"
-        )
+/* Чекбоксы */
+.gr-checkbox label::before {
+    border-color: #5271FF !important; /* Цвет границы чекбокса */
+}
 
-    # Используем метод click для кнопки и submit для текстового поля
-    run_button.click(
-        fn=infer,
-        inputs=[
-            prompt,
-            negative_prompt,
-            seed,
-            randomize_seed,
-            width,
-            height,
-            guidance_scale,
-            num_inference_steps,
-        ],
-        outputs=[result, seed],
-    )
-    prompt.submit(
-        fn=infer,
-        inputs=[
-            prompt,
-            negative_prompt,
-            seed,
-            randomize_seed,
-            width,
-            height,
-            guidance_scale,
-            num_inference_steps,
-        ],
-        outputs=[result, seed],
-    )
+.gr-checkbox input[type=checkbox]:checked + label::before {
+    background-color: #5271FF !important; /* Цвет фона чекбокса при выборе */
+}
 
-if __name__ == "__main__":
-    demo.launch(server_name="0.0.0.0", server_port=7860, share=True, show_api=False) 
+/* Текстовые поля и другие элементы */
+input[type="text"]:focus,
+textarea:focus {
+    border-color: #5271FF !important; /* Цвет границы текстовых полей при фокусе */
+    outline: none !important; /* Убирает стандартный outline */
+}