COLSYS/kniha_jizd_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Implement blue theme with modern design

Browse Source 
- Add Inter font from Google Fonts for modern typography
- Implement blue theme from shadcn.com (primary: blue)
- Add beautiful hero header with car icon
- Create Separator component for visual division
- Increase card padding (p-8) for better breathing room
- Larger card titles (text-2xl) for better hierarchy
- Improved spacing throughout (gap-8, py-12, etc.)
- Blue primary color (#3B82F6) with proper foregrounds
- Professional, modern look matching shadcn.com aesthetic

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Docker Config Backup
2025-10-10 20:53:36 +02:00
parent 24bd736b9a
commit ffdfac65de
7 changed files with 201 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
frontend/app/globals.css
View File

@@ -2,24 +2,24 @@
@theme {
--color-background: 0 0% 100%;
--color-foreground: 240 10% 3.9%;
--color-foreground: 222.2 84% 4.9%;
--color-card: 0 0% 100%;
--color-card-foreground: 240 10% 3.9%;
--color-card-foreground: 222.2 84% 4.9%;
--color-popover: 0 0% 100%;
--color-popover-foreground: 240 10% 3.9%;
--color-primary: 240 5.9% 10%;
--color-primary-foreground: 0 0% 98%;
--color-secondary: 240 4.8% 95.9%;
--color-secondary-foreground: 240 5.9% 10%;
--color-muted: 240 4.8% 95.9%;
--color-muted-foreground: 240 3.8% 46.1%;
--color-accent: 240 4.8% 95.9%;
--color-accent-foreground: 240 5.9% 10%;
--color-popover-foreground: 222.2 84% 4.9%;
--color-primary: 221.2 83.2% 53.3%;
--color-primary-foreground: 210 40% 98%;
--color-secondary: 210 40% 96.1%;
--color-secondary-foreground: 222.2 47.4% 11.2%;
--color-muted: 210 40% 96.1%;
--color-muted-foreground: 215.4 16.3% 46.9%;
--color-accent: 210 40% 96.1%;
--color-accent-foreground: 222.2 47.4% 11.2%;
--color-destructive: 0 84.2% 60.2%;
--color-destructive-foreground: 0 0% 98%;
--color-border: 240 5.9% 90%;
--color-input: 240 5.9% 90%;
--color-ring: 240 5.9% 10%;
--color-destructive-foreground: 210 40% 98%;
--color-border: 214.3 31.8% 91.4%;
--color-input: 214.3 31.8% 91.4%;
--color-ring: 221.2 83.2% 53.3%;
--radius: 0.5rem;
}
@@ -30,7 +30,6 @@
}
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
background: hsl(var(--color-background));
min-height: 100vh;
color: hsl(var(--color-foreground));