Give the settings inputs one set of colours
Nine near-identical fields had drifted a hex digit apart in three directions, which is invisible side by side and confusing to read in source.
This commit is contained in:
@@ -96,7 +96,7 @@
|
|||||||
/* ── Settings card ───────────────────────────────────────── */
|
/* ── Settings card ───────────────────────────────────────── */
|
||||||
.vv-arr-set-card { grid-column:1/-1; }
|
.vv-arr-set-card { grid-column:1/-1; }
|
||||||
.vv-arr-tog-lbl { font-size:11px;color:#666; }
|
.vv-arr-tog-lbl { font-size:11px;color:#666; }
|
||||||
.vv-arr-set-inp { background:#0d0d0d;border:1px solid #252525;border-radius:3px;color:#888;
|
.vv-arr-set-inp { background:#0d0d0d;border:1px solid #2a2a2a;border-radius:3px;color:#bbb;
|
||||||
font-size:11px;padding:3px 7px;outline:none;width:60px; }
|
font-size:11px;padding:3px 7px;outline:none;width:60px; }
|
||||||
.vv-arr-set-inp:focus { border-color:#444; }
|
.vv-arr-set-inp:focus { border-color:#444; }
|
||||||
.vv-arr-pill { display:inline-block;font-size:9px;padding:1px 7px;border-radius:3px;font-weight:700; }
|
.vv-arr-pill { display:inline-block;font-size:9px;padding:1px 7px;border-radius:3px;font-weight:700; }
|
||||||
|
|||||||
@@ -136,9 +136,9 @@
|
|||||||
.vv-au-modal h3 { font-size:12px;font-weight:bold;color:#888;text-transform:uppercase;letter-spacing:.06em;margin:0 0 14px; }
|
.vv-au-modal h3 { font-size:12px;font-weight:bold;color:#888;text-transform:uppercase;letter-spacing:.06em;margin:0 0 14px; }
|
||||||
.vv-au-field { margin-bottom:10px; }
|
.vv-au-field { margin-bottom:10px; }
|
||||||
.vv-au-label { display:block;font-size:10px;color:#555;margin-bottom:3px;text-transform:uppercase;letter-spacing:.04em; }
|
.vv-au-label { display:block;font-size:10px;color:#555;margin-bottom:3px;text-transform:uppercase;letter-spacing:.04em; }
|
||||||
.vv-au-input { width:100%;box-sizing:border-box;background:#0d0d0d;border:1px solid #252525;border-radius:3px;color:#bbb;font-size:11px;padding:5px 8px;outline:none; }
|
.vv-au-input { width:100%;box-sizing:border-box;background:#0d0d0d;border:1px solid #2a2a2a;border-radius:3px;color:#bbb;font-size:11px;padding:5px 8px;outline:none; }
|
||||||
.vv-au-input:focus { border-color:#1a3a5a; }
|
.vv-au-input:focus { border-color:#1a3a5a; }
|
||||||
.vv-au-select { width:100%;box-sizing:border-box;background:#0d0d0d;border:1px solid #252525;border-radius:3px;color:#bbb;font-size:11px;padding:5px 8px;outline:none; }
|
.vv-au-select { width:100%;box-sizing:border-box;background:#0d0d0d;border:1px solid #2a2a2a;border-radius:3px;color:#bbb;font-size:11px;padding:5px 8px;outline:none; }
|
||||||
.vv-au-hint { font-size:10px;color:#333;margin-top:2px; }
|
.vv-au-hint { font-size:10px;color:#333;margin-top:2px; }
|
||||||
.vv-au-modal-acts { display:flex;justify-content:flex-end;gap:8px;margin-top:16px; }
|
.vv-au-modal-acts { display:flex;justify-content:flex-end;gap:8px;margin-top:16px; }
|
||||||
.vv-au-tog-row { display:flex;align-items:center;gap:8px;margin-bottom:10px; }
|
.vv-au-tog-row { display:flex;align-items:center;gap:8px;margin-bottom:10px; }
|
||||||
|
|||||||
@@ -80,7 +80,7 @@
|
|||||||
.vv-fb-tog.on::after { left:16px;background:#4caf50; }
|
.vv-fb-tog.on::after { left:16px;background:#4caf50; }
|
||||||
.vv-fb-set-row { display:flex;justify-content:space-between;align-items:center;padding:5px 0; }
|
.vv-fb-set-row { display:flex;justify-content:space-between;align-items:center;padding:5px 0; }
|
||||||
.vv-fb-set-lbl { font-size:11px;color:#555; }
|
.vv-fb-set-lbl { font-size:11px;color:#555; }
|
||||||
.vv-fb-set-inp { background:#0d0d0d;border:1px solid #2a2a2a;border-radius:3px;color:#888;
|
.vv-fb-set-inp { background:#0d0d0d;border:1px solid #2a2a2a;border-radius:3px;color:#bbb;
|
||||||
font-size:12px;padding:4px 8px;outline:none;width:72px;font-family:monospace;
|
font-size:12px;padding:4px 8px;outline:none;width:72px;font-family:monospace;
|
||||||
text-align:right;box-sizing:border-box; }
|
text-align:right;box-sizing:border-box; }
|
||||||
.vv-fb-set-inp:focus { border-color:#444; }
|
.vv-fb-set-inp:focus { border-color:#444; }
|
||||||
|
|||||||
@@ -88,7 +88,7 @@
|
|||||||
.vv-pt-set-key { font-size:11px; color:#7ab; font-family:monospace; margin-bottom:2px; }
|
.vv-pt-set-key { font-size:11px; color:#7ab; font-family:monospace; margin-bottom:2px; }
|
||||||
.vv-pt-set-desc { font-size:10px; color:#555; margin-bottom:3px; line-height:1.4; }
|
.vv-pt-set-desc { font-size:10px; color:#555; margin-bottom:3px; line-height:1.4; }
|
||||||
.vv-pt-set-input { width:100%; box-sizing:border-box; background:#0d0d0d; border:1px solid #2a2a2a;
|
.vv-pt-set-input { width:100%; box-sizing:border-box; background:#0d0d0d; border:1px solid #2a2a2a;
|
||||||
color:#ddd; padding:5px 8px; border-radius:3px; font-family:monospace; font-size:11px; }
|
color:#bbb; padding:5px 8px; border-radius:3px; font-family:monospace; font-size:11px; }
|
||||||
.vv-pt-set-input:focus { outline:none; border-color:#4a8; }
|
.vv-pt-set-input:focus { outline:none; border-color:#4a8; }
|
||||||
.vv-pt-set-input.changed { border-color:#ff9800; }
|
.vv-pt-set-input.changed { border-color:#ff9800; }
|
||||||
textarea.vv-pt-set-input { resize:vertical; white-space:pre; }
|
textarea.vv-pt-set-input { resize:vertical; white-space:pre; }
|
||||||
|
|||||||
@@ -98,7 +98,7 @@
|
|||||||
.vv-ry-toggle-lbl { font-size:11px;color:#666; }
|
.vv-ry-toggle-lbl { font-size:11px;color:#666; }
|
||||||
.vv-ry-set-row { display:flex;align-items:center;gap:10px;margin:4px 0; }
|
.vv-ry-set-row { display:flex;align-items:center;gap:10px;margin:4px 0; }
|
||||||
.vv-ry-set-lbl { font-size:11px;color:#555;width:130px;flex-shrink:0; }
|
.vv-ry-set-lbl { font-size:11px;color:#555;width:130px;flex-shrink:0; }
|
||||||
.vv-ry-set-inp { background:#111;border:1px solid #2a2a2a;border-radius:3px;color:#bbb;font-size:12px;padding:3px 7px;width:80px;outline:none; }
|
.vv-ry-set-inp { background:#0d0d0d;border:1px solid #2a2a2a;border-radius:3px;color:#bbb;font-size:12px;padding:3px 7px;width:80px;outline:none; }
|
||||||
.vv-ry-set-inp:focus { border-color:#444; }
|
.vv-ry-set-inp:focus { border-color:#444; }
|
||||||
.vv-ry-set-hint { font-size:10px;color:#3a3a3a; }
|
.vv-ry-set-hint { font-size:10px;color:#3a3a3a; }
|
||||||
.vv-ry-save-btn { background:#1a2a1a;border:1px solid #2d4a2d;color:#4caf50;font-size:11px;padding:4px 14px;border-radius:3px;cursor:pointer;transition:background .15s; }
|
.vv-ry-save-btn { background:#1a2a1a;border:1px solid #2d4a2d;color:#4caf50;font-size:11px;padding:4px 14px;border-radius:3px;cursor:pointer;transition:background .15s; }
|
||||||
@@ -132,10 +132,10 @@
|
|||||||
.vv-ms-row { display:flex;gap:10px;margin-bottom:8px;align-items:flex-start;flex-wrap:wrap; }
|
.vv-ms-row { display:flex;gap:10px;margin-bottom:8px;align-items:flex-start;flex-wrap:wrap; }
|
||||||
.vv-ms-col { display:flex;flex-direction:column;gap:4px;flex:1 1 200px;min-width:0; }
|
.vv-ms-col { display:flex;flex-direction:column;gap:4px;flex:1 1 200px;min-width:0; }
|
||||||
.vv-ms-lbl { font-size:9px;font-weight:700;color:#444;text-transform:uppercase;letter-spacing:.07em; }
|
.vv-ms-lbl { font-size:9px;font-weight:700;color:#444;text-transform:uppercase;letter-spacing:.07em; }
|
||||||
.vv-ms-inp { background:#0d0d0d;border:1px solid #252525;border-radius:3px;color:#ccc;
|
.vv-ms-inp { background:#0d0d0d;border:1px solid #2a2a2a;border-radius:3px;color:#bbb;
|
||||||
font-size:12px;padding:5px 8px;width:100%;box-sizing:border-box;font-family:monospace;outline:none; }
|
font-size:12px;padding:5px 8px;width:100%;box-sizing:border-box;font-family:monospace;outline:none; }
|
||||||
.vv-ms-inp:focus { border-color:#3a5a3a; }
|
.vv-ms-inp:focus { border-color:#3a5a3a; }
|
||||||
.vv-ms-sel { background:#0d0d0d;border:1px solid #252525;border-radius:3px;color:#ccc;
|
.vv-ms-sel { background:#0d0d0d;border:1px solid #2a2a2a;border-radius:3px;color:#bbb;
|
||||||
font-size:12px;padding:5px 8px;width:100%;box-sizing:border-box;outline:none;cursor:pointer; }
|
font-size:12px;padding:5px 8px;width:100%;box-sizing:border-box;outline:none;cursor:pointer; }
|
||||||
.vv-ms-sel:focus { border-color:#3a5a3a; }
|
.vv-ms-sel:focus { border-color:#3a5a3a; }
|
||||||
.vv-ms-dirs { background:#080808;border:1px solid #1e1e1e;border-radius:3px;
|
.vv-ms-dirs { background:#080808;border:1px solid #1e1e1e;border-radius:3px;
|
||||||
|
|||||||
@@ -79,7 +79,7 @@ $_aiEnabled = strtolower(trim($_vars['AI_ENABLED'] ?? 'false')) === 'true';
|
|||||||
padding:8px 12px;font-size:11px;color:#ffb74d;margin-top:8px;display:none; }
|
padding:8px 12px;font-size:11px;color:#ffb74d;margin-top:8px;display:none; }
|
||||||
.vv-set-tog-lbl { font-size:12px;color:#888; }
|
.vv-set-tog-lbl { font-size:12px;color:#888; }
|
||||||
.vv-set-tog-sub { font-size:10px;color:#3a3a3a;margin-top:1px; }
|
.vv-set-tog-sub { font-size:10px;color:#3a3a3a;margin-top:1px; }
|
||||||
.vv-set-inp { background:#0d0d0d;border:1px solid #2a2a2a;border-radius:3px;color:#888;
|
.vv-set-inp { background:#0d0d0d;border:1px solid #2a2a2a;border-radius:3px;color:#bbb;
|
||||||
font-size:12px;padding:5px 8px;outline:none;width:100%;box-sizing:border-box;
|
font-size:12px;padding:5px 8px;outline:none;width:100%;box-sizing:border-box;
|
||||||
font-family:monospace; }
|
font-family:monospace; }
|
||||||
.vv-set-inp:focus{ border-color:#444; }
|
.vv-set-inp:focus{ border-color:#444; }
|
||||||
|
|||||||
Reference in New Issue
Block a user