Update canva_theme.py

canva_theme.py

@@ -4,15 +4,14 @@ from gradio.themes.base import Base
 from gradio.themes.utils import fonts
 
 from colors import (
-    purple,  # Primary brand color
-    blue,    # Secondary brand color
-    grey,    # Neutral shades
-    green,   # Success states
-    red,     # Error states
-    yellow,  # Warning states
-    white,   # White with alpha variations
-    black,   # Black with alpha variations
-    purple_alpha  # Purple with alpha variations
+    purple,
+    blue,
+    grey,
+    green,
+    red,
+    white,
+    black,
+    purple_alpha
 )
 from sizes import spacing_md, radius_sm, text_md
 
@@ -22,11 +21,11 @@ class CanvaTheme(Base):
         *,
         font: fonts.Font | str = fonts.LocalFont(
             "CanvaSans",
-            weights=[400, 500, 700],  # Regular, Medium, Bold weights
+            weights=[400, 500, 700],
         ),
         font_mono: fonts.Font | str = fonts.GoogleFont(
             "JetBrains Mono",
-            weights=[400, 700]  # Regular and Bold weights
+            weights=[400, 700]
         ),
     ):
         super().__init__(
@@ -41,83 +40,45 @@ class CanvaTheme(Base):
         )
 
         super().set(
-            # Colors
+            # Body colors
             body_background_fill=white.c50,
             body_background_fill_dark=black.c50,
-            background_fill_primary=white.c50,
-            background_fill_primary_dark=black.c100,
-            background_fill_secondary=grey.c50,
-            background_fill_secondary_dark=grey.c800,
-            
-            # Border colors
-            border_color_primary=grey.c200,
-            border_color_primary_dark=grey.c700,
             
             # Text colors
             body_text_color=black.c50,
             body_text_color_dark=white.c50,
-            body_text_color_subdued=grey.c500,
-            body_text_color_subdued_dark=grey.c400,
             
-            # Button styling
+            # Block colors
+            block_background_fill=white.c50,
+            block_background_fill_dark=grey.c800,
+            block_border_color=grey.c200,
+            block_border_color_dark=grey.c700,
+            block_title_text_color=grey.c500,
+            block_title_text_color_dark=grey.c400,
+            
+            # Input colors
+            input_background_fill=grey.c50,
+            input_background_fill_dark=grey.c800,
+            input_border_color=grey.c200,
+            input_border_color_dark=grey.c700,
+            input_border_width="1px",
+            
+            # Button colors
             button_primary_background_fill=purple.c500,
             button_primary_background_fill_dark=purple.c600,
-            button_primary_background_fill_hover=purple.c600,
-            button_primary_background_fill_hover_dark=purple.c700,
             button_primary_text_color=white.c50,
             button_primary_text_color_dark=white.c50,
             
             button_secondary_background_fill=grey.c50,
             button_secondary_background_fill_dark=grey.c800,
-            button_secondary_background_fill_hover=grey.c100,
-            button_secondary_background_fill_hover_dark=grey.c700,
             button_secondary_text_color=black.c50,
             button_secondary_text_color_dark=white.c50,
             
-            # Input styling
-            input_background_fill=grey.c50,
-            input_background_fill_dark=grey.c800,
-            input_border_color=grey.c200,
-            input_border_color_dark=grey.c700,
-            input_border_width="1px",
-            
-            # Block styling
-            block_label_background_fill=white.c50,
-            block_label_background_fill_dark=grey.c800,
-            block_title_text_color=grey.c500,
-            block_title_text_color_dark=grey.c400,
-            
-            # Shadow effects
+            # Shadows
             shadow_drop="0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
-            shadow_drop_lg="0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+            shadow_inset="0 2px 4px 0 rgb(0 0 0 / 0.05) inset",
             
             # Link colors
             link_text_color=purple.c500,
             link_text_color_dark=purple.c400,
-            link_text_color_hover=purple.c600,
-            link_text_color_hover_dark=purple.c500,
-            
-            # Error states
-            error_background_fill=red.c50,
-            error_background_fill_dark=black.c100,
-            error_text_color=red.c600,
-            error_text_color_dark=red.c200,
-            error_border_color=red.c500,
-            error_border_color_dark=red.c600,
-            
-            # Success states
-            button_secondary_background_fill_selected=green.c50,
-            button_secondary_text_color_selected=green.c700,
-            
-            # Alpha transparencies
-            overlay_background_fill=black.c400,  # Using 50% alpha black
-            
-            # Additional button states
-            button_primary_border_color=purple_alpha.c950,  # Transparent
-            button_secondary_border_color=grey.c200,
-            button_secondary_border_color_dark=grey.c700,
-            
-            # Additional states using alpha colors
-            shadow_spread_dark=black.c950,
-            block_background_fill_dark=black.c100,
         )