changes to font color

styles.css

@@ -235,3 +235,39 @@ input[type="text"]:focus {
 
 .search-panel  { background-color: green !important; }
 .search-panel, .search-panel  * { color: #FFF !important; }
+
+/* your existing panel styles */
+.checkbox-panel {
+    background-color: green !important;
+    padding: 12px !important;
+    border-radius: 6px !important;
+  }
+  .checkbox-panel, .checkbox-panel * {
+    color: #FFFFFF !important;
+  }
+  
+  /* make the checkbox “cards” transparent */
+  .checkbox-panel .checkbox-container {
+    background-color: transparent !important;
+  }
+  
+  /* similarly for the search bar row */
+  .search-panel {
+    background-color: green !important;
+    padding: 12px !important;
+    border-radius: 6px !important;
+  }
+  .search-panel, .search-panel * {
+    color: #FFFFFF !important;
+  }
+  
+  /* strip out Gradio’s default input wrapper */
+  .search-panel .gr-form-group {
+    background-color: transparent !important;
+  }
+  
+  /* placeholder styling */
+  .search-panel .search-input input::placeholder {
+    color: rgba(255,255,255,0.7) !important;
+  }
+