refactor: 更改主题颜色写法

modules/presets.py

@@ -164,17 +164,18 @@ ALREADY_CONVERTED_MARK = "<!-- ALREADY CONVERTED BY PARSER. -->"
 
 small_and_beautiful_theme = gr.themes.Soft(
         primary_hue=gr.themes.Color(
-            c50="rgba(2, 193, 96, 0.1)",
-            c100="rgba(2, 193, 96, 0.2)",
-            c200="#02C160",
-            c300="rgba(2, 193, 96, 0.32)",
-            c400="rgba(2, 193, 96, 0.32)",
-            c500="rgba(2, 193, 96, 1.0)",
-            c600="rgba(2, 193, 96, 1.0)",
-            c700="rgba(2, 193, 96, 0.32)",
-            c800="rgba(2, 193, 96, 0.32)",
-            c900="#02C160",
-            c950="#02C160",
+            c50="#EBFAF2",
+            c100="#CFF3E1",
+            c200="#A8EAC8",
+            c300="#77DEA9",
+            c400="#3FD086",
+            c500="#02C160",
+            c600="#06AE56",
+            c700="#05974E",
+            c800="#057F45",
+            c900="#04673D",
+            c950="#2E5541",
+            name="small_and_beautiful",
         ),
         secondary_hue=gr.themes.Color(
             c50="#576b95",
@@ -191,8 +192,9 @@ small_and_beautiful_theme = gr.themes.Soft(
         ),
         neutral_hue=gr.themes.Color(
             name="gray",
-            c50="#f9fafb",
-            c100="#f3f4f6",
+            c50="#f6f7f8",
+            # c100="#f3f4f6",
+            c100="#F2F2F2",
             c200="#e5e7eb",
             c300="#d1d5db",
             c400="#B2B2B2",
@@ -200,25 +202,28 @@ small_and_beautiful_theme = gr.themes.Soft(
             c600="#636363",
             c700="#515151",
             c800="#393939",
-            c900="#272727",
+            # c900="#272727",
+            c900="#2B2B2B",
             c950="#171717",
         ),
         radius_size=gr.themes.sizes.radius_sm,
     ).set(
-        button_primary_background_fill="#06AE56",
-        button_primary_background_fill_dark="#06AE56",
-        button_primary_background_fill_hover="#07C863",
-        button_primary_border_color="#06AE56",
-        button_primary_border_color_dark="#06AE56",
-        button_primary_text_color="#FFFFFF",
-        button_primary_text_color_dark="#FFFFFF",
-        button_secondary_background_fill="#F2F2F2",
-        button_secondary_background_fill_dark="#2B2B2B",
-        button_secondary_text_color="#393939",
-        button_secondary_text_color_dark="#FFFFFF",
+        # button_primary_background_fill="*primary_500",
+        button_primary_background_fill_dark="*primary_600",
+        # button_primary_background_fill_hover="*primary_400",
+        # button_primary_border_color="*primary_500",
+        button_primary_border_color_dark="*primary_600",
+        button_primary_text_color="wihte",
+        button_primary_text_color_dark="white",
+        button_secondary_background_fill="*neutral_100",
+        button_secondary_background_fill_hover="*neutral_50",
+        button_secondary_background_fill_dark="*neutral_900",
+        button_secondary_text_color="*neutral_800",
+        button_secondary_text_color_dark="white",
         # background_fill_primary="#F7F7F7",
         # background_fill_primary_dark="#1F1F1F",
-        block_title_text_color="*primary_500",
-        block_title_background_fill="*primary_100",
+        # block_title_text_color="*primary_500",
+        block_title_background_fill_dark="*primary_900",
+        block_label_background_fill_dark="*primary_900",
         input_background_fill="#F6F6F6",
     )