frontend-shopify/nextjs-shopify-pdp
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update design

Browse Source
This commit is contained in:
Rami Bitar
2026-06-10 13:47:50 -04:00
parent b5a79b6475
commit b212250da0
96 changed files with 7486 additions and 6441 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
app/globals.css
View File

@@ -1,8 +1,10 @@
@import 'tailwindcss';
@import "tw-animate-css";
@custom-variant dark (&:where(.dark, .dark *));
@theme {
/* Background and foreground */
--color-background: hsl(0 0% 100%);
--color-foreground: hsl(222.2 84% 4.9%);
@@ -16,16 +18,16 @@
--color-popover-foreground: hsl(222.2 84% 4.9%);
/* Primary */
--color-primary: hsl(222.2 47.4% 11.2%);
--color-primary-foreground: hsl(210 40% 98%);
--color-primary: hsl(0 0% 0%);
--color-primary-foreground: hsl(0 0% 100%);
/* Secondary */
--color-secondary: hsl(210 40% 96.1%);
--color-secondary-foreground: hsl(222.2 47.4% 11.2%);
/* Muted */
--color-muted: hsl(210 40% 96.1%);
--color-muted-foreground: hsl(215.4 16.3% 46.9%);
--color-muted: hsl(0 0% 96.1%);
--color-muted-foreground: hsl(0 0% 45%);
/* Accent */
--color-accent: hsl(210 40% 96.1%);
@@ -57,8 +59,9 @@
--radius-xl: 0.75rem;
/* Fonts */
--font-heading: "Space Grotesk", sans-serif;
--font-body: "Inter", sans-serif;
--font-heading: var(--font-poppins), 'Poppins', sans-serif;
--font-body: 'Inter', sans-serif;
}
/* Dark mode */
@@ -91,3 +94,12 @@
--color-sidebar-border: hsl(240 3.7% 15.9%);
--color-sidebar-ring: hsl(217.2 91.2% 59.8%);
}
/* Set border color for all elements */
*,
::after,
::before,
::backdrop,
::file-selector-button {
border-color: var(--color-border);
}