diff --git a/apps/desktop/index.html b/apps/desktop/index.html index ffa87374f7..f4febf79e9 100644 --- a/apps/desktop/index.html +++ b/apps/desktop/index.html @@ -22,6 +22,11 @@ justify-content: center; background: hsl(60 9% 98%); } + .boot-splash-content { + display: flex; + flex-direction: column; + align-items: center; + } body:has(#root:not(:empty)) #boot-splash { display: none; } @@ -70,6 +75,21 @@ html.dark .boot-splash-highlight { color: hsl(60 9% 98% / 0.5); } + .boot-splash-detail { + max-width: 16rem; + margin: 1.25rem 0 0; + color: hsl(25 5% 45%); + font-family: + system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; + font-size: 0.75rem; + line-height: 1rem; + text-align: center; + opacity: 0; + animation: boot-splash-detail-reveal 0s linear 2s forwards; + } + html.dark .boot-splash-detail { + color: hsl(25 5% 55%); + } @keyframes boot-splash-shimmer { 0% { -webkit-mask-position: 120% 0%; @@ -80,6 +100,11 @@ mask-position: -20% 0%; } } + @keyframes boot-splash-detail-reveal { + to { + opacity: 1; + } + } @media (prefers-reduced-motion: reduce) { .boot-splash-highlight { animation: none; @@ -91,30 +116,37 @@