diff --git a/javascript/main.js b/javascript/main.js
index 1e029d7..2ebe2da 100644
--- a/javascript/main.js
+++ b/javascript/main.js
@@ -200,3 +200,13 @@ window.addEventListener('DOMContentLoaded', () => {
     })
     observer.observe(depth_gradioApp(), { childList: true, subtree: true })
 })
+
+onUiLoaded(() => {
+    const app = gradioApp();
+    const examples = app.querySelectorAll('#examples > div.gallery > button.gallery-item')
+    const png_input_area = app.querySelector('#depth_png_input_area')
+    png_input_area.style.backgroundColor = '#e5e7eb';
+    examples.forEach(example => {
+        example.style.backgroundColor = '#e5e7eb';
+    });
+})
diff --git a/scripts/main.py b/scripts/main.py
index 9a53519..aab6de0 100644
--- a/scripts/main.py
+++ b/scripts/main.py
@@ -26,7 +26,7 @@ def ui(self, is_img2img):
     return ()
 
 def on_ui_tabs():
-  png_input_area = gr.Image(label="Selected")
+  png_input_area = gr.Image(label="Selected", elem_id="depth_png_input_area")
   with gr.Blocks(analytics_enabled=False) as depth_lib:
     with gr.Row():
       with gr.Column():