feat(welcome): SilverMetal void/cyan glass stylesheet

This commit is contained in:
sysadmin
2026-06-09 14:40:15 +01:00
parent 64ae04d56c
commit bb7b4b0fed
2 changed files with 25 additions and 0 deletions

View File

@@ -0,0 +1,24 @@
:root{
--void:#0b0f14; --ink:#e8edf5; --mid:#8fa4bc;
--accent:#00d4ff; --accent2:#00e5a0; --line:rgba(255,255,255,.08);
}
html,body{height:100%;margin:0;background:#05080c;color:var(--ink);
font-family:"Segoe UI Variable","Segoe UI",system-ui,sans-serif;overflow:hidden}
.sm-wall{position:fixed;inset:0;background:
radial-gradient(85% 75% at 28% 18%, #173247, transparent 60%),
radial-gradient(75% 75% at 82% 92%, #0f3528, transparent 55%),
linear-gradient(135deg,#080f17,#0a1612)}
.sm-wall::after{content:"SILVERMETAL";position:fixed;right:26px;bottom:18px;
font:700 12px/1 system-ui;letter-spacing:4px;color:rgba(255,255,255,.18)}
.sm-glass{position:fixed;inset:12% 16%;border-radius:18px;
background:rgba(16,22,31,.55);backdrop-filter:blur(18px);
border:1px solid rgba(255,255,255,.14);
box-shadow:0 24px 70px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.12);
display:flex;flex-direction:column;overflow:hidden;animation:sm-rise .5s ease both}
@keyframes sm-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.sm-rail{display:flex;gap:14px;padding:14px 26px;font:600 10px/1 "Cascadia Mono",Consolas,monospace;
letter-spacing:1px;color:var(--mid);border-bottom:1px solid var(--line)}
.sm-rail .on{color:var(--accent)} .sm-rail .done{color:var(--accent2)}
.sm-body{flex:1;padding:18px 30px;overflow:auto;min-height:0}
.sm-next{align-self:flex-end;margin:14px 26px;background:linear-gradient(180deg,#13b6e6,#0a93c8);
color:#001018;font-weight:700;border:0;border-radius:9px;padding:10px 22px;cursor:pointer}

View File

@@ -8,6 +8,7 @@
<link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" />
<link rel="stylesheet" href="css/app.css" />
<link rel="stylesheet" href="SilverOS.Welcome.App.styles.css" />
<link rel="stylesheet" href="css/silvermetal.css" />
<link rel="icon" href="data:,">
</head>