added a theme from https://bootstrap.themes.guide/greyson/

app.py

@@ -227,10 +227,10 @@ def camera_status_plot(esn=None):
 
     # Save it to a temporary buffer.
     buf = BytesIO()
-    fig.savefig(buf, format="png")
+    fig.savefig(buf, format="png", transparent=True)
     # Embed the result in the html output.
     data = base64.b64encode(buf.getbuffer()).decode("ascii")
-    return f"<div class='col-md-12'><img src='data:image/png;base64,{data}' style='max-width:100%'/></div>"
+    return f"<h2>Graph of Status Events</h2><div class='col-md-12'><img src='data:image/png;base64,{data}' style='max-width:100%'/></div>"
 
 
 

templates/base.html

@@ -26,6 +26,15 @@
     <!-- self-hosted fontawesome -->
     <link href="/static/css/all.css" rel="stylesheet">
 
+    <link href="/static/theme.css" rel="stylesheet">
+
+    <style>
+      .row {
+        border: dashed lightgray 1px;
+      }
+    </style>
+
+
     {% block style %}
     {% endblock %}