feat(welcome): SilverMetal void/cyan glass stylesheet
This commit is contained in:
@@ -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}
|
||||
@@ -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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user