TK-10703 cycle7: recities → corner-nav + day/night theme (accent preserved)

184e5b1a4c2f9fe797abc1a444c822ba59c65c3d · 2026-08-21 06:52:31 -0700 · Steve Abrams

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Files touched

M public/recities.html

Diff

commit 184e5b1a4c2f9fe797abc1a444c822ba59c65c3d
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Fri Aug 21 06:52:31 2026 -0700

    TK-10703 cycle7: recities → corner-nav + day/night theme (accent preserved)
    
    Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 public/recities.html | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/public/recities.html b/public/recities.html
index 61b2eb0..2a52c25 100644
--- a/public/recities.html
+++ b/public/recities.html
@@ -1,6 +1,7 @@
 <!doctype html>
 <html lang="en">
 <head>
+<script>(function(){try{var t=localStorage.getItem('crcp-theme');document.documentElement.setAttribute('data-theme',t==='light'?'light':'dark');}catch(e){document.documentElement.setAttribute('data-theme','dark');}})();</script>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>CRCP · Cities</title>
@@ -9,8 +10,14 @@
     --bg:#0f1419; --panel:#1a2029; --panel2:#232b36; --edge:#2f3946;
     --ink:#e8edf2; --mut:#93a1b0; --accent:#4ea1ff; --accent2:#2b6fd6;
   }
+  /* LIGHT mode surface flips — keep the bespoke blue ACCENT, only re-point generic surfaces
+     to light so day mode has no dark islands (Cycle-6 lesson). Accents unchanged. */
+  html[data-theme="light"]{
+    --bg:#f4f7fb; --panel:#ffffff; --panel2:#eef3f9; --edge:#d5dee8;
+    --ink:#131a22; --mut:#586472;
+  }
   *{box-sizing:border-box}
-  body{margin:0;background:linear-gradient(180deg,#0f1419,#121924);color:var(--ink);
+  body{margin:0;background:var(--bg);color:var(--ink);
        font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;min-height:100vh}
   .wrap{max-width:1080px;margin:0 auto;padding:40px 20px 80px}
   header.top{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:6px}
@@ -34,15 +41,16 @@
   .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-top:14px}
   a.city{display:flex;justify-content:space-between;align-items:center;gap:10px;text-decoration:none;color:var(--ink);
     background:var(--panel2);border:1px solid var(--edge);border-radius:10px;padding:12px 14px;transition:.12s}
-  a.city:hover{border-color:var(--accent);background:#26313f;transform:translateY(-1px)}
+  a.city:hover{border-color:var(--accent);background:var(--panel);transform:translateY(-1px)}
   a.city.empty{opacity:.5}
   a.city .nm{font-weight:600}
   a.city .host{display:block;color:var(--mut);font-size:12px;margin-top:2px;font-weight:400}
-  a.city .n{flex:0 0 auto;font-size:12px;color:var(--mut);background:#1a222e;border:1px solid var(--edge);border-radius:20px;padding:2px 9px}
+  a.city .n{flex:0 0 auto;font-size:12px;color:var(--mut);background:var(--bg);border:1px solid var(--edge);border-radius:20px;padding:2px 9px}
   a.city .n.has{color:#bfe0ff;border-color:#2f5da3}
   .empty-note{color:var(--mut);padding:20px 4px}
   footer{color:var(--mut);font-size:12px;margin-top:34px}
 </style>
+  <link rel="stylesheet" href="/crcp-theme.css"><!-- CRCP day/night tokens: load LAST so html[data-theme] wins -->
 </head>
 <body>
 <div class="wrap">
@@ -140,5 +148,7 @@ filter.addEventListener('input', render);
 showEmpty.addEventListener('change', render);
 render();
 </script>
+  <script src="/crcp-theme.js" defer></script><!-- CRCP day/night toggle (auto-injects into header) -->
+  <script src="/corner-nav.js" defer></script>
 </body>
 </html>

← 1f95711 TK-10703 cycle7: firecities → corner-nav + day/night theme ( · back to Commercialrealestate · TK-10703 cycle7: property → always-on listing-agent contact 1390e7a →