← back to Commercialrealestate
rent-rolls: convert bare dark-surface literals to themed vars (day-mode specks -> flip in light)
a2064053fa7a07ee4bc3e08dc09209a7e41dffca · 2026-08-19 08:27:33 -0700 · Steve Abrams
Files touched
Diff
commit a2064053fa7a07ee4bc3e08dc09209a7e41dffca
Author: Steve Abrams <steve@designerwallcoverings.com>
Date: Wed Aug 19 08:27:33 2026 -0700
rent-rolls: convert bare dark-surface literals to themed vars (day-mode specks -> flip in light)
---
public/rent-rolls.html | 16 ++++++++--------
1 file changed, 8 insertions(+), 8 deletions(-)
diff --git a/public/rent-rolls.html b/public/rent-rolls.html
index d66d47d..9cdc473 100644
--- a/public/rent-rolls.html
+++ b/public/rent-rolls.html
@@ -14,7 +14,7 @@
:root{--gold:#e9c46a;--teal:#2dd4bf;--blue:#60a5fa;--violet:#8b7cf6;--pink:#f472b6;--ink:#eef1f7;--muted:#9aa3b4;
--glass:rgba(255,255,255,.055);--glassb:rgba(255,255,255,.12);--ok:#34d399;--warn:#fb923c;--bad:#f87171;}
*{box-sizing:border-box;margin:0;padding:0;}
- html,body{min-height:100%;background:#070a10;color:var(--ink);font:15px/1.5 -apple-system,'SF Pro Display',Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;}
+ html,body{min-height:100%;background:var(--bg,#070a10);color:var(--ink);font:15px/1.5 -apple-system,'SF Pro Display',Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;}
body::before{content:'';position:fixed;inset:-25%;z-index:-2;background:
radial-gradient(38vw 38vw at 16% 20%,rgba(45,212,191,.34),transparent 60%),
radial-gradient(34vw 34vw at 84% 16%,rgba(139,124,246,.32),transparent 60%),
@@ -45,7 +45,7 @@
.badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:9px;background:rgba(251,146,60,.18);color:var(--warn);border:1px solid rgba(251,146,60,.4);}
.addr{font-size:12.5px;color:var(--muted);margin-top:2px;}
.uwgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:12px;margin:16px 0;}
- .uw{background:#0a0d13;border:1px solid var(--glassb);border-radius:12px;padding:12px 13px;}
+ .uw{background:var(--card,#0a0d13);border:1px solid var(--glassb);border-radius:12px;padding:12px 13px;}
.uw .k{font-size:10.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);}
.uw .v{font-size:21px;font-weight:700;margin-top:4px;font-variant-numeric:tabular-nums;}
.uw .v.gold{color:var(--gold);} .uw .v.teal{color:var(--teal);} .uw .v.blue{color:var(--blue);}
@@ -58,14 +58,14 @@
.vac{color:var(--warn);} .occ{color:var(--ok);}
.sec h3{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin-bottom:10px;}
.calc label{display:block;font-size:11px;color:var(--muted);margin:9px 0 3px;}
- .calc input{width:100%;background:#0a0d13;border:1px solid var(--glassb);border-radius:9px;padding:8px 10px;color:var(--ink);font-size:14px;font-variant-numeric:tabular-nums;}
+ .calc input{width:100%;background:var(--card,#0a0d13);border:1px solid var(--glassb);border-radius:9px;padding:8px 10px;color:var(--ink);font-size:14px;font-variant-numeric:tabular-nums;}
.calc .row{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
- .dscrout{margin-top:14px;padding:14px;border-radius:12px;background:#0a0d13;border:1px solid var(--glassb);}
+ .dscrout{margin-top:14px;padding:14px;border-radius:12px;background:var(--card,#0a0d13);border:1px solid var(--glassb);}
.dscrbig{font-size:34px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1;}
.dscrbig.pass{color:var(--ok);} .dscrbig.lean{color:var(--warn);} .dscrbig.fail{color:var(--bad);}
.dline{display:flex;justify-content:space-between;font-size:13px;margin-top:8px;color:var(--muted);} .dline b{color:var(--ink);font-variant-numeric:tabular-nums;}
.verdict{font-size:12px;margin-top:8px;} .note{font-size:11px;color:var(--muted);margin-top:12px;line-height:1.6;}
- .empty{padding:50px 24px;text-align:center;color:var(--muted);} .empty code{background:#0a0d13;padding:2px 7px;border-radius:6px;color:var(--gold);}
+ .empty{padding:50px 24px;text-align:center;color:var(--muted);} .empty code{background:var(--card,#0a0d13);padding:2px 7px;border-radius:6px;color:var(--gold);}
/* ── table-view toolbar + controls (Steve list/table rule 2026-07-31) ── */
.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px;}
@@ -75,14 +75,14 @@
.toggle button{background:transparent;border:0;color:var(--muted);padding:8px 13px;font-size:13px;cursor:pointer;}
.toggle button.on{background:var(--gold);color:#1a1205;font-weight:700;}
#sortsel{background:var(--glass);color:var(--ink);border:1px solid var(--glassb);border-radius:11px;padding:8px 10px;font-size:13px;backdrop-filter:blur(14px);}
- #sortsel optgroup{color:var(--muted);} #sortsel option{color:var(--ink);background:#0a0d13;}
+ #sortsel optgroup{color:var(--muted);} #sortsel option{color:var(--ink);background:var(--card,#0a0d13);}
.count{color:var(--muted);font-size:12px;margin-left:auto;}
/* Columns ▾ dropdown */
.coldrop{position:relative;}
.coldrop>button{background:var(--glass);border:1px solid var(--glassb);color:var(--ink);border-radius:11px;padding:8px 12px;font-size:13px;cursor:pointer;backdrop-filter:blur(14px);}
.coldrop>button:hover{border-color:rgba(233,196,106,.5);}
.colmenu{display:none;position:absolute;right:0;top:calc(100% + 6px);z-index:50;min-width:240px;max-height:60vh;overflow:auto;
- background:#0c1018;border:1px solid var(--glassb);border-radius:13px;padding:10px;box-shadow:0 16px 44px rgba(0,0,0,.55);}
+ background:var(--card,#0c1018);border:1px solid var(--glassb);border-radius:13px;padding:10px;box-shadow:0 16px 44px rgba(0,0,0,.55);}
.coldrop.open .colmenu{display:block;}
.colmenu .fgrp{font-size:9.5px;text-transform:uppercase;letter-spacing:.6px;color:var(--gold);margin:9px 0 3px;font-weight:700;opacity:.85;}
.colmenu .fgrp:first-child{margin-top:0;}
@@ -94,7 +94,7 @@
/* data table */
.tblwrap{overflow:auto;border:1px solid var(--glassb);border-radius:16px;background:var(--glass);backdrop-filter:blur(22px) saturate(1.5);}
table.g{border-collapse:separate;border-spacing:0;width:100%;font-size:12.5px;white-space:nowrap;}
- table.g thead th{position:sticky;top:0;background:#12161f;color:var(--muted);text-transform:uppercase;letter-spacing:.3px;font-size:10.5px;padding:9px 11px;border-bottom:1px solid var(--glassb);cursor:pointer;user-select:none;z-index:2;text-align:left;}
+ table.g thead th{position:sticky;top:0;background:var(--headbg,#12161f);color:var(--muted);text-transform:uppercase;letter-spacing:.3px;font-size:10.5px;padding:9px 11px;border-bottom:1px solid var(--glassb);cursor:pointer;user-select:none;z-index:2;text-align:left;}
table.g thead th:hover{color:var(--ink);}
table.g thead th.asc::after{content:' ▲';color:var(--gold);} table.g thead th.desc::after{content:' ▼';color:var(--gold);}
table.g thead th.dragcol{cursor:grab;}
← 50e13d6 CRCP: migrate last 4 pages (index/mls/fha-loans/graphics) of
·
back to Commercialrealestate
·
admin: convert bare dark-surface literals to themed vars (da d9d46a9 →