14eff8d0da
- Migrate from React CRA to Next.js 15 with modern architecture - Implement comprehensive shadcn/ui component library - Create complete dashboard system with layouts and navigation - Build authentication pages (login, register) with proper forms - Implement vote management pages (active, upcoming, history, archives) - Add user profile management with security settings - Configure Tailwind CSS with custom dark theme (accent: #e8704b) - Setup TypeScript with strict type checking - Backup old React-based frontend to .backups/frontend-old - All pages compile successfully and build passes linting Pages created: - Home page with hero section and features - Authentication (login/register) - Dashboard with stats and vote cards - Vote management (active, upcoming, history, archives) - User profile with form validation 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
55 lines
1.1 KiB
CSS
55 lines
1.1 KiB
CSS
@tailwind base;
|
|
@layer base {
|
|
:root {
|
|
--background: 0 0% 100%;
|
|
--foreground: 0 0% 3.6%;
|
|
--card: 0 0% 100%;
|
|
--card-foreground: 0 0% 3.6%;
|
|
--popover: 0 0% 100%;
|
|
--popover-foreground: 0 0% 3.6%;
|
|
--muted: 0 0% 96.1%;
|
|
--muted-foreground: 0 0% 45.1%;
|
|
--accent: 0 84.2% 60.2%;
|
|
--accent-foreground: 0 0% 100%;
|
|
--destructive: 0 84.2% 60.2%;
|
|
--destructive-foreground: 0 0% 100%;
|
|
--border: 0 0% 89.8%;
|
|
--input: 0 0% 89.8%;
|
|
--ring: 0 84.2% 60.2%;
|
|
--radius: 0.5rem;
|
|
}
|
|
|
|
.dark {
|
|
--background: 0 0% 9%;
|
|
--foreground: 0 0% 94%;
|
|
--card: 0 0% 12%;
|
|
--card-foreground: 0 0% 94%;
|
|
--popover: 0 0% 12%;
|
|
--popover-foreground: 0 0% 94%;
|
|
--muted: 0 0% 23%;
|
|
--muted-foreground: 0 0% 56%;
|
|
--accent: 0 84.2% 60.2%;
|
|
--accent-foreground: 0 0% 12%;
|
|
--destructive: 0 84.2% 60.2%;
|
|
--destructive-foreground: 0 0% 12%;
|
|
--border: 0 0% 23%;
|
|
--input: 0 0% 23%;
|
|
--ring: 0 84.2% 60.2%;
|
|
}
|
|
}
|
|
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
* {
|
|
@apply border-border;
|
|
}
|
|
|
|
html {
|
|
@apply scroll-smooth;
|
|
}
|
|
|
|
body {
|
|
@apply bg-background text-foreground;
|
|
}
|