Skip to content

Commit 066ea9e

Browse files
committed
fix(ui): dark-theme audit — modal, edit panel, right-fade, nav/tabs, default buttons
Covers every remaining hardcoded light surface: .dialog .box (popup), tr.edit panel (#fafafa), td.right-fade gradient (white sliver next to links), button.nav, checkboxes, #stats, tabs, map tooltip, and thedevs-network#444 default-button text.
1 parent 8e46ee7 commit 066ea9e

1 file changed

Lines changed: 47 additions & 0 deletions

File tree

custom/css/isd.css

Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -52,3 +52,50 @@ a.forgot-password, a.nav, .nav { color: var(--secondary-text-color); }
5252

5353
/* white ISD logo sits on the dark header */
5454
header .logo img { height: 26px; width: auto; }
55+
56+
/* ============================================================
57+
Audit pass — every remaining hardcoded light surface in styles.css
58+
============================================================ */
59+
60+
/* modal / dialog popup (the white success/confirm box) */
61+
.dialog .box,
62+
.dialog .content-wrapper,
63+
.dialog .content {
64+
background-color: hsl(0,0%,10%) !important;
65+
color: #fff !important;
66+
}
67+
.dialog .content h2,
68+
.dialog .content p,
69+
.dialog .content label { color: #fff !important; }
70+
71+
/* link table expanded edit panel (was #fafafa) */
72+
#main-table-wrapper table tr.edit,
73+
#main-table-wrapper table tr.edit td,
74+
#main-table-wrapper table tr.edit td form { background-color: hsl(0,0%,10%) !important; }
75+
#main-table-wrapper table tr.edit label,
76+
table tr.edit label,
77+
label { color: hsl(0,0%,82%); }
78+
79+
/* right-fade gradient on the Original-URL cell (was fading to WHITE; only :hover used the dark var) */
80+
#main-table-wrapper table tbody td.right-fade:after {
81+
background: linear-gradient(to left, hsl(0,0%,7%), rgba(0,0,0,0)) !important;
82+
}
83+
#main-table-wrapper table tbody tr:hover td.right-fade:after {
84+
background: linear-gradient(to left, var(--table-tr-hover-bg-color), rgba(0,0,0,0)) !important;
85+
}
86+
87+
/* tabs, pagination/nav buttons, checkboxes, stats panel, map tooltip */
88+
table .tab a,
89+
table .tab a.active { background-color: hsl(0,0%,14%) !important; color: #fff !important; }
90+
button.nav { background-color: hsl(0,0%,14%) !important; color: #fff !important; }
91+
button.nav:disabled { background-color: hsl(0,0%,10%) !important; }
92+
input[type="checkbox"] { background-color: hsl(0,0%,18%) !important; }
93+
input[type="checkbox"]:checked { background-color: var(--color-primary) !important; }
94+
#stats { background-color: hsl(0,0%,10%) !important; }
95+
#map-tooltip:after { background: rgba(20,20,20,0.96) !important; color: #fff !important; }
96+
#map-tooltip:before { border-top-color: rgba(20,20,20,0.96) !important; }
97+
98+
/* default (non-coloured) buttons like "Close" had #444 text on a now-dark bg */
99+
button, a.button { color: #fff; }
100+
button.action { color: inherit; } /* icon buttons keep their pastel circles */
101+
select { color: #fff !important; }

0 commit comments

Comments
 (0)