Update app.py

app.py

@@ -177,39 +177,48 @@ def process_text_input(plant_name=None, language='english'):
 
         return plant_name, care_instructions, audio_file
 # Creating Gradio app with tabs
+# Custom CSS for Styling the Gradio
 
-css_style = """
-body {
-    background-color: #FFC0CB; /* Baby Pink Background */
-}
-
+custom_css = """
 .gradio-container {
-    border-radius: 10px;
-    padding: 20px;
-    background-color: white;
-    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
+    background-image: url('https://images.squarespace-cdn.com/content/v1/587ee1eab3db2b428f68d221/1626734192415-LI75A3LVVFMJD5TVZ3HR/Gallery+2.jpg');
+    background-size: cover;
+    background-position: center;
+    background-repeat: no-repeat;
+    color: #333333;
+    font-family: 'Arial', sans-serif;
 }
-
-.gr-button {
-    background-color: #4CAF50 !important;  /* Green color for buttons */
+h1, #title, #description {
     color: white !important;
+}
+#upload-text, #description-search-text {
+    color: white !important;
+}
+label, .gr-label {
+    color: #333333 !important;
+}
+button.primary {
+    background-color: #6A5ACD;
+    color: black;
+    border-radius: 10px;
+    padding: 10px;
+    margin: 5px;
+    font-size: 18px;
     border: none;
-    padding: 10px 20px;
-    text-align: center;
-    display: inline-block;
-    font-size: 16px;
-    margin: 4px 2px;
-    cursor: pointer;
-    border-radius: 5px;
+    transition: background-color 0.3s;
 }
-
-.gr-button:hover {
-    background-color: #45a049 !important;
+button.primary:hover {
+    background-color: #836FFF;
 }
-
-.gr-audio audio {
-    background-color: #4CAF50 !important;  /* Green color for audio player */
-    border: 2px solid #45a049 !important;
+#image_output, #search_image_output {
+    border: 3px solid white;
+    border-radius: 10px;
+}
+/* Specifically targeting the example buttons */
+.gr-examples button {
+    color: white !important;
+    background-color: transparent !important; /* Make the background blend in with the overall theme */
+    border: 1px solid white; /* Add a border if you want to highlight it */
 }
 """