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

Merge pull request #182 from naturallaw777/copilot/align-sovran-hub-theme

Browse Source 
Align hub visual theme with website: Inter font stack and softer green backgrounds
This commit is contained in:
Sovran_Systems
2026-04-09 17:26:48 -05:00
committed by GitHub
parent 7bda7abeb8 86672c3c28
commit 03b711247e
6 changed files with 22 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/sovran_systemsos_web/static/css/base.css
View File

@@ -32,7 +32,7 @@ html, body {
} }
body { body {
font-family: 'Cantarell', 'Inter', 'Segoe UI', sans-serif; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
background: background:
radial-gradient(ellipse at top, rgba(94, 173, 138, 0.04) 0%, transparent 50%), radial-gradient(ellipse at top, rgba(94, 173, 138, 0.04) 0%, transparent 50%),
var(--bg-color); var(--bg-color);

4
app/sovran_systemsos_web/static/css/layout.css
View File

@@ -86,12 +86,12 @@
.sidebar-upgrade-btn { .sidebar-upgrade-btn {
border-color: var(--accent-color); border-color: var(--accent-color);
background-color: rgba(40, 217, 120, 0.06); background-color: rgba(94, 173, 138, 0.06);
margin-top: 8px; margin-top: 8px;
} }
.sidebar-upgrade-btn:hover { .sidebar-upgrade-btn:hover {
background-color: rgba(40, 217, 120, 0.14); background-color: rgba(94, 173, 138, 0.14);
border-color: var(--accent-color); border-color: var(--accent-color);
} }

30
app/sovran_systemsos_web/static/css/onboarding.css
View File

@@ -7,7 +7,7 @@
justify-content: flex-start; justify-content: flex-start;
min-height: 100vh; min-height: 100vh;
background: background:
radial-gradient(ellipse at top, rgba(40, 217, 120, 0.04) 0%, transparent 50%), radial-gradient(ellipse at top, rgba(94, 173, 138, 0.04) 0%, transparent 50%),
var(--bg-color); var(--bg-color);
padding: 24px 16px 48px; padding: 24px 16px 48px;
overflow-y: auto; overflow-y: auto;
@@ -182,10 +182,10 @@
font-size: 0.82rem; font-size: 0.82rem;
font-weight: 700; font-weight: 700;
color: var(--accent-color); color: var(--accent-color);
background-color: rgba(40, 217, 120, 0.10); background-color: rgba(94, 173, 138, 0.10);
padding: 3px 10px; padding: 3px 10px;
border-radius: 20px; border-radius: 20px;
border: 1px solid rgba(40, 217, 120, 0.25); border: 1px solid rgba(94, 173, 138, 0.25);
} }
/* Step header */ /* Step header */
@@ -271,7 +271,7 @@
background-color: var(--card-color); background-color: var(--card-color);
color: var(--text-primary); color: var(--text-primary);
font-size: 0.88rem; font-size: 0.88rem;
font-family: 'Cantarell', 'Inter', 'Segoe UI', sans-serif; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
transition: border-color 0.15s; transition: border-color 0.15s;
} }
@@ -407,8 +407,8 @@
.onboarding-creds-notice { .onboarding-creds-notice {
padding: 12px 16px; padding: 12px 16px;
background-color: rgba(40, 217, 120, 0.08); background-color: rgba(94, 173, 138, 0.08);
border: 1px solid rgba(40, 217, 120, 0.20); border: 1px solid rgba(94, 173, 138, 0.20);
border-radius: 8px; border-radius: 8px;
font-size: 0.85rem; font-size: 0.85rem;
color: var(--text-secondary); color: var(--text-secondary);
@@ -501,8 +501,8 @@
font-size: 0.72rem; font-size: 0.72rem;
padding: 2px 8px; padding: 2px 8px;
border-radius: 4px; border-radius: 4px;
background-color: rgba(40, 217, 120, 0.08); background-color: rgba(94, 173, 138, 0.08);
border: 1px solid rgba(40, 217, 120, 0.20); border: 1px solid rgba(94, 173, 138, 0.20);
color: var(--accent-color); color: var(--accent-color);
cursor: pointer; cursor: pointer;
white-space: nowrap; white-space: nowrap;
@@ -510,7 +510,7 @@
} }
.onboarding-cred-reveal-btn:hover { .onboarding-cred-reveal-btn:hover {
background-color: rgba(40, 217, 120, 0.15); background-color: rgba(94, 173, 138, 0.15);
} }
/* Completion checklist (Step 5) */ /* Completion checklist (Step 5) */
@@ -585,7 +585,7 @@
background-color: var(--card-color); background-color: var(--card-color);
color: var(--text-primary); color: var(--text-primary);
font-size: 0.88rem; font-size: 0.88rem;
font-family: 'Cantarell', 'Inter', 'Segoe UI', sans-serif; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
transition: border-color 0.15s; transition: border-color 0.15s;
} }
@@ -602,7 +602,7 @@
background-color: var(--card-color); background-color: var(--card-color);
color: var(--text-primary); color: var(--text-primary);
font-size: 0.88rem; font-size: 0.88rem;
font-family: 'Cantarell', 'Inter', 'Segoe UI', sans-serif; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
transition: border-color 0.15s; transition: border-color 0.15s;
overflow-y: auto; overflow-y: auto;
} }
@@ -646,7 +646,7 @@
background-color: var(--card-color); background-color: var(--card-color);
color: var(--text-primary); color: var(--text-primary);
font-size: 0.88rem; font-size: 0.88rem;
font-family: 'Cantarell', 'Inter', 'Segoe UI', sans-serif; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
transition: border-color 0.15s; transition: border-color 0.15s;
} }
@@ -669,7 +669,7 @@
} }
.onboarding-password-toggle:hover { .onboarding-password-toggle:hover {
background-color: rgba(40, 217, 120, 0.10); background-color: rgba(94, 173, 138, 0.10);
border-color: var(--accent-color); border-color: var(--accent-color);
} }
@@ -692,8 +692,8 @@
.onboarding-password-success { .onboarding-password-success {
padding: 12px 16px; padding: 12px 16px;
background-color: rgba(40, 217, 120, 0.10); background-color: rgba(94, 173, 138, 0.10);
border: 1px solid rgba(40, 217, 120, 0.30); border: 1px solid rgba(94, 173, 138, 0.30);
border-radius: 8px; border-radius: 8px;
font-size: 0.92rem; font-size: 0.92rem;
color: var(--green); color: var(--green);

4
app/sovran_systemsos_web/static/css/security.css
View File

@@ -250,8 +250,8 @@
justify-content: space-between; justify-content: space-between;
gap: 12px; gap: 12px;
padding: 12px 18px; padding: 12px 18px;
background-color: rgba(40, 217, 120, 0.08); background-color: rgba(94, 173, 138, 0.08);
border-bottom: 2px solid rgba(40, 217, 120, 0.25); border-bottom: 2px solid rgba(94, 173, 138, 0.25);
color: var(--text-primary); color: var(--text-primary);
} }

2
app/sovran_systemsos_web/static/css/support.css
View File

@@ -104,7 +104,7 @@
} }
.support-steps code { .support-steps code {
background-color: rgba(40, 217, 120, 0.10); background-color: rgba(94, 173, 138, 0.10);
padding: 2px 6px; padding: 2px 6px;
border-radius: 4px; border-radius: 4px;
font-size: 0.82rem; font-size: 0.82rem;

2
app/sovran_systemsos_web/static/css/tiles.css
View File

@@ -294,7 +294,7 @@
} }
.svc-detail-troubleshoot code { .svc-detail-troubleshoot code {
background-color: rgba(40, 217, 120, 0.10); background-color: rgba(94, 173, 138, 0.10);
padding: 2px 6px; padding: 2px 6px;
border-radius: 4px; border-radius: 4px;
font-size: 0.82rem; font-size: 0.82rem;