From db3ff345cfba5a85a4b5273cc63334ee19e8937e Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Thu, 9 Apr 2026 19:50:39 +0000 Subject: [PATCH] feat: rebalance Hub theme to near-black with green accents (v8) Agent-Logs-Url: https://github.com/naturallaw777/staging_alpha/sessions/7d5cc1b4-de38-4abc-be28-fc279e97d7b1 Co-authored-by: naturallaw777 <99053422+naturallaw777@users.noreply.github.com> --- app/sovran_systemsos_web/static/css/base.css | 22 ++++++++++--------- .../static/css/domain-setup.css | 6 ++--- .../static/css/layout.css | 2 +- .../static/css/modals.css | 12 +++++----- .../static/css/onboarding.css | 8 ++++--- .../static/css/security.css | 2 +- .../static/css/support.css | 6 ++--- app/sovran_systemsos_web/static/css/tiles.css | 2 +- 8 files changed, 32 insertions(+), 28 deletions(-) diff --git a/app/sovran_systemsos_web/static/css/base.css b/app/sovran_systemsos_web/static/css/base.css index e264ba7..201c8a2 100644 --- a/app/sovran_systemsos_web/static/css/base.css +++ b/app/sovran_systemsos_web/static/css/base.css @@ -1,6 +1,6 @@ /* Sovran_SystemsOS Hub — Web UI Stylesheet - Dark theme — deep green palette matching the Sovran Hub icon - v7 — Green atmosphere, status-only tiles */ + Dark theme — near-black with green accents matching the Sovran Hub icon + v8 — Black-forward, green used for accents/borders/highlights only */ *, *::before, *::after { box-sizing: border-box; @@ -9,13 +9,13 @@ } :root { - --bg-color: #091C14; - --surface-color: #0F2419; - --card-color: #163023; - --border-color: #244635; - --text-primary: #E8FFF4; - --text-secondary: #8CC4A8; - --text-dim: #4E7A65; + --bg-color: #0b0f0d; + --surface-color: #111614; + --card-color: #181e1b; + --border-color: #1e2d27; + --text-primary: #ecf3ef; + --text-secondary: #8aaa9a; + --text-dim: #4a6658; --accent-color: #28D978; --green: #2ec27e; --yellow: #e5a50a; @@ -33,7 +33,9 @@ html, body { body { font-family: 'Cantarell', 'Inter', 'Segoe UI', sans-serif; - background-color: var(--bg-color); + background: + radial-gradient(ellipse at top, rgba(40, 217, 120, 0.04) 0%, transparent 50%), + var(--bg-color); color: var(--text-primary); line-height: 1.5; min-height: 100vh; diff --git a/app/sovran_systemsos_web/static/css/domain-setup.css b/app/sovran_systemsos_web/static/css/domain-setup.css index e5ddd4e..8b0e770 100644 --- a/app/sovran_systemsos_web/static/css/domain-setup.css +++ b/app/sovran_systemsos_web/static/css/domain-setup.css @@ -18,7 +18,7 @@ domain-field-label { domain-field-input { width: 100%; - background-color: #060F09; + background-color: #0c0f0e; color: var(--text-primary); border: 1px solid var(--border-color); border-radius: 8px; @@ -75,7 +75,7 @@ domain-field-actions { .domain-field-input { width: 100%; - background-color: #060F09; + background-color: #0c0f0e; color: var(--text-primary); border: 1px solid var(--border-color); border-radius: 8px; @@ -145,7 +145,7 @@ domain-field-actions { .port-req-table td { padding: 8px 10px; - border-bottom: 1px solid rgba(36, 70, 53, 0.5); + border-bottom: 1px solid rgba(30, 45, 39, 0.5); color: var(--text-primary); } diff --git a/app/sovran_systemsos_web/static/css/layout.css b/app/sovran_systemsos_web/static/css/layout.css index ba01800..1fab7cc 100644 --- a/app/sovran_systemsos_web/static/css/layout.css +++ b/app/sovran_systemsos_web/static/css/layout.css @@ -46,7 +46,7 @@ .sidebar-support-btn:hover { border-color: var(--accent-color); border-style: solid; - background-color: #1A3828; + background-color: #162320; } .sidebar-support-btn + .sidebar-support-btn { diff --git a/app/sovran_systemsos_web/static/css/modals.css b/app/sovran_systemsos_web/static/css/modals.css index 884de39..65a5d67 100644 --- a/app/sovran_systemsos_web/static/css/modals.css +++ b/app/sovran_systemsos_web/static/css/modals.css @@ -71,7 +71,7 @@ font-size: 0.78rem; line-height: 1.6; color: var(--text-primary); - background-color: #060F09; + background-color: #0c0f0e; white-space: pre-wrap; word-break: break-all; min-height: 200px; @@ -113,7 +113,7 @@ button.btn-reboot:hover:not(:disabled) { } .btn-close-modal:hover:not(:disabled) { - background-color: #2A4538; + background-color: #1c2a24; } /* ── Credentials info modal ──────────────────────────────────────── */ @@ -214,7 +214,7 @@ button.btn-reboot:hover:not(:disabled) { font-family: 'JetBrains Mono', 'Fira Code', 'Source Code Pro', monospace; font-size: 0.92rem; color: var(--text-primary); - background-color: #060F09; + background-color: #0c0f0e; padding: 12px 16px; border-radius: 8px; word-break: break-all; @@ -239,7 +239,7 @@ button.btn-reboot:hover:not(:disabled) { } .creds-copy-btn:hover { - background-color: #2A4538; + background-color: #1c2a24; } .creds-copy-btn.copied { @@ -312,7 +312,7 @@ button.btn-reboot:hover:not(:disabled) { .matrix-form-input { width: 100%; - background-color: #060F09; + background-color: #0c0f0e; color: var(--text-primary); border: 1px solid var(--border-color); border-radius: 8px; @@ -378,7 +378,7 @@ button.btn-reboot:hover:not(:disabled) { } .matrix-form-back:hover { - background-color: #2A4538; + background-color: #1c2a24; } .matrix-form-result { diff --git a/app/sovran_systemsos_web/static/css/onboarding.css b/app/sovran_systemsos_web/static/css/onboarding.css index 4b4c25a..da9631c 100644 --- a/app/sovran_systemsos_web/static/css/onboarding.css +++ b/app/sovran_systemsos_web/static/css/onboarding.css @@ -6,7 +6,9 @@ align-items: center; justify-content: flex-start; min-height: 100vh; - background-color: var(--bg-color); + background: + radial-gradient(ellipse at top, rgba(40, 217, 120, 0.04) 0%, transparent 50%), + var(--bg-color); padding: 24px 16px 48px; overflow-y: auto; } @@ -347,7 +349,7 @@ .onboarding-port-table td { padding: 8px 8px; - border-bottom: 1px solid rgba(36, 70, 53, 0.5); + border-bottom: 1px solid rgba(30, 45, 39, 0.5); color: var(--text-secondary); vertical-align: middle; } @@ -731,7 +733,7 @@ display: none; position: fixed; inset: 0; - background-color: rgba(4, 10, 6, 0.92); + background-color: rgba(6, 8, 7, 0.92); z-index: 999; align-items: center; justify-content: center; diff --git a/app/sovran_systemsos_web/static/css/security.css b/app/sovran_systemsos_web/static/css/security.css index b02c22e..3dd7834 100644 --- a/app/sovran_systemsos_web/static/css/security.css +++ b/app/sovran_systemsos_web/static/css/security.css @@ -221,7 +221,7 @@ display: none; position: fixed; inset: 0; - background-color: rgba(4, 10, 6, 0.94); + background-color: rgba(6, 8, 7, 0.94); z-index: 1000; align-items: center; justify-content: center; diff --git a/app/sovran_systemsos_web/static/css/support.css b/app/sovran_systemsos_web/static/css/support.css index 0e377af..26beebb 100644 --- a/app/sovran_systemsos_web/static/css/support.css +++ b/app/sovran_systemsos_web/static/css/support.css @@ -168,7 +168,7 @@ } .support-btn-auditlog:hover:not(:disabled) { - background-color: #2A4538; + background-color: #1c2a24; } .support-fine-print { @@ -324,7 +324,7 @@ .support-audit-log { max-height: 200px; overflow-y: auto; - background-color: #060F09; + background-color: #0c0f0e; border-radius: 8px; padding: 10px 14px; } @@ -334,7 +334,7 @@ font-size: 0.72rem; color: var(--text-secondary); padding: 3px 0; - border-bottom: 1px solid rgba(36, 70, 53, 0.4); + border-bottom: 1px solid rgba(30, 45, 39, 0.4); } .support-audit-entry:last-child { diff --git a/app/sovran_systemsos_web/static/css/tiles.css b/app/sovran_systemsos_web/static/css/tiles.css index 5660500..2c9d5c7 100644 --- a/app/sovran_systemsos_web/static/css/tiles.css +++ b/app/sovran_systemsos_web/static/css/tiles.css @@ -235,7 +235,7 @@ .svc-detail-port-table td { padding: 8px 10px; - border-bottom: 1px solid rgba(36, 70, 53, 0.6); + border-bottom: 1px solid rgba(30, 45, 39, 0.6); color: var(--text-primary); }