Add instructions

app.py

@@ -113,7 +113,7 @@ def inpaint(input_img, mask, option):
 
 gradio_inputs = [gr.inputs.Image(type='pil',
                                  tool=None,
-                                 label="Input Image"),
+                                 label="Image"),
                 # gr.inputs.Image(type='pil',source="canvas", label="Mask", invert_colors=True),
                 gr.inputs.Image(type='pil',
                                  tool="editor",
@@ -136,12 +136,15 @@ examples = [['test_512/person512.png', 'test_512/person512.png', 'Automatic'],
             ['test_512/i_org.png', 'test_512/i_overlay.png', 'Manual']]
 
 title = "FcF-Inpainting"
-description = "[Note: Queue time may take upto 20 seconds! The image and mask are resized to 512x512 before inpainting.] To use FcF-Inpainting: \n \
-                (1) Upload an Image; \n \
-                (2a) Draw (Manual) a Mask using the brush (click on the edit option in the top right of the Mask View) \n \
-                (2b) You can also generate a mask using U2Net by selecting the Automatic option; \n \
-                (3) Click on Submit and witness the MAGIC! 🪄 ✨ ✨"
-article = "<p style='text-align: center'><a href='https://github.com/SHI-Labs/FcF-Inpainting' target='_blank'> Keys to Better Image Inpainting: Structure and Texture Go Hand in Hand</a> | <a href='https://github.com/SHI-Labs/FcF-Inpainting' target='_blank'>Github Repo</a></p>"
+
+description = "<p style='color:royalblue; font-weight: w300;'>  \
+                [Note: Queue time may take upto 20 seconds! The image and mask are resized to 512x512 before inpainting.] To use FcF-Inpainting: <br> \
+                (1) <span style='color:#E0B941;'>Upload </span> an Image to <span style='color:#E0B941;'>both</span> input boxes (Image and Mask) below. <br>  \
+                (2a) <span style='color:#E0B941;'>Manual Option:</span> Draw a mask (hole) using the brush (click on the edit button in the top right of the Mask View and select draw option). <br>  \
+                (2b) <span style='color:#E0B941;'>Automatic Option:</span> This option will generate a mask using a pretrained U2Net model. <br>  \
+                (3) Click on Submit and witness the MAGIC! 🪄 ✨ ✨</p>"
+
+article = "<p style='color: #E0B941; text-align: center'><a style='color: #E0B941;' href='https://github.com/SHI-Labs/FcF-Inpainting' target='_blank'> Keys to Better Image Inpainting: Structure and Texture Go Hand in Hand</a> | <a style='color: #E0B941;' href='https://github.com/SHI-Labs/FcF-Inpainting' target='_blank'>Github Repo</a></p>"
 
 css = ".image-preview {height: 32rem; width: auto;} .output-image {height: 32rem; width: auto;} .panel-buttons { display: flex; flex-direction: row;}"
 
@@ -149,6 +152,7 @@ iface = gr.Interface(fn=inpaint, inputs=gradio_inputs,
                      outputs=gradio_outputs,
                      css=css,
                      layout="vertical",
+                     theme="dark-huggingface",
                      examples_per_page=5,
                      thumbnail="fcf_gan.png",
                      allow_flagging="never",