5febb66873
- CI: replace Node/npm with Bun - Add view-transition animations for theme toggle - Set html background for flash-free theme switches - UI refinements to download button, brew command, and layout - Replace package-lock.json with bun.lock
74 lines
1.3 KiB
CSS
74 lines
1.3 KiB
CSS
@import "tailwindcss";
|
|
|
|
:root {
|
|
--background: #fafafa;
|
|
--foreground: #171717;
|
|
--muted: #737373;
|
|
--border: #e5e5e5;
|
|
--code-bg: #f5f5f5;
|
|
}
|
|
|
|
.dark {
|
|
--background: #0a0a0a;
|
|
--foreground: #ededed;
|
|
--muted: #a3a3a3;
|
|
--border: #262626;
|
|
--code-bg: #171717;
|
|
}
|
|
|
|
@theme inline {
|
|
--color-background: var(--background);
|
|
--color-foreground: var(--foreground);
|
|
--color-muted: var(--muted);
|
|
--color-border: var(--border);
|
|
--color-code-bg: var(--code-bg);
|
|
--font-sans: var(--font-geist-sans);
|
|
--font-mono: var(--font-geist-mono);
|
|
}
|
|
|
|
html {
|
|
background: var(--background);
|
|
}
|
|
|
|
body {
|
|
background: var(--background);
|
|
color: var(--foreground);
|
|
}
|
|
|
|
::selection {
|
|
background: #3b82f620;
|
|
}
|
|
|
|
::view-transition-old(root),
|
|
::view-transition-new(root) {
|
|
animation-duration: 320ms;
|
|
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
|
|
::view-transition-old(root) {
|
|
mix-blend-mode: normal;
|
|
}
|
|
|
|
.dark::view-transition-old(root) {
|
|
z-index: 1;
|
|
}
|
|
|
|
.dark::view-transition-new(root) {
|
|
z-index: 2;
|
|
}
|
|
|
|
@media (prefers-reduced-motion: reduce) {
|
|
::view-transition-old(root),
|
|
::view-transition-new(root) {
|
|
animation-duration: 1ms;
|
|
}
|
|
}
|
|
|
|
@keyframes blink {
|
|
0%, 100% { opacity: 1; }
|
|
50% { opacity: 0; }
|
|
}
|
|
|
|
.animate-blink {
|
|
animation: blink 1s step-end infinite;
|
|
}
|