From 72a756bfbfbb3abe47eae2195705c40f00fff421 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Fri, 3 Apr 2026 21:36:07 +0000
Subject: [PATCH] Fix dark theme contrast for onboarding port forwarding totals
 and warning boxes

Agent-Logs-Url: https://github.com/naturallaw777/staging_alpha/sessions/a017a6f3-2b07-4fa8-8815-84ae87f403bf

Co-authored-by: naturallaw777 <99053422+naturallaw777@users.noreply.github.com>
---
 app/sovran_systemsos_web/static/onboarding.js |  2 +-
 app/sovran_systemsos_web/static/style.css     | 17 ++++++++++++++---
 2 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/app/sovran_systemsos_web/static/onboarding.js b/app/sovran_systemsos_web/static/onboarding.js
index 580a001..293ef1f 100644
--- a/app/sovran_systemsos_web/static/onboarding.js
+++ b/app/sovran_systemsos_web/static/onboarding.js
@@ -284,7 +284,7 @@ async function loadStep3() {
   html += '</div>';
 
   // Totals
-  html += '<div class="onboarding-port-totals" style="margin-bottom:18px;padding:10px 14px;background:var(--color-bg-subtle,#f6f8fa);border-radius:6px;font-size:0.93em;">';
+  html += '<div class="onboarding-port-totals">';
   html += '<strong>Total port openings: 4</strong> (without Element Calling)<br>';
   html += '<strong>Total port openings: 9</strong> (with Element Calling — 4 required + 5 optional)';
   html += '</div>';
diff --git a/app/sovran_systemsos_web/static/style.css b/app/sovran_systemsos_web/static/style.css
index abe17c9..a4438ec 100644
--- a/app/sovran_systemsos_web/static/style.css
+++ b/app/sovran_systemsos_web/static/style.css
@@ -2066,13 +2066,24 @@ button.btn-reboot:hover:not(:disabled) {
   margin-bottom: 12px;
 }
 
+.onboarding-port-totals {
+  background: var(--card-color);
+  border: 1px solid var(--border-color);
+  border-radius: 6px;
+  padding: 10px 14px;
+  font-size: 0.93em;
+  color: var(--text-primary);
+  margin-bottom: 18px;
+  line-height: 1.6;
+}
+
 .onboarding-port-warn {
-  background: rgba(229, 165, 10, 0.08);
-  border: 1px solid rgba(229, 165, 10, 0.3);
+  background: rgba(229, 165, 10, 0.15);
+  border: 1px solid rgba(229, 165, 10, 0.5);
   border-radius: 8px;
   padding: 12px 16px;
   font-size: 0.88rem;
-  color: var(--text-secondary);
+  color: var(--text-primary);
   margin-bottom: 14px;
   line-height: 1.5;
 }