52 lines
1.9 KiB
CSS
52 lines
1.9 KiB
CSS
/*
|
|
* Hermes Setup — defer entirely to the desktop's styles.css.
|
|
*
|
|
* Rather than re-implement the Hermes design system (and inevitably drift
|
|
* from it), we import apps/desktop/src/styles.css wholesale. The desktop
|
|
* is the canonical source of truth for fonts, color tokens, button chrome,
|
|
* scrollbars, layout utilities, and animations. Any change to the
|
|
* Hermes look propagates here automatically with no copy-paste maintenance.
|
|
*
|
|
* Path resolution caveats:
|
|
* - Tailwind v4's `@import` resolves relative to this file. The desktop's
|
|
* `@source '../../../node_modules/...'` declarations therefore re-resolve
|
|
* against apps/bootstrap-installer/src/. Since both apps live two levels
|
|
* deep under the same repo root, `../../../node_modules` lands in the
|
|
* same place. (Verify if either app ever moves.)
|
|
* - The desktop's `@font-face url('../../../node_modules/...')` references
|
|
* are baked into the *imported* stylesheet; CSS resolves url()s relative
|
|
* to the file that contains them, so they continue to point at the
|
|
* correct node_modules path even from here.
|
|
*
|
|
* Forced light mode: the desktop ships with a runtime theme switcher
|
|
* (ThemeProvider + applyTheme) that can flip to dark via document.documentElement.
|
|
* The installer has no UI for theme switching, so we stay on the desktop's
|
|
* default light surface (Nous-blue accent on near-white chrome).
|
|
*/
|
|
@import '../../desktop/src/styles.css';
|
|
|
|
/* Installer-only additions: a fade-in animation and a warm radial glow
|
|
for the welcome screen. Everything else inherits from the desktop. */
|
|
@keyframes hermes-fade-in {
|
|
from {
|
|
opacity: 0;
|
|
transform: translateY(4px);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
|
|
.hermes-fade-in {
|
|
animation: hermes-fade-in 0.45s ease-out both;
|
|
}
|
|
|
|
.hermes-glow {
|
|
background: radial-gradient(
|
|
ellipse at center,
|
|
color-mix(in srgb, var(--ui-warm) 18%, transparent) 0%,
|
|
transparent 60%
|
|
);
|
|
}
|