From bd60d0e631f7a20ab9b7d734673b1b8f4ed02504 Mon Sep 17 00:00:00 2001
From: Jared Dohrman <jared@dohrman.me>
Date: Thu, 9 Apr 2026 16:39:25 +1000
Subject: [PATCH] chore: update theme for web

---
 src/helpers/mqtt/MQTTUplink.cpp | 50 ++++++++++++++++-----------------
 1 file changed, 25 insertions(+), 25 deletions(-)

diff --git a/src/helpers/mqtt/MQTTUplink.cpp b/src/helpers/mqtt/MQTTUplink.cpp
index fff119c8..09ab1d5b 100644
--- a/src/helpers/mqtt/MQTTUplink.cpp
+++ b/src/helpers/mqtt/MQTTUplink.cpp
@@ -88,41 +88,41 @@ const char kWebPanelHtml[] PROGMEM = R"HTML(
   <style>
     :root {
       color-scheme: light;
-      --accent:#1f9d5c;
-      --accent-hover:#27b86d;
-      --background:#f2f7f3;
-      --text:#163222;
-      --text-muted:#5f7d69;
-      --border:#d6e6db;
+      --accent:#2f8f4e;
+      --accent-hover:#3fae61;
+      --background:#f4f6f9;
+      --text:#1f2937;
+      --text-muted:#4b5563;
+      --border:rgba(0, 0, 0, 0.08);
       --surface1:#ffffff;
-      --surface2:#f8fcf9;
+      --surface2:#f0f3f7;
       --card-bg:#ffffff;
       --input-bg:#ffffff;
-      --terminal-bg:#f8fcf9;
-      --terminal-border:#d6e6db;
-      --terminal-cmd:#1f9d5c;
+      --terminal-bg:#f0f3f7;
+      --terminal-border:rgba(0, 0, 0, 0.08);
+      --terminal-cmd:#2f8f4e;
       --status-red:#c94a4a;
       --button-text:#ffffff;
-      --button-secondary-text:#163222;
+      --button-secondary-text:#1f2937;
     }
     :root[data-theme="dark"] {
       color-scheme: dark;
-      --accent:#1fb874;
-      --accent-hover:#2edc8f;
-      --background:#080b09;
-      --text:#c6e3d2;
-      --text-muted:#789a88;
-      --border:#1c2a22;
-      --surface1:#0d120f;
-      --surface2:#131914;
-      --card-bg:#0d120f;
-      --input-bg:#101612;
-      --terminal-bg:#080b09;
-      --terminal-border:#1c2a22;
+      --accent:#36a167;
+      --accent-hover:#49c27d;
+      --background:#222222;
+      --text:#e6eaf0;
+      --text-muted:#9aa4b2;
+      --border:rgba(255, 255, 255, 0.08);
+      --surface1:#303030;
+      --surface2:#343434;
+      --card-bg:#303030;
+      --input-bg:#343434;
+      --terminal-bg:#222222;
+      --terminal-border:rgba(255, 255, 255, 0.08);
       --terminal-cmd:#8fd3ff;
       --status-red:#d45a5a;
-      --button-text:#08110b;
-      --button-secondary-text:#c6e3d2;
+      --button-text:#ffffff;
+      --button-secondary-text:#e6eaf0;
     }
     html { min-height:100%; background:linear-gradient(180deg,var(--background),var(--surface2)); background-repeat:no-repeat; background-attachment:fixed; }
     body { min-height:100vh; margin:0; font:16px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace; background:transparent; color:var(--text); transition:background .2s ease,color .2s ease; }