Neutral graphite theme; branded updater icon

Coloring: the base surfaces were green-tinted darks, which read as a
green-hued background rather than green highlights. Shift the whole
surface ramp to neutral graphite (slightly cool, and lighter overall)
and keep green strictly for highlights — brand, buttons, switches,
status dots and pills, sync bars, focus rings.

- Tokens: bg #17191d, surface #1c1f24, card #23272c, hover #292e34,
  elevated #26292e, inset #121417; text neutrals #e9edec/#a9b0b3/
  #7a8388. Accent, borders, radii, shadows unchanged.
- Remove the green ambient radial washes behind the app (and login).
- Reboot / security-reset overlay gradients neutralized.

Updater icon: restore the repo's branded Sovran updater icon
(/static/icons/update.svg, true colors) in the sidebar Update System
row and in the update dialog header, replacing the generic refresh
glyph. The rebuild dialog keeps its glyph chip (no branded icon
exists for it).
This commit is contained in:
2026-09-08 18:09:15 -05:00
parent e6078b9c89
commit 6d32bebdc6
5 changed files with 13 additions and 25 deletions
+9 -21
View File
@@ -17,17 +17,17 @@
color-scheme: dark; color-scheme: dark;
/* ── The Hub palette ─────────────────────────────────────────── */ /* ── The Hub palette ─────────────────────────────────────────── */
--bg: #141a16; --bg: #17191d;
--surface: #181f1b; --surface: #1c1f24;
--card: #1e2621; --card: #23272c;
--card-hover: #232d27; --card-hover: #292e34;
--elevated: #212925; --elevated: #26292e;
--inset: #121814; --inset: #121417;
--border: rgba(255, 255, 255, 0.07); --border: rgba(255, 255, 255, 0.07);
--border-strong: rgba(255, 255, 255, 0.14); --border-strong: rgba(255, 255, 255, 0.14);
--text: #e3ede7; --text: #e9edec;
--text-2: #a8bcb0; --text-2: #a9b0b3;
--text-3: #6e8578; --text-3: #7a8388;
--accent: #3ecf8e; --accent: #3ecf8e;
--accent-strong: #42f39a; --accent-strong: #42f39a;
--accent-deep: #1aa45d; --accent-deep: #1aa45d;
@@ -73,18 +73,6 @@ body {
overflow: hidden; overflow: hidden;
} }
/* Soft brand wash so the canvas never reads flat-black */
body::before {
content: "";
position: fixed;
inset: 0;
background:
radial-gradient(1100px 520px at 16% -12%, rgba(66, 243, 154, 0.04), transparent 60%),
radial-gradient(900px 600px at 110% 110%, rgba(26, 169, 110, 0.05), transparent 55%);
pointer-events: none;
z-index: 0;
}
button { font-family: inherit; } button { font-family: inherit; }
::selection { background: rgba(66, 243, 154, 0.25); } ::selection { background: rgba(66, 243, 154, 0.25); }
@@ -1306,7 +1306,7 @@
position: fixed; position: fixed;
inset: 0; inset: 0;
z-index: 300; z-index: 300;
background: radial-gradient(1000px 640px at 50% 18%, #17211c, #0b100d 72%); background: radial-gradient(1000px 640px at 50% 18%, #202429, #0f1113 72%);
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@@ -221,7 +221,7 @@
display: none; display: none;
position: fixed; position: fixed;
inset: 0; inset: 0;
background: radial-gradient(1000px 640px at 50% 18%, #17211c, #0b100d 72%); background: radial-gradient(1000px 640px at 50% 18%, #202429, #0f1113 72%);
z-index: 1000; z-index: 1000;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
+1 -1
View File
@@ -63,7 +63,7 @@ function renderSidebarSupport(supportServices) {
sidebarUpdateBtn.className = "sidebar-support-btn"; sidebarUpdateBtn.className = "sidebar-support-btn";
sidebarUpdateBtn.id = "sidebar-btn-update"; sidebarUpdateBtn.id = "sidebar-btn-update";
sidebarUpdateBtn.innerHTML = sidebarUpdateBtn.innerHTML =
'<span class="sidebar-support-icon"><svg><use href="#g-refresh"/></svg></span>' + '<img class="sidebar-support-icon" src="/static/icons/update.svg" alt="Update" style="width:20px;height:20px;">' +
'<span class="sidebar-support-text">' + '<span class="sidebar-support-text">' +
'<span class="sidebar-support-title">Update System</span>' + '<span class="sidebar-support-title">Update System</span>' +
'<span class="sidebar-support-hint" id="sidebar-update-hint">Check for updates</span>' + '<span class="sidebar-support-hint" id="sidebar-update-hint">Check for updates</span>' +
@@ -239,7 +239,7 @@
<div class="modal-overlay" id="update-modal" role="dialog" aria-modal="true" aria-labelledby="modal-title-text"> <div class="modal-overlay" id="update-modal" role="dialog" aria-modal="true" aria-labelledby="modal-title-text">
<div class="modal-dialog"> <div class="modal-dialog">
<div class="upd-header"> <div class="upd-header">
<span class="widget-chip chip-sovran upd-chip"><svg class="upd-chip-svg"><use href="#g-refresh"/></svg></span> <img src="/static/icons/update.svg" class="upd-icon" alt="Sovran_SystemsOS Update" />
<span class="upd-title-wrap"> <span class="upd-title-wrap">
<span class="upd-title" id="modal-title-text">Sovran_SystemsOS Update</span> <span class="upd-title" id="modal-title-text">Sovran_SystemsOS Update</span>
<span class="upd-sub"> <span class="upd-sub">