From af4cefa38fe3567a2136b57adef54a18f7012d5d Mon Sep 17 00:00:00 2001
From: Joshua Laymon <joshlaymon@icloud.com>
Date: Sat, 6 Sep 2025 04:23:33 +0000
Subject: [PATCH] Update web/static/themes/midnight.css

---
 web/static/themes/midnight.css | 213 ++++++++++++---------------------
 1 file changed, 77 insertions(+), 136 deletions(-)

diff --git a/web/static/themes/midnight.css b/web/static/themes/midnight.css
index 4d4046a..79bd031 100644
--- a/web/static/themes/midnight.css
+++ b/web/static/themes/midnight.css
@@ -1,151 +1,92 @@
-/* ===============================
-   Midnight — refined dark
-   =============================== */
+/* =========================================
+   Midnight — Command Center fixes
+   ========================================= */
 
-/* Page background & base ink */
-html[data-theme="midnight"] body{
-  background:#0e1420;                /* deep navy, not pure black */
-  color:#e6edf3;                      /* GitHub-like ink */
-  min-height:100vh;
-}
-
-/* Subtle global selection */
-html[data-theme="midnight"] ::selection{ background:rgba(59,130,246,.28); }
-
-/* ---------- Top bar ---------- */
-html[data-theme="midnight"] .topbar-wrap{
-  background:rgba(17,25,39,.88);      /* translucent */
-  backdrop-filter:blur(6px);
-  -webkit-backdrop-filter:blur(6px);
-  border-bottom:1px solid #1f2a44;
-}
-html[data-theme="midnight"] .brand-title{ color:#f0f3f8; }
-html[data-theme="midnight"] .version-link{ color:#a8b3c6; }
-
-/* ---------- Cards / panels ---------- */
-html[data-theme="midnight"] .card,
-html[data-theme="midnight"] .result-card,
-html[data-theme="midnight"] .search-form,
-html[data-theme="midnight"] .form-card{
-  background:#121a2b;
+/* Panel containers */
+html[data-theme="midnight"] .settings-console .cc-panel{
+  background:#121a2b;               /* match other cards */
   border:1px solid #1f2a44;
-  border-radius:16px;
-  box-shadow:0 8px 24px rgba(0,0,0,.35);
   color:#e6edf3;
 }
 
-/* Section headings & muted text */
-html[data-theme="midnight"] .section-label,
-html[data-theme="midnight"] .meta-label,
-html[data-theme="midnight"] .page-subtitle,
-html[data-theme="midnight"] .muted{ color:#a8b3c6; }
-html[data-theme="midnight"] .subject-title,
-html[data-theme="midnight"] .page-title{ color:#f0f4ff; }
+/* Titles, labels, kickers */
+html[data-theme="midnight"] .settings-console .cc-title,
+html[data-theme="midnight"] .settings-console .cc-panel-title{
+  color:#f0f4ff;
+}
+html[data-theme="midnight"] .settings-console .cc-kicker{
+  color:#9fb0c6;                     /* muted header label */
+}
 
-/* ---------- Inputs ---------- */
-html[data-theme="midnight"] .search-input,
-html[data-theme="midnight"] .form-control,
-html[data-theme="midnight"] .login-input{
+/* Buttons inside Command Center reuse midnight buttons,
+   but ensure the “Save/Publish” contrast is right */
+html[data-theme="midnight"] .settings-console .btn{
+  background:#0f1728;
+  border:1px solid #273455;
+  color:#e6edf3;
+}
+html[data-theme="midnight"] .settings-console .btn-primary{
+  background:#3b82f6;
+  border-color:#3b82f6;
+  color:#fff;
+}
+html[data-theme="midnight"] .settings-console .btn-danger{
+  background:#ef4444;
+  border-color:#ef4444;
+  color:#fff;
+}
+
+/* Theme swatches: soften label pill + tile hover */
+html[data-theme="midnight"] .settings-console .swatch{
+  border-color:#273455;
+  background:linear-gradient(135deg,#0f1728,#1c2741);
+}
+html[data-theme="midnight"] .settings-console .swatch:hover{
+  filter:brightness(1.06);
+}
+html[data-theme="midnight"] .settings-console .swatch-name{
+  background:rgba(255,255,255,.12);
+  color:#e6edf3;
+}
+
+/* Security tiles */
+html[data-theme="midnight"] .settings-console .sec-tile{
+  background:rgba(18,26,43,.92);
+  border-color:rgba(34,197,94,.25);
+  color:#e6edf3;
+}
+html[data-theme="midnight"] .settings-console .sec-tile:hover{
+  border-color:rgba(34,197,94,.45);
+  box-shadow:0 10px 24px rgba(0,0,0,.35);
+}
+html[data-theme="midnight"] .settings-console .sec-icon{
+  background:rgba(34,197,94,.16);
+  color:#86efac;
+}
+html[data-theme="midnight"] .settings-console .sec-sub{
+  color:#9fb0c6;
+}
+html[data-theme="midnight"] .settings-console .sec-cta{
+  color:#e6edf3;
+  opacity:.8;
+}
+
+/* Inputs in Comms panel */
+html[data-theme="midnight"] .settings-console .tool-input{
   background:#0f1728;
   border:1px solid #253151;
   color:#e6edf3;
 }
-html[data-theme="midnight"] .search-input::placeholder,
-html[data-theme="midnight"] .form-control::placeholder{ color:#8692a6; }
-html[data-theme="midnight"] .search-input:focus,
-html[data-theme="midnight"] .form-control:focus,
-html[data-theme="midnight"] .login-input:focus{
+html[data-theme="midnight"] .settings-console .tool-input::placeholder{
+  color:#8692a6;
+}
+html[data-theme="midnight"] .settings-console .tool-input:focus{
   border-color:#3b82f6;
   box-shadow:0 0 0 3px rgba(59,130,246,.28);
   outline:none;
 }
 
-/* Pills / check pills */
-html[data-theme="midnight"] .check-pill{
-  background:#0f1728;
-  border:1px solid #253151;
-  color:#cfd7e4;
-}
-html[data-theme="midnight"] .check-pill:hover{ background:#121b30; }
-
-/* Chips */
-html[data-theme="midnight"] .chip,
-html[data-theme="midnight"] .chip-link{
-  background:#0f1728;
-  border:1px solid #273455;
-  color:#cfd7e4;
-}
-html[data-theme="midnight"] .chip-muted{
-  background:#0e1626;
-  color:#9aa6bb;
-}
-
-/* ---------- Buttons ---------- */
-html[data-theme="midnight"] .btn{
-  background:#0f1728;
-  border:1px solid #273455;
-  color:#e6edf3;
-}
-html[data-theme="midnight"] .btn:hover{ background:#141f35; }
-
-html[data-theme="midnight"] .btn-primary{
-  background:#3b82f6;      /* blue-500 */
-  border-color:#3b82f6;
-  color:#fff;
-}
-html[data-theme="midnight"] .btn-primary:hover{
-  background:#2563eb;      /* blue-600 */
-  border-color:#2563eb;
-}
-html[data-theme="midnight"] .btn-danger{
-  background:#ef4444;
-  border-color:#ef4444;
-  color:#fff;
-}
-html[data-theme="midnight"] .btn-danger:hover{
-  filter:brightness(.95);
-}
-
-/* Header nav buttons (Find/Create/Insights) */
-html[data-theme="midnight"] .nav-btn{
-  background:#0f1728;
-  border:1px solid #273455;
-  color:#dbe5f1;
-}
-html[data-theme="midnight"] .nav-btn:hover{ background:#16223a; }
-html[data-theme="midnight"] .nav-btn.primary{
-  background:#3b82f6; border-color:#3b82f6; color:#fff;
-}
-
-/* User menu + mobile menu */
-html[data-theme="midnight"] .user-menu,
-html[data-theme="midnight"] .mobile-menu-inner{
-  background:#121a2b;
-  border:1px solid #273455;
-}
-html[data-theme="midnight"] .user-menu .menu-item:hover,
-html[data-theme="midnight"] .mobile-link:hover{ background:#18233b; }
-
-/* ---------- Messages ---------- */
-html[data-theme="midnight"] .msg{
-  background:#0f1728; border-color:#24314f; color:#dbe5f1;
-}
-html[data-theme="midnight"] .msg.info{    background:#0f1728; border-color:#3b82f6; }
-html[data-theme="midnight"] .msg.success{ background:#0f1728; border-color:#22c55e; }
-html[data-theme="midnight"] .msg.warning{ background:#0f1728; border-color:#f59e0b; }
-html[data-theme="midnight"] .msg.error{   background:#0f1728; border-color:#ef4444; }
-
-/* ---------- Links ---------- */
-html[data-theme="midnight"] a{ color:#93c5fd; }
-html[data-theme="midnight"] a:hover{ color:#bfdbfe; }
-
-/* ---------- Misc polish ---------- */
-html[data-theme="midnight"] .rt-count,
-html[data-theme="midnight"] .meta-value.small{ color:#a8b3c6; }
-
-html[data-theme="midnight"] .topbar-wrap.is-scrolled{
-  box-shadow:0 6px 24px rgba(0,0,0,.45);
-  border-bottom-color:transparent;
-}
-
-/* Keep Classic’s gradient opt-in separate; Midnight doesn’t use .themed-bg */
\ No newline at end of file
+/* Toggle switch track looks a bit dark otherwise */
+html[data-theme="midnight"] .settings-console .slider{
+  background:#223055;
+}
\ No newline at end of file