invert2

app.py

@@ -44,9 +44,8 @@ def save_high_quality_png(smiles, title, bw=True, padding=0.05):
     
     # Set a large canvas size for high resolution
     d = Draw.MolDraw2DCairo(1500, 1500)
-
     dopts = d.drawOptions()
-    dopts.padding = padding    
+    dopts.padding = padding
     dopts.maxFontSize = 2000
     dopts.bondLineWidth = 5
 
@@ -57,10 +56,8 @@ def save_high_quality_png(smiles, title, bw=True, padding=0.05):
     # Generate and display a similarity map based on atom importance scores
     SimilarityMaps.GetSimilarityMapFromWeights(molecule, atom_importance, draw2d=d)
 
-    # Draw molecule with color highlights
+    # Finish drawing and save the PNG
     d.FinishDrawing()
-    
-    # Save to PNG file with high quality
     with open(f"{title}.png", "wb") as png_file:
         png_file.write(d.GetDrawingText())
     
@@ -82,7 +79,7 @@ def process_smiles(smiles, compute_explanation):
     # Generate molecule image
     if compute_explanation:
         img_path = "molecule"
-        filepath= "molecule.png"
+        filepath = "molecule.png"
         save_high_quality_png(smiles, img_path)
     else:
         filepath = "molecule.png"
@@ -119,7 +116,13 @@ iface = gr.Interface(
   </p>
 </section>
 """,
-
+    # <<----------------- ADD YOUR CSS HERE ----------------->>
+    css="""
+    /* Brute-force invert the entire page inside the Space */
+    html, body {
+      filter: invert(100%);
+    }
+    """
 )
 
 iface.launch()