Update app.py

app.py

@@ -39,22 +39,24 @@ def authenticate_debug(username, password):
     return username == password
     
 css_styling = """#submit {background: #1eccd8} 
-#submit {color: white} 
-.output-image, .input-image, .image-preview {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
+#submit:hover {background: #a2f1f6} 
+.output-image, .input-image, .image-preview {height: 250px !important}
+.output-plot {height: 250px !important}"""
+
+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 inverse design"
 favicon_path = "osiumai_favicon.ico"
 logo_path  = "osiumai_logo.jpg"