admin: convert bare dark-surface literals to themed vars (day-mode flip); map left dark by design (chips over satellite imagery)

d9d46a9057c67b59b5cf6ceb5c38727fcff46cf3 · 2026-08-19 08:28:17 -0700 · Steve Abrams

Files touched

M public/admin.html

Diff

commit d9d46a9057c67b59b5cf6ceb5c38727fcff46cf3
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Wed Aug 19 08:28:17 2026 -0700

    admin: convert bare dark-surface literals to themed vars (day-mode flip); map left dark by design (chips over satellite imagery)
---
 public/admin.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/public/admin.html b/public/admin.html
index 3729d38..2ec62b2 100644
--- a/public/admin.html
+++ b/public/admin.html
@@ -21,7 +21,7 @@ header .who{margin-left:auto;font-size:12px;color:var(--mut)}
 .card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px;margin-bottom:18px}
 .card h2{font-size:13px;margin:0 0 12px;color:var(--mut);text-transform:uppercase;letter-spacing:.6px;font-weight:600}
 label{display:block;font-size:11px;color:var(--mut);margin:8px 0 3px}
-input,select{background:#0b0e13;border:1px solid var(--line);border-radius:7px;color:var(--ink);font-size:13px;padding:7px 9px;width:100%}
+input,select{background:var(--card,#0b0e13);border:1px solid var(--line);border-radius:7px;color:var(--ink);font-size:13px;padding:7px 9px;width:100%}
 input:focus,select:focus{outline:none;border-color:var(--blue)}
 .row{display:flex;flex-wrap:wrap;gap:12px}
 .row>div{flex:1 1 150px;min-width:130px}
@@ -33,10 +33,10 @@ input:focus,select:focus{outline:none;border-color:var(--blue)}
 table{width:100%;border-collapse:collapse;font-size:12.5px}
 th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:middle}
 th{color:var(--mut);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.4px;cursor:pointer;user-select:none}
-tr:hover td{background:#12171f}
+tr:hover td{background:var(--headbg,#12171f)}
 .pill{display:inline-block;font-size:10.5px;padding:2px 8px;border-radius:20px;border:1px solid var(--line)}
 .pill.admin{color:var(--gold);border-color:#4a3a12;background:#1c1607}
-.pill.standard{color:var(--blue);border-color:#173049;background:#0b1622}
+.pill.standard{color:var(--blue);border-color:#173049;background:var(--card,#0b1622)}
 .pill.magic{color:var(--violet);border-color:#33244a;background:#150e22}
 .when{color:var(--mut);font-size:11px}
 .acts{display:flex;gap:6px;flex-wrap:wrap}
@@ -49,7 +49,7 @@ tr:hover td{background:#12171f}
 .modal.on{display:flex}
 .modal .box{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px;max-width:560px;width:100%;max-height:80vh;overflow:auto}
 .modal h3{margin:0 0 10px;font-size:14px}
-.nlist .n{border:1px solid var(--line);border-radius:8px;padding:8px 10px;margin-top:8px;background:#0b0e13}
+.nlist .n{border:1px solid var(--line);border-radius:8px;padding:8px 10px;margin-top:8px;background:var(--card,#0b0e13)}
 .nlist .n .id{color:var(--blue);font-size:11px}
 .nlist .n .tx{white-space:pre-wrap;margin-top:4px;font-size:12px}
 </style>

← a206405 rent-rolls: convert bare dark-surface literals to themed var · back to Commercialrealestate · just-listed: ticker bg -> var (reference page now 100% light 635ffad →