Update app.py

app.py

@@ -58,11 +58,10 @@ class SteelBlueTheme(Soft):
             font=font,
             font_mono=font_mono,
         )
+        # We remove the body_background_fill from here to let CSS handle it
         super().set(
             background_fill_primary="*primary_50",
             background_fill_primary_dark="*primary_900",
-            body_background_fill="linear-gradient(135deg, *primary_200, *primary_100)",
-            body_background_fill_dark="linear-gradient(135deg, *primary_900, *primary_800)",
             button_primary_text_color="white",
             button_primary_text_color_hover="white",
             button_primary_background_fill="linear-gradient(90deg, *secondary_500, *secondary_600)",
@@ -89,6 +88,37 @@ css = """
 #output-title h2 {
     font-size: 2.1em !important;
 }
+
+/* --- Custom Background --- */
+body {
+  width: 100%;
+  height: 100%;
+  --s: 6em;
+  --d: 0.3em;
+  
+  /* Light Mode Colors */
+  --bg: #EBF3F8; /* Light blue from theme */
+  --fg: #A8CCE1; /* Darker blue from theme for dots */
+
+  background-color: var(--bg) !important;
+  background-image: radial-gradient(
+      var(--d) var(--d) at 25% 25%,
+      var(--fg) 100%,
+      transparent 100%
+    ),
+    radial-gradient(
+      var(--d) var(--d) at 75% 75%,
+      var(--fg) 100%,
+      transparent 100%
+    ) !important;
+  background-size: var(--s) calc(var(--s) * 0.577350269) !important;
+}
+
+/* Dark Mode Color Override */
+.dark body {
+  --bg: #232228;
+  --fg: rgb(90, 92, 102);
+}
 """
 
 # --- Fix for Dots.OCR Processor Loading ---