Update app.py

app.py

@@ -36,7 +36,7 @@ os.makedirs(CAPTURED_FRAMES_DIR, exist_ok=True)
 custom_theme = gr.themes.Soft(
     primary_hue="red",
     secondary_hue="green",
-    neutral_hue="gray",  # Changed from 'black' to 'gray'
+    neutral_hue="gray",
     text_size="lg",
     radius_size="lg",
 )
@@ -94,7 +94,7 @@ def monitor_feed():
             crack_severity_all.pop(0)
 
     frame = cv2.resize(last_frame, (800, 600))
-    cv2.putText(frame, f"Frame: {frame_count}", (20, 40), cv2.FONT_HERSHEY_SIMPLEX, 1, (0, 0, 0), 2)  # Black text
+    cv2.putText(frame, f"Frame: {frame_count}", (20, 40), cv2.FONT_HERSHEY_SIMPLEX, 1, (0, 0, 0), 2)
     cv2.putText(frame, f"{last_timestamp}", (20, 80), cv2.FONT_HERSHEY_SIMPLEX, 1, (0, 0, 0), 2)
 
     map_path = generate_map(gps_coordinates[-5:], last_metrics.get('items', []))
@@ -134,8 +134,8 @@ def generate_pie_chart():
     return pie_path
 
 # Gradio UI
-with gr.Blocks(theme=custom_theme, css=".status-text {font-size: 18px !important; color: black !important} .video-feed {border: 2px solid red !important} .metrics-box {border: 2px solid green !important} .logs-box {border: 2px solid orange !important} .control-btn {font-size: 16px !important} .slider {width: 300px !important}") as app:
-    gr.Markdown("# 🛣️ Drone Road Inspection Dashboard", _js="document.body.style.backgroundColor = '#f0f0f0';")
+with gr.Blocks(theme=custom_theme, css="body {background-color: #f0f0f0 !important} .status-text {font-size: 18px !important; color: black !important} .video-feed {border: 2px solid red !important} .metrics-box {border: 2px solid green !important} .logs-box {border: 2px solid orange !important} .control-btn {font-size: 16px !important} .slider {width: 300px !important}") as app:
+    gr.Markdown("# 🛣️ Drone Road Inspection Dashboard")
     
     status_text = gr.Markdown("**Status:** 🟢 Running", elem_classes="status-text")