Update app.py

app.py

@@ -219,24 +219,24 @@ def predict_inverse(hardness_target, ys_target, formula, request: gr.Request):
 example_inputs = ["Al0.25 Co1 Fe1 Ni1", 820, 1800]
 
 css_styling = """#submit {background: #1eccd8} 
-submit {color: white} 
+#submit:hover {background: #a2f1f6} 
 .output-image, .input-image, .image-preview {height: 250px !important}
 .output-plot {height: 250px !important}"""
 
-new_blue_color = gr.themes.Color(c50="#FFFFFF", # Dataframe background cell content - light mode only
-                                c100="#0c1538", # Text of markdown (headers) and componnet contencts
-                                c200="#000000", # Text of component headers
-                                c300="#a1c6db", # Login button when used in primary color
-                                c400="#000000", # Text of "or" objects and footer
-                                c500="#000000", # Text of component headers in light mode only
-                                c600="#e4f3fa", # Clear button (gradient between c600 and c700 + mouse over)
-                                c700="#a1c6db", # Componennt borders
-                                c800="#e4f3fa", # Background of components
-                                c900="#a1c6db", # Etiquette of components
-                                c950="#FFFFFF") # Background
+light_theme_colors = gr.themes.Color(c50="#e4f3fa", # Dataframe background cell content - light mode only
+                                c100="#e4f3fa", # Top corner of clear button in light mode + markdown text in dark mode
+                                c200="#a1c6db", # Component borders
+                                c300="#FF00FF", # 
+                                c400="#e4f3fa", # Footer text
+                                c500="#0c1538", # Text of component headers in light mode only
+                                c600="#a1c6db", # Top corner of button in dark mode
+                                c700="#475383", # Button text in light mode + component borders in dark mode
+                                c800="#0c1538", # Markdown text in light mode
+                                c900="#a1c6db", # Background of dataframe - dark mode
+                                c950="#0c1538") # Background in dark mode only
 # secondary color used for highlight box content when typing in light mode, and download option in dark mode
 # primary color used for login button in dark mode
-osium_theme = gr.themes.Default(primary_hue="cyan", secondary_hue="cyan", neutral_hue=new_blue_color)
+osium_theme = gr.themes.Default(primary_hue="cyan", secondary_hue="cyan", neutral_hue=light_theme_colors)
 page_title = "Alloys' hardness and yield strength prediction"
 favicon_path = "osiumai_favicon.ico"
 logo_path  = "osiumai_logo.jpg"