Reskin the whole app via design tokens in tailwind-theme.css (remapped color ramps) plus a define-once component layer in lib/styles/components.css (.btn, .card, .input, .chip, .badge, .sheet, …). Buttons are muted/outlined gold rather than flat fills. Self-host Inter + Fraunces (woff2) under the existing font-src 'self' CSP. Restyle the shared components and the account, admin, host, join, recover and upload screens against the new tokens. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
17 lines
551 B
CSS
17 lines
551 B
CSS
@import './tailwind-theme.css';
|
|
@import './lib/styles/components.css';
|
|
|
|
/* Respect the OS "reduce motion" setting. Collapses every animation/transition
|
|
* (HeartBurst, Skeleton pulse, diashow cross-fades, sheet/FAB slides) to a
|
|
* near-instant change rather than removing them outright, so state still updates. */
|
|
@media (prefers-reduced-motion: reduce) {
|
|
*,
|
|
*::before,
|
|
*::after {
|
|
animation-duration: 0.01ms !important;
|
|
animation-iteration-count: 1 !important;
|
|
transition-duration: 0.01ms !important;
|
|
scroll-behavior: auto !important;
|
|
}
|
|
}
|