Lighten secondary button grey fill (#9245)

* lighten secondary button grey * add changeset --------- Co-authored-by: gradio-pr-bot <[email protected]>
gradio-app · Sep 2, 2024 · c8cfe93 · c8cfe93
1 parent 8bb3d34
commit c8cfe93
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 8 deletions.
diff --git a/.changeset/polite-bugs-vanish.md b/.changeset/polite-bugs-vanish.md
@@ -0,0 +1,5 @@
+---
+"gradio": minor
+---
+
+feat:Lighten secondary button grey fill
diff --git a/gradio/themes/base.py b/gradio/themes/base.py
@@ -1789,15 +1789,15 @@ def set(
         )
         self.button_secondary_background_fill = (
             button_secondary_background_fill
-            or getattr(self, "button_secondary_background_fill", "*neutral_300")
+            or getattr(self, "button_secondary_background_fill", "*neutral_200")
         )
         self.button_secondary_background_fill_dark = (
             button_secondary_background_fill_dark
             or getattr(self, "button_secondary_background_fill_dark", "*neutral_600")
         )
         self.button_secondary_background_fill_hover = (
             button_secondary_background_fill_hover
-            or getattr(self, "button_secondary_background_fill_hover", "*neutral_400")
+            or getattr(self, "button_secondary_background_fill_hover", "*neutral_300")
         )
         self.button_secondary_background_fill_hover_dark = (
             button_secondary_background_fill_hover_dark
@@ -1806,7 +1806,7 @@ def set(
             )
         )
         self.button_secondary_border_color = button_secondary_border_color or getattr(
-            self, "button_secondary_border_color", "*neutral_300"
+            self, "button_secondary_border_color", "*neutral_200"
         )
         self.button_secondary_border_color_dark = (
             button_secondary_border_color_dark
@@ -1817,7 +1817,7 @@ def set(
             or getattr(
                 self,
                 "button_secondary_border_color_hover",
-                "*neutral_300",
+                "*neutral_200",
             )
         )
         self.button_secondary_border_color_hover_dark = (

diff --git a/gradio/themes/default.py b/gradio/themes/default.py
@@ -83,13 +83,13 @@ def __init__(
             button_primary_text_color="white",
             button_primary_text_color_dark="white",
             # Secondary Button
-            button_secondary_background_fill="*neutral_300",
+            button_secondary_background_fill="*neutral_200",
             button_secondary_background_fill_dark="*neutral_600",
-            button_secondary_background_fill_hover="*neutral_400",
+            button_secondary_background_fill_hover="*neutral_300",
             button_secondary_background_fill_hover_dark="*neutral_700",
-            button_secondary_border_color="*neutral_300",
+            button_secondary_border_color="*neutral_200",
             button_secondary_border_color_dark="*neutral_600",
-            button_secondary_border_color_hover="*neutral_300",
+            button_secondary_border_color_hover="*neutral_200",
             button_secondary_border_color_hover_dark="*neutral_500",
             button_secondary_text_color="black",
             button_secondary_text_color_dark="white",