Update app.py

app.py

@@ -491,41 +491,51 @@ def remove_custom_lora():
 
 run_lora.zerogpu = True
 
-css = '''
-body {
-    font-family: sans-serif;
-    margin: 0;
-    padding: 0;
-    background-color: #f5f5f5; /* Fundo claro */
-}
-
-.main-container {
-    font-family: sans-serif;
-    margin: 0;
-    padding: 20px;
-    background-color: #f5f5f5; /* Fundo claro para o container */
-}
-
-.container {
-    max-width: 80%;
-    margin: 40px auto 0; 
-    padding: 20px;
-    background-color: #fff; /* Fundo branco dos blocos */
-    border-radius: 15px;
-    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
-}
-
-h1, h2 {
-    color: #333; /* Textos no cinza escuro */
-}
-
-p, label {
-    color: #555; /* Textos no cinza médio */
-}
-'''
-
-
-with gr.Blocks(theme="soft", delete_cache=(60, 60)) as app:
+# Criar o tema personalizado
+collos = gr.themes.Default(
+    primary_hue="blue",  # Cor principal
+    neutral_hue="gray",  # Cor neutra
+).set(
+    # Fundo do corpo
+    body_background_fill="#f5f5f5",
+    body_text_color="#333",
+    
+    # Blocos
+    block_background_fill="#ffffff",
+    block_border_color="#e0e0e0",
+    block_border_width="1px",
+    block_border_radius="15px",
+    block_shadow="0 1px 2px rgba(0, 0, 0, 0.1)",
+
+    # Títulos e textos
+    text_color="#555",
+    text_heading_color="#333",
+    text_heading_font_weight="bold",
+    text_heading_font_size="24px",
+    text_heading_margin="0 0 10px 0",
+
+    # Links
+    link_text_color="#007bff",
+    link_text_decoration="none",
+    link_text_hover_decoration="underline",
+
+    # Botões
+    button_primary_background_fill="#007bff",
+    button_primary_text_color="#ffffff",
+    button_primary_border_radius="20px",
+    button_primary_border="2px solid #007bff",
+    button_primary_background_fill_hover="#0056b3",  # Tom mais escuro no hover
+    button_primary_text_color_hover="#ffffff",
+
+    # Rodapé e mensagem final
+    footer_text_color="#5F6368",
+    footer_text_font_size="12px",
+    footer_text_align="center",
+    footer_text_margin="10px auto",
+)
+
+
+with gr.Blocks(theme=collos, delete_cache=(60, 60)) as app:
     title = gr.HTML(
         """<img src="https://collos.com.br/wp-content/uploads/2024/12/collos_p.png" alt="Logo" style="display: block; margin: 0 auto; padding: 5px 0px 20px 0px; width: 200px;" />""",
         elem_id="title",