Se mejoraron estilos v10

app.py

@@ -9,6 +9,13 @@ import time
 import torch
 from transformers import AutoModelForCausalLM, AutoTokenizer, TextIteratorStreamer
 
+DESCRIPTION = """\
+# Llama 3.2 1B Instruct
+Llama 3.2 1B is Meta's latest iteration of open LLMs.
+This is a demo of [`meta-llama/Llama-3.2-3B-Instruct`](https://huggingface.co/meta-llama/Llama-3.2-3B-Instruct), fine-tuned for instruction following.
+For more details, please check [our post](https://huggingface.co/blog/llama32).
+"""
+
 MAX_MAX_NEW_TOKENS = 2048
 DEFAULT_MAX_NEW_TOKENS = 1024
 MAX_INPUT_TOKEN_LENGTH = int(os.getenv("MAX_INPUT_TOKEN_LENGTH", "4096"))
@@ -160,38 +167,43 @@ class SipanGPTTheme(Base):
             font_mono=font_mono,
         )
         self.set(
-            body_background_fill="*neutral_900",
-            body_background_fill_dark="*neutral_950",
-            body_text_color="*neutral_50",
-            body_text_color_dark="*neutral_50",
-            color_accent_soft="*secondary_800",
+            # Light mode settings
+            body_background_fill="*neutral_50",
+            body_text_color="*neutral_900",
+            color_accent_soft="*secondary_200",
             button_primary_background_fill="*primary_600",
             button_primary_background_fill_hover="*primary_500",
-            button_primary_text_color="*neutral_950",
+            button_primary_text_color="*neutral_50",
+            block_title_text_color="*primary_600",
+            input_background_fill="*neutral_200",
+            input_border_color="*neutral_300",
+            input_placeholder_color="*neutral_500",
+            block_background_fill="*neutral_100",
+            block_label_background_fill="*primary_100",
+            block_label_text_color="*neutral_800",
+            checkbox_background_color="*neutral_200",
+            checkbox_border_color="*primary_500",
+            loader_color="*primary_500",
+            slider_color="*primary_500",
+
+            # Dark mode settings
+            body_background_fill_dark="*neutral_900",
+            body_text_color_dark="*neutral_50",
+            color_accent_soft_dark="*secondary_800",
+            button_primary_background_fill_dark="*primary_700",
+            button_primary_background_fill_hover_dark="*primary_600",
             button_primary_text_color_dark="*neutral_950",
-            block_title_text_color="*primary_400",
             block_title_text_color_dark="*primary_400",
-            input_background_fill="*neutral_800",
-            input_background_fill_dark="*neutral_850",
-            input_border_color="*neutral_700",
+            input_background_fill_dark="*neutral_800",
             input_border_color_dark="*neutral_700",
-            input_placeholder_color="*neutral_500",
             input_placeholder_color_dark="*neutral_400",
-            # Añadimos más personalizaciones para mejorar el aspecto general
-            block_background_fill="*neutral_850",
-            block_background_fill_dark="*neutral_900",
-            block_label_background_fill="*primary_900",
-            block_label_background_fill_dark="*primary_950",
-            block_label_text_color="*neutral_200",
-            block_label_text_color_dark="*neutral_100",
-            checkbox_background_color="*neutral_800",
-            checkbox_background_color_dark="*neutral_850",
-            checkbox_border_color="*primary_500",
+            block_background_fill_dark="*neutral_850",
+            block_label_background_fill_dark="*primary_900",
+            block_label_text_color_dark="*neutral_200",
+            checkbox_background_color_dark="*neutral_800",
             checkbox_border_color_dark="*primary_600",
-            loader_color="*primary_400",
-            loader_color_dark="*primary_300",
-            slider_color="*primary_500",
-            slider_color_dark="*primary_400",
+            loader_color_dark="*primary_400",
+            slider_color_dark="*primary_600",
         )
 
 # Uso del tema