Update ui/styles.css

ui/styles.css

@@ -1,24 +1,21 @@
-* color:pink;
-
+* { color: pink; }
 
 /* style.css */
 
 html, body, #root,
 .gradio-container, .app, .gradio-page, .gradio-interface, .gr-group, .html-container {
-  background-color: #ffffff !important;            /* change to transparent if desired */
+  background-color: white !important;            /* changed from #ffffff */
 }
 
-
-
 #header {
     text-align: center;
     font-size: 2em;
     margin-bottom: 20px;
-    color: #333;
+    color: darkslategray;
 }
 #user-guidance {
     font-size: 1.1em;
-    color: #555;
+    color: dimgray;
     margin-bottom: 20px;
 }
 #main, #control_panel {
@@ -29,11 +26,11 @@ html, body, #root,
 }
 #examples {
     font-size: 1.1em;
-    color: #333;
+    color: darkslategray;
     margin-bottom: 20px;
 }
 #footer {
     text-align: center;
-    color: #888;
+    color: gray;
     font-size: 0.9em;
-}
+}