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

@@ -139,8 +139,10 @@
/* Cards */
.onboarding-card {
background-color: var(--surface-color);
border: 1px solid var(--border-color);
background-color: rgba(14, 16, 15, 0.65);
backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(14px);
border: 1px solid rgba(255, 255, 255, 0.06);
border-radius: var(--radius-card);
padding: 24px 28px;
display: flex;
@@ -733,7 +735,9 @@
display: none;
position: fixed;
inset: 0;
background-color: rgba(6, 8, 7, 0.92);
background-color: rgba(6, 8, 7, 0.7);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
z-index: 999;
align-items: center;
justify-content: center;
@@ -744,8 +748,10 @@
}
.reboot-card {
background-color: var(--surface-color);
border: 1px solid var(--border-color);
background-color: rgba(14, 16, 15, 0.8);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 20px;
padding: 48px 56px;
text-align: center;