Sovran_Systems/Sovran_SystemsOS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #37 from naturallaw777/copilot/fix-onboarding-port-forwarding-colors

Browse Source 
Fix low-contrast onboarding port forwarding info boxes in dark theme
This commit is contained in:
Sovran_Systems
2026-04-03 16:38:54 -05:00
committed by GitHub
parent 66b4d43fee 72a756bfbf
commit df919975af
2 changed files with 15 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/sovran_systemsos_web/static/onboarding.js
View File

@@ -284,7 +284,7 @@ async function loadStep3() {
html += '</div>'; html += '</div>';
// Totals // 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: 4</strong> (without Element Calling)<br>';
html += '<strong>Total port openings: 9</strong> (with Element Calling — 4 required + 5 optional)'; html += '<strong>Total port openings: 9</strong> (with Element Calling — 4 required + 5 optional)';
html += '</div>'; html += '</div>';

17
app/sovran_systemsos_web/static/style.css
View File

@@ -2066,13 +2066,24 @@ button.btn-reboot:hover:not(:disabled) {
margin-bottom: 12px; 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 { .onboarding-port-warn {
background: rgba(229, 165, 10, 0.08); background: rgba(229, 165, 10, 0.15);
border: 1px solid rgba(229, 165, 10, 0.3); border: 1px solid rgba(229, 165, 10, 0.5);
border-radius: 8px; border-radius: 8px;
padding: 12px 16px; padding: 12px 16px;
font-size: 0.88rem; font-size: 0.88rem;
color: var(--text-secondary); color: var(--text-primary);
margin-bottom: 14px; margin-bottom: 14px;
line-height: 1.5; line-height: 1.5;
} }