mirror of
https://github.com/tiennm99/ai-coding-workflow-labs.git
synced 2026-09-02 16:18:53 +00:00
tiennm99andClaude Sonnet 4.6
d5be8b854d
- Bootstrap Next.js 15 project with TypeScript, Tailwind, and App Router - Build full quiz with 5 pop culture questions mapping to 3 personalities - Implement percentage-based results display with ranked breakdown - Apply warm/cozy earthy palette inspired by Claude homepage aesthetic - Components: QuizQuestion, QuizResults with hover states and progress bar Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
25 lines
528 B
CSS
25 lines
528 B
CSS
@import "tailwindcss";
|
|
|
|
:root {
|
|
--background: #faf8f4;
|
|
--foreground: #3d2b1a;
|
|
--card: #fffdf8;
|
|
--accent: #c8956a;
|
|
--accent-light: rgba(200, 149, 106, 0.1);
|
|
--muted: #a0785a;
|
|
--border: #e8d9c8;
|
|
}
|
|
|
|
@theme inline {
|
|
--color-background: var(--background);
|
|
--color-foreground: var(--foreground);
|
|
--font-sans: var(--font-geist-sans);
|
|
--font-mono: var(--font-geist-mono);
|
|
}
|
|
|
|
body {
|
|
background: var(--background);
|
|
color: var(--foreground);
|
|
font-family: var(--font-geist-sans), Arial, Helvetica, sans-serif;
|
|
}
|