Update run.py

run.py

@@ -3,11 +3,87 @@ import gradio as gr
 def greet(name, intensity):
     return "Hello, " + name + "!" * intensity
 
-demo = gr.Interface(
-    fn=greet,
-    inputs=["text", gr.Slider(value=2, minimum=1, maximum=10, step=1)],
-    outputs=[gr.Textbox(label="greeting", lines=3)],
-)
+css = """
+:root {
+    --name: default !important;
+    --primary-50: #fef8f3 !important;
+    --primary-100: #ffe4cc !important;
+    --primary-200: #fdc39c !important;
+    --primary-300: #fc9a64 !important;
+    --primary-400: #f9732e !important;
+    --primary-500: #f54d00 !important;
+    --primary-600: #d63d00 !important;
+    --primary-700: #a82e00 !important;
+    --primary-800: #7d2200 !important;
+    --primary-900: #5f1900 !important;
+    --primary-950: #4b1500 !important;
+    --secondary-50: #eef7ff !important;
+    --secondary-100: #cdeaff !important;
+    --secondary-200: #a9dcff !important;
+    --secondary-300: #76c9ff !important;
+    --secondary-400: #3db5ff !important;
+    --secondary-500: #009dff !important;
+    --secondary-600: #007ccf !important;
+    --secondary-700: #005ea0 !important;
+    --secondary-800: #004275 !important;
+    --secondary-900: #002d52 !important;
+    --secondary-950: #002040 !important;
+    --neutral-50: #fafafa !important;
+    --neutral-100: #f4f5f7 !important;
+    --neutral-200: #e7e9eb !important;
+    --neutral-300: #d3d6db !important;
+    --neutral-400: #a0a4af !important;
+    --neutral-500: #7a7f8e !important;
+    --neutral-600: #545965 !important;
+    --neutral-700: #3c4350 !important;
+    --neutral-800: #2a303c !important;
+    --neutral-900: #161b26 !important;
+    --neutral-950: #0f131b !important;
+  --spacing-xxs: 1px !important;
+  --spacing-xs: 2px !important;
+  --spacing-sm: 4px !important;
+  --spacing-md: 6px !important;
+  --spacing-lg: 8px !important;
+  --spacing-xl: 10px !important;
+  --spacing-xxl: 16px !important;
+  --radius-xxs: 1px !important;
+  --radius-xs: 2px !important;
+  --radius-sm: 4px !important;
+  --radius-md: 6px !important;
+  --radius-lg: 8px !important;
+  --radius-xl: 12px !important;
+  --radius-xxl: 22px !important;
+  --text-xxs: 9px !important;
+  --text-xs: 10px !important;
+  --text-sm: 12px !important;
+  --text-md: 14px !important;
+  --text-lg: 16px !important;
+  --text-xl: 22px !important;
+  --text-xxl: 26px !important;
+  --font: 'Source Sans Pro', 'ui-sans-serif', 'system-ui', sans-serif !important;
+  --font-mono: 'IBM Plex Mono', 'ui-monospace', 'Consolas', monospace !important;
+  --shadow-drop: rgba(0,0,0,0.05) 0px 1px 2px 0px !important;
+  --shadow-drop-lg: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important;
+  --shadow-inset: rgba(0,0,0,0.05) 0px 2px 4px 0px inset !important;
+  --shadow-spread: 3px !important;
+  --error-background-fill: #fef2f2 !important;
+  --error-border-color: #b91c1c !important;
+  --error-border-width: 1px !important;
+  --error-text-color: #b91c1c !important;
+  --error-icon-color: #b91c1c !important;
+  --input-background-fill: white !important;
+  --input-border-width: 1px !important;
+  --loader-color: var(--color-accent) !important;
+  --slider-color: #2563eb !important;
+}
+"""
+
+with gr.Blocks(css=css) as demo:
+    gr.Interface(
+        fn=greet,
+        inputs=["text", gr.Slider(value=2, minimum=1, maximum=10, step=1)],
+        outputs=[gr.Textbox(label="greeting", lines=3)],
+    )
 
 if __name__ == "__main__":
     demo.launch()