diff --git a/app/globals.css b/app/globals.css index 71f75f7..e1256bc 100644 --- a/app/globals.css +++ b/app/globals.css @@ -49,24 +49,24 @@ :root { --radius: 0.5rem; - --background: oklch(0.99 0 0); - --foreground: oklch(0.14 0 0); + --background: oklch(0.98 0 0); + --foreground: oklch(0.27 0.03 260); --card: oklch(1 0 0); - --card-foreground: oklch(0.14 0 0); + --card-foreground: oklch(0.27 0.03 260); --popover: oklch(1 0 0); - --popover-foreground: oklch(0.14 0 0); + --popover-foreground: oklch(0.27 0.03 260); --primary: oklch(0.65 0.22 45); - --primary-foreground: oklch(0.98 0 0); - --secondary: oklch(0.96 0 0); - --secondary-foreground: oklch(0.25 0 0); - --muted: oklch(0.96 0 0); - --muted-foreground: oklch(0.45 0 0); - --accent: oklch(0.96 0 0); - --accent-foreground: oklch(0.25 0 0); + --primary-foreground: oklch(1 0 0); + --secondary: oklch(0.95 0.01 260); + --secondary-foreground: oklch(0.35 0.03 260); + --muted: oklch(0.96 0.01 260); + --muted-foreground: oklch(0.55 0.02 260); + --accent: oklch(0.65 0.22 45); + --accent-foreground: oklch(1 0 0); --destructive: oklch(0.6 0.2 25); - --destructive-foreground: oklch(0.98 0 0); - --border: oklch(0.92 0 0); - --input: oklch(0.92 0 0); + --destructive-foreground: oklch(1 0 0); + --border: oklch(0.92 0.01 260); + --input: oklch(0.92 0.01 260); --ring: oklch(0.65 0.22 45); --chart-1: oklch(0.65 0.22 45); --chart-2: oklch(0.6 0.15 180); @@ -74,52 +74,52 @@ --chart-4: oklch(0.75 0.18 85); --chart-5: oklch(0.65 0.18 15); --sidebar: oklch(0.98 0 0); - --sidebar-foreground: oklch(0.25 0 0); + --sidebar-foreground: oklch(0.35 0.03 260); --sidebar-primary: oklch(0.65 0.22 45); - --sidebar-primary-foreground: oklch(0.98 0 0); - --sidebar-accent: oklch(0.96 0 0); - --sidebar-accent-foreground: oklch(0.14 0 0); - --sidebar-border: oklch(0.92 0 0); + --sidebar-primary-foreground: oklch(1 0 0); + --sidebar-accent: oklch(0.95 0.01 260); + --sidebar-accent-foreground: oklch(0.35 0.03 260); + --sidebar-border: oklch(0.92 0.01 260); --sidebar-ring: oklch(0.65 0.22 45); - --shadow-card: 0 2px 8px -2px rgba(0, 0, 0, 0.04), 0 4px 16px -4px rgba(0, 0, 0, 0.02); - --shadow-card-hover: 0 8px 24px -4px rgba(0, 0, 0, 0.08), 0 12px 32px -8px rgba(0, 0, 0, 0.04); + --shadow-card: 0 1px 3px 0 rgba(0, 0, 0, 0.04), 0 4px 12px -2px rgba(0, 0, 0, 0.06); + --shadow-card-hover: 0 4px 16px -2px rgba(0, 0, 0, 0.08), 0 8px 24px -4px rgba(0, 0, 0, 0.1); } .dark { - --background: oklch(0.15 0 0); - --foreground: oklch(0.98 0 0); - --card: oklch(0.18 0 0); - --card-foreground: oklch(0.98 0 0); - --popover: oklch(0.18 0 0); - --popover-foreground: oklch(0.98 0 0); - --primary: oklch(0.7 0.22 45); - --primary-foreground: oklch(0.14 0 0); - --secondary: oklch(0.25 0 0); - --secondary-foreground: oklch(0.98 0 0); - --muted: oklch(0.25 0 0); - --muted-foreground: oklch(0.7 0 0); - --accent: oklch(0.25 0 0); - --accent-foreground: oklch(0.98 0 0); - --destructive: oklch(0.65 0.2 25); - --destructive-foreground: oklch(0.98 0 0); - --border: oklch(0.25 0 0); - --input: oklch(0.25 0 0); - --ring: oklch(0.7 0.22 45); - --chart-1: oklch(0.7 0.22 45); - --chart-2: oklch(0.65 0.15 180); - --chart-3: oklch(0.65 0.15 300); - --chart-4: oklch(0.8 0.18 85); - --chart-5: oklch(0.7 0.18 15); - --sidebar: oklch(0.18 0 0); - --sidebar-foreground: oklch(0.85 0 0); - --sidebar-primary: oklch(0.7 0.22 45); - --sidebar-primary-foreground: oklch(0.14 0 0); - --sidebar-accent: oklch(0.25 0 0); - --sidebar-accent-foreground: oklch(0.98 0 0); - --sidebar-border: oklch(0.25 0 0); - --sidebar-ring: oklch(0.7 0.22 45); - --shadow-card: 0 2px 8px -2px rgba(0, 0, 0, 0.04), 0 4px 16px -4px rgba(0, 0, 0, 0.02); - --shadow-card-hover: 0 8px 24px -4px rgba(0, 0, 0, 0.08), 0 12px 32px -8px rgba(0, 0, 0, 0.04); + --background: oklch(0.15 0.02 260); + --foreground: oklch(0.9 0.01 260); + --card: oklch(0.18 0.02 260); + --card-foreground: oklch(0.9 0.01 260); + --popover: oklch(0.18 0.02 260); + --popover-foreground: oklch(0.9 0.01 260); + --primary: oklch(0.65 0.22 45); + --primary-foreground: oklch(1 0 0); + --secondary: oklch(0.22 0.02 260); + --secondary-foreground: oklch(0.8 0.01 260); + --muted: oklch(0.22 0.02 260); + --muted-foreground: oklch(0.6 0.02 260); + --accent: oklch(0.65 0.22 45); + --accent-foreground: oklch(1 0 0); + --destructive: oklch(0.4 0.15 25); + --destructive-foreground: oklch(1 0 0); + --border: oklch(0.25 0.02 260); + --input: oklch(0.25 0.02 260); + --ring: oklch(0.65 0.22 45); + --chart-1: oklch(0.65 0.22 45); + --chart-2: oklch(0.6 0.15 180); + --chart-3: oklch(0.55 0.15 300); + --chart-4: oklch(0.75 0.18 85); + --chart-5: oklch(0.65 0.18 15); + --sidebar: oklch(0.15 0.02 260); + --sidebar-foreground: oklch(0.8 0.01 260); + --sidebar-primary: oklch(0.65 0.22 45); + --sidebar-primary-foreground: oklch(1 0 0); + --sidebar-accent: oklch(0.22 0.02 260); + --sidebar-accent-foreground: oklch(0.8 0.01 260); + --sidebar-border: oklch(0.25 0.02 260); + --sidebar-ring: oklch(0.65 0.22 45); + --shadow-card: 0 1px 3px 0 rgba(0, 0, 0, 0.04), 0 4px 12px -2px rgba(0, 0, 0, 0.06); + --shadow-card-hover: 0 4px 16px -2px rgba(0, 0, 0, 0.08), 0 8px 24px -4px rgba(0, 0, 0, 0.1); } @layer base { diff --git a/components/ui/badge.tsx b/components/ui/badge.tsx index 2d9486c..c720719 100644 --- a/components/ui/badge.tsx +++ b/components/ui/badge.tsx @@ -5,7 +5,7 @@ import type * as React from "react" import { cn } from "@/lib/utils" const badgeVariants = cva( - "inline-flex items-center justify-center rounded-full border border-transparent px-2.5 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden", + "inline-flex items-center justify-center rounded-md border border-transparent px-2.5 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden", { variants: { variant: { diff --git a/components/ui/card.tsx b/components/ui/card.tsx index 664b7b7..190b757 100644 --- a/components/ui/card.tsx +++ b/components/ui/card.tsx @@ -7,7 +7,7 @@ function Card({ className, ...props }: React.ComponentProps<"div">) {
) { type={type} data-slot="input" className={cn( - "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-lg border bg-transparent px-3 py-1 text-base shadow-sm transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", + "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-sm transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", className,