- Minimal centered layout with Geist sans font - Typing animation cycling through agent names - Light/dark mode toggle via next-themes - Download for Mac button linking to latest DMG - Feature list, GitHub + Docs footer links - Meta tags and Open Graph for SEO - CI: add web typecheck job (tsc --noEmit)
45 lines
794 B
CSS
45 lines
794 B
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);
|
|
}
|
|
|
|
body {
|
|
background: var(--background);
|
|
color: var(--foreground);
|
|
}
|
|
|
|
::selection {
|
|
background: #3b82f620;
|
|
}
|
|
|
|
@keyframes blink {
|
|
0%, 100% { opacity: 1; }
|
|
50% { opacity: 0; }
|
|
}
|
|
|
|
.animate-blink {
|
|
animation: blink 1s step-end infinite;
|
|
}
|