chore: update theme for web

src/helpers/mqtt/MQTTUplink.cpp

@@ -88,41 +88,41 @@ const char kWebPanelHtml[] PROGMEM = R"HTML(
   <style>
     :root {
       color-scheme: light;
-      --accent:#1f9d5c;
+      --accent:#2f8f4e;
-      --accent-hover:#27b86d;
+      --accent-hover:#3fae61;
-      --background:#f2f7f3;
+      --background:#f4f6f9;
-      --text:#163222;
+      --text:#1f2937;
-      --text-muted:#5f7d69;
+      --text-muted:#4b5563;
-      --border:#d6e6db;
+      --border:rgba(0, 0, 0, 0.08);
       --surface1:#ffffff;
-      --surface2:#f8fcf9;
+      --surface2:#f0f3f7;
       --card-bg:#ffffff;
       --input-bg:#ffffff;
-      --terminal-bg:#f8fcf9;
+      --terminal-bg:#f0f3f7;
-      --terminal-border:#d6e6db;
+      --terminal-border:rgba(0, 0, 0, 0.08);
-      --terminal-cmd:#1f9d5c;
+      --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:#36a167;
-      --accent-hover:#2edc8f;
+      --accent-hover:#49c27d;
-      --background:#080b09;
+      --background:#222222;
-      --text:#c6e3d2;
+      --text:#e6eaf0;
-      --text-muted:#789a88;
+      --text-muted:#9aa4b2;
-      --border:#1c2a22;
+      --border:rgba(255, 255, 255, 0.08);
-      --surface1:#0d120f;
+      --surface1:#303030;
-      --surface2:#131914;
+      --surface2:#343434;
-      --card-bg:#0d120f;
+      --card-bg:#303030;
-      --input-bg:#101612;
+      --input-bg:#343434;
-      --terminal-bg:#080b09;
+      --terminal-bg:#222222;
-      --terminal-border:#1c2a22;
+      --terminal-border:rgba(255, 255, 255, 0.08);
       --terminal-cmd:#8fd3ff;
       --status-red:#d45a5a;
-      --button-text:#08110b;
+      --button-text:#ffffff;
-      --button-secondary-text:#c6e3d2;
+      --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; }