Update run.py

run.py

@@ -29,6 +29,9 @@ def compute(primary_color, secondary_color, neutral_color):
     primary_shades = [adjust_brightness(primary_color, p) for p in [90, 75, 50, 25, 10, 0, -10, -25, -50, -75, -90]]
     secondary_shades = [adjust_brightness(secondary_color, p) for p in [90, 75, 50, 25, 10, 0, -10, -25, -50, -75, -90]]
     neutral_shades = [adjust_brightness(neutral_color, p) for p in [90, 75, 50, 25, 10, 0, -10, -25, -50, -75, -90]]
+    dark_primary_shades = [adjust_brightness(primary_color, p) for p in [-90, -75, -50, -25, -10, 0, 10, 25, 50, 75, 90]]
+    dark_secondary_shades = [adjust_brightness(secondary_color, p) for p in [-90, -75, -50, -25, -10, 0, 10, 25, 50, 75, 90]]
+    dark_neutral_shades = [adjust_brightness(neutral_color, p) for p in [-90, -75, -50, -25, -10, 0, 10, 25, 50, 75, 90]]
 
     css = f"""
     :root {{
@@ -65,7 +68,43 @@ def compute(primary_color, secondary_color, neutral_color):
         --neutral-800: {neutral_shades[8]} !important;
         --neutral-900: {neutral_shades[9]} !important;
         --neutral-950: {neutral_shades[10]} !important;
-    }}"""
+    }}
+    :root.dark {{
+        --primary-50: {dark_primary_shades[0]} !important;
+        --primary-100: {dark_primary_shades[1]} !important;
+        --primary-200: {dark_primary_shades[2]} !important;
+        --primary-300: {dark_primary_shades[3]} !important;
+        --primary-400: {dark_primary_shades[4]} !important;
+        --primary-500: {dark_primary_shades[5]} !important;
+        --primary-600: {dark_primary_shades[6]} !important;
+        --primary-700: {dark_primary_shades[7]} !important;
+        --primary-800: {dark_primary_shades[8]} !important;
+        --primary-900: {dark_primary_shades[9]} !important;
+        --primary-950: {dark_primary_shades[10]} !important;
+        --secondary-50: {dark_secondary_shades[0]} !important;
+        --secondary-100: {dark_secondary_shades[1]} !important;
+        --secondary-200: {dark_secondary_shades[2]} !important;
+        --secondary-300: {dark_secondary_shades[3]} !important;
+        --secondary-400: {dark_secondary_shades[4]} !important;
+        --secondary-500: {dark_secondary_shades[5]} !important;
+        --secondary-600: {dark_secondary_shades[6]} !important;
+        --secondary-700: {dark_secondary_shades[7]} !important;
+        --secondary-800: {dark_secondary_shades[8]} !important;
+        --secondary-900: {dark_secondary_shades[9]} !important;
+        --secondary-950: {dark_secondary_shades[10]} !important;
+        --neutral-50: {dark_neutral_shades[0]} !important;
+        --neutral-100: {dark_neutral_shades[1]} !important;
+        --neutral-200: {dark_neutral_shades[2]} !important;
+        --neutral-300: {dark_neutral_shades[3]} !important;
+        --neutral-400: {dark_neutral_shades[4]} !important;
+        --neutral-500: {dark_neutral_shades[5]} !important;
+        --neutral-600: {dark_neutral_shades[6]} !important;
+        --neutral-700: {dark_neutral_shades[7]} !important;
+        --neutral-800: {dark_neutral_shades[8]} !important;
+        --neutral-900: {dark_neutral_shades[9]} !important;
+        --neutral-950: {dark_neutral_shades[10]} !important;
+    }}
+    """
     
     return css
 
@@ -104,8 +143,7 @@ with gr.Blocks() as demo:
         outputs=[css_output, gr.HTML()],
         examples=[
             ["#e84393", "#6c5ce7", "#b2bec3"],
-            ["#38ada9", "#60a3bc", "#3c6382"],
-            ["#ff793f", "#706fd3", "#aaa69d"]
+            ["#38ada9", "#60a3bc", "#3c6382"]
         ]
     )