Add glass/frosted-glass effect to hub and onboarding UI surfaces

Agent-Logs-Url: https://github.com/naturallaw777/staging_alpha/sessions/47ed7298-e001-4ae0-9d35-7dd1e869d836

Co-authored-by: naturallaw777 <99053422+naturallaw777@users.noreply.github.com>
This commit is contained in:
copilot-swe-agent[bot]
2026-04-09 22:38:12 +00:00
committed by GitHub
parent 1bda7e9920
commit 1242f0bc0b
6 changed files with 48 additions and 26 deletions

View File

@@ -9,10 +9,10 @@
}
:root {
--bg-color: #0b0f0d;
--surface-color: #111614;
--card-color: #181e1b;
--border-color: #1e2d27;
--bg-color: #080a09;
--surface-color: rgba(14, 16, 15, 0.7);
--card-color: rgba(20, 22, 21, 0.6);
--border-color: rgba(255, 255, 255, 0.06);
--text-primary: #ecf3ef;
--text-secondary: #8aaa9a;
--text-dim: #4a6658;
@@ -23,8 +23,8 @@
--grey: #5E7A6A;
--radius-card: 18px;
--radius-btn: 8px;
--shadow-card: 0 2px 8px rgba(0,0,0,0.5);
--shadow-hover: 0 6px 20px rgba(0,0,0,0.7);
--shadow-card: 0 4px 16px rgba(0, 0, 0, 0.4);
--shadow-hover: 0 8px 32px rgba(0, 0, 0, 0.5);
}
html, body {
@@ -55,8 +55,10 @@ body {
}
.login-card {
background-color: var(--surface-color);
border: 1px solid var(--border-color);
background-color: rgba(14, 16, 15, 0.75);
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 20px;
padding: 48px 40px;
width: 100%;