db4aa6007e
* chore: update package versions and dependencies across multiple files - Bumped application version to 2.21.4 in package.json. - Updated @supabase/supabase-js to version 2.84.0 and @tanstack/react-query to version 5.90.10. - Incremented various dependencies including lucide-react to version 0.554.0, react-hook-form to version 7.66.1, and react-i18next to version 16.3.5. - Adjusted @types/nodemailer to version 7.0.4 for consistency. - Refactored package.json files to utilize catalog dependencies for improved management. * chore: update Stripe API version to 2025-11-17.clover in stripe-sdk.ts * fix: update wording for password recovery prompt in auth.json
105 lines
3.2 KiB
CSS
105 lines
3.2 KiB
CSS
/*
|
|
* shadcn-ui.css
|
|
*
|
|
* Update the below to customize your Shadcn UI CSS Colors.
|
|
* Refer to https://ui.shadcn.com/themes for applying new colors.
|
|
* NB: apply the hsl function to the colors copied from the theme.
|
|
*/
|
|
|
|
@layer base {
|
|
:root {
|
|
--font-sans: -apple-system, var(--font-sans-fallback);
|
|
--font-heading: var(--font-sans);
|
|
|
|
--background: var(--color-white);
|
|
--foreground: var(--color-neutral-950);
|
|
|
|
--card: var(--color-white);
|
|
--card-foreground: var(--color-neutral-950);
|
|
|
|
--popover: var(--color-white);
|
|
--popover-foreground: var(--color-neutral-950);
|
|
|
|
--primary: var(--color-neutral-950);
|
|
--primary-foreground: var(--color-white);
|
|
|
|
--secondary: oklch(96.76% 0.0013 286.38);
|
|
--secondary-foreground: oklch(21.03% 0.0318 264.65);
|
|
|
|
--muted: oklch(96.71% 0.0029 264.54);
|
|
--muted-foreground: oklch(55.13% 0.0233 264.36);
|
|
|
|
--accent: oklch(96.76% 0.0013 286.38);
|
|
--accent-foreground: oklch(21.03% 0.0318 264.65);
|
|
|
|
--destructive: var(--color-red-500);
|
|
--destructive-foreground: var(--color-white);
|
|
|
|
--border: var(--color-gray-100);
|
|
--input: var(--color-gray-200);
|
|
--ring: var(--color-neutral-800);
|
|
|
|
--radius: 0.5rem;
|
|
|
|
--chart-1: var(--color-orange-400);
|
|
--chart-2: var(--color-teal-600);
|
|
--chart-3: var(--color-green-800);
|
|
--chart-4: var(--color-yellow-200);
|
|
--chart-5: var(--color-orange-200);
|
|
|
|
--sidebar-background: var(--color-neutral-50);
|
|
--sidebar-foreground: oklch(37.05% 0.012 285.8);
|
|
--sidebar-primary: var(--color-neutral-950);
|
|
--sidebar-primary-foreground: var(--color-white);
|
|
--sidebar-accent: var(--color-neutral-100);
|
|
--sidebar-accent-foreground: var(--color-neutral-950);
|
|
--sidebar-border: var(--border);
|
|
--sidebar-ring: var(--color-blue-500);
|
|
}
|
|
|
|
.dark {
|
|
--background: var(--color-neutral-900);
|
|
--foreground: var(--color-white);
|
|
|
|
--card: var(--color-neutral-900);
|
|
--card-foreground: var(--color-white);
|
|
|
|
--popover: var(--color-neutral-900);
|
|
--popover-foreground: var(--color-white);
|
|
|
|
--primary: var(--color-white);
|
|
--primary-foreground: var(--color-neutral-900);
|
|
|
|
--secondary: var(--color-neutral-800);
|
|
--secondary-foreground: oklch(98.43% 0.0017 247.84);
|
|
|
|
--muted: var(--color-neutral-800);
|
|
--muted-foreground: oklch(71.19% 0.0129 286.07);
|
|
|
|
--accent: var(--color-neutral-800);
|
|
--accent-foreground: oklch(98.48% 0 0);
|
|
|
|
--destructive: var(--color-red-700);
|
|
--destructive-foreground: var(--color-white);
|
|
|
|
--border: var(--color-neutral-800);
|
|
--input: var(--color-neutral-700);
|
|
--ring: oklch(87.09% 0.0055 286.29);
|
|
|
|
--chart-1: var(--color-blue-600);
|
|
--chart-2: var(--color-emerald-400);
|
|
--chart-3: var(--color-orange-400);
|
|
--chart-4: var(--color-purple-500);
|
|
--chart-5: var(--color-pink-500);
|
|
|
|
--sidebar-background: var(--color-neutral-900);
|
|
--sidebar-foreground: var(--color-white);
|
|
--sidebar-primary: var(--color-blue-500);
|
|
--sidebar-primary-foreground: var(--color-white);
|
|
--sidebar-accent: var(--color-neutral-800);
|
|
--sidebar-accent-foreground: var(--color-white);
|
|
--sidebar-border: var(--border);
|
|
--sidebar-ring: var(--color-blue-500);
|
|
}
|
|
}
|