gib/convex-monorepo
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Changes before I try out opencode for landing page.

Browse Source
This commit is contained in:
Gabriel Brown
2026-01-13 10:30:16 -06:00
parent 321fecb5e1
commit 4a27ac162a
15 changed files with 250 additions and 180 deletions
Download Patch File Download Diff File Expand all files Collapse all files

190
tools/tailwind/theme.css
View File

@@ -1,100 +1,128 @@
:root {
--background: oklch(0.9875 0.0045 314.8053);
--foreground: oklch(0.2277 0.0105 312.0161);
--background: oklch(1 0 0);
--foreground: oklch(0.2178 0 0);
--card: oklch(1 0 0);
--card-foreground: oklch(0.2277 0.0105 312.0161);
--card-foreground: oklch(0.2178 0 0);
--popover: oklch(1 0 0);
--popover-foreground: oklch(0.2277 0.0105 312.0161);
--primary: oklch(0.5605 0.1911 350.0331);
--popover-foreground: oklch(0.2178 0 0);
--primary: oklch(0.4962 0.1431 24.425);
--primary-foreground: oklch(1 0 0);
--secondary: oklch(0.967 0.0106 316.4921);
--secondary-foreground: oklch(0.4536 0.0226 309.5036);
--muted: oklch(0.967 0.0106 316.4921);
--muted-foreground: oklch(0.5653 0.021 306.4429);
--accent: oklch(0.967 0.0106 316.4921);
--accent-foreground: oklch(0.5605 0.1911 350.0331);
--destructive: oklch(0.6368 0.2078 25.3313);
--secondary: oklch(1 0 0);
--secondary-foreground: oklch(0.5091 0.1037 77.9544);
--muted: oklch(1 0 0);
--muted-foreground: oklch(0.4733 0.0095 73.6526);
--accent: oklch(0.9904 0.0107 95.1597);
--accent-foreground: oklch(0.4207 0.1299 25.7118);
--destructive: oklch(0.4698 0.1588 26.5277);
--destructive-foreground: oklch(1 0 0);
--border: oklch(0.9419 0.016 310.0997);
--input: oklch(1 0 0);
--ring: oklch(0.5605 0.1911 350.0331);
--chart-1: oklch(0.5605 0.1911 350.0331);
--chart-2: oklch(0.6747 0.1492 345.9482);
--chart-3: oklch(0.7729 0.1045 344.4709);
--chart-4: oklch(0.8625 0.0636 341.4088);
--chart-5: oklch(0.9411 0.0261 343.2843);
--sidebar: oklch(0.967 0.0106 316.4921);
--sidebar-foreground: oklch(0.4536 0.0226 309.5036);
--sidebar-primary: oklch(0.5605 0.1911 350.0331);
--border: oklch(0.9888 0.0045 78.2984);
--input: oklch(0.9888 0.0045 78.2984);
--ring: oklch(0.4962 0.1431 24.425);
--chart-1: oklch(0.5345 0.1896 27.2949);
--chart-2: oklch(0.4962 0.1431 24.425);
--chart-3: oklch(0.4207 0.1299 25.7118);
--chart-4: oklch(0.5879 0.1441 52.0651);
--chart-5: oklch(0.5007 0.1219 48.7222);
--sidebar: oklch(1 0 0);
--sidebar-foreground: oklch(0.2178 0 0);
--sidebar-primary: oklch(0.4962 0.1431 24.425);
--sidebar-primary-foreground: oklch(1 0 0);
--sidebar-accent: oklch(0.9419 0.016 310.0997);
--sidebar-accent-foreground: oklch(0.5605 0.1911 350.0331);
--sidebar-border: oklch(0.9155 0.0235 310.6964);
--sidebar-ring: oklch(0.5605 0.1911 350.0331);
--sidebar-accent: oklch(0.9904 0.0107 95.1597);
--sidebar-accent-foreground: oklch(0.4207 0.1299 25.7118);
--sidebar-border: oklch(0.9888 0.0045 78.2984);
--sidebar-ring: oklch(0.4962 0.1431 24.425);
--font-sans: Poppins, sans-serif;
--font-serif: Libre Baskerville, serif;
--font-mono: Victor Mono, ui-monospace, monospace;
--radius: 0.75rem;
--shadow-2xs: 0px 2px 10px 0px hsl(0 0% 0% / 0.03);
--shadow-xs: 0px 2px 10px 0px hsl(0 0% 0% / 0.03);
--shadow-x: 1px;
--shadow-y: 1px;
--shadow-blur: 16px;
--shadow-spread: -2px;
--shadow-opacity: 0.25;
--shadow-color: #4f1716;
--shadow-2xs: 1px 1px 16px -2px hsl(1.0526 56.4356% 19.8039% / 0.13);
--shadow-xs: 1px 1px 16px -2px hsl(1.0526 56.4356% 19.8039% / 0.13);
--shadow-sm:
0px 2px 10px 0px hsl(0 0% 0% / 0.05), 0px 1px 2px -1px hsl(0 0% 0% / 0.05);
1px 1px 16px -2px hsl(1.0526 56.4356% 19.8039% / 0.25),
1px 1px 2px -3px hsl(1.0526 56.4356% 19.8039% / 0.25);
--shadow:
0px 2px 10px 0px hsl(0 0% 0% / 0.05), 0px 1px 2px -1px hsl(0 0% 0% / 0.05);
1px 1px 16px -2px hsl(1.0526 56.4356% 19.8039% / 0.25),
1px 1px 2px -3px hsl(1.0526 56.4356% 19.8039% / 0.25);
--shadow-md:
0px 2px 10px 0px hsl(0 0% 0% / 0.05), 0px 2px 4px -1px hsl(0 0% 0% / 0.05);
1px 1px 16px -2px hsl(1.0526 56.4356% 19.8039% / 0.25),
1px 2px 4px -3px hsl(1.0526 56.4356% 19.8039% / 0.25);
--shadow-lg:
0px 2px 10px 0px hsl(0 0% 0% / 0.05), 0px 4px 6px -1px hsl(0 0% 0% / 0.05);
1px 1px 16px -2px hsl(1.0526 56.4356% 19.8039% / 0.25),
1px 4px 6px -3px hsl(1.0526 56.4356% 19.8039% / 0.25);
--shadow-xl:
0px 2px 10px 0px hsl(0 0% 0% / 0.05), 0px 8px 10px -1px hsl(0 0% 0% / 0.05);
--shadow-2xl: 0px 2px 10px 0px hsl(0 0% 0% / 0.13);
--tracking-normal: 0rem;
1px 1px 16px -2px hsl(1.0526 56.4356% 19.8039% / 0.25),
1px 8px 10px -3px hsl(1.0526 56.4356% 19.8039% / 0.25);
--shadow-2xl: 1px 1px 16px -2px hsl(1.0526 56.4356% 19.8039% / 0.63);
--tracking-normal: 0em;
--spacing: 0.25rem;
@variant dark {
--background: oklch(0.1836 0.0111 311.9111);
--foreground: oklch(0.9788 0.0057 308.3962);
--card: oklch(0.1836 0.0111 311.9111);
--card-foreground: oklch(0.9788 0.0057 308.3962);
--popover: oklch(0.1836 0.0111 311.9111);
--popover-foreground: oklch(0.9788 0.0057 308.3962);
--primary: oklch(0.6747 0.1492 345.9482);
--primary-foreground: oklch(0.1836 0.0111 311.9111);
--secondary: oklch(0.2551 0.0142 310.7968);
--secondary-foreground: oklch(0.721 0.0184 308.1777);
--muted: oklch(0.2551 0.0142 310.7968);
--muted-foreground: oklch(0.6288 0.0177 309.9946);
--accent: oklch(0.2551 0.0142 310.7968);
--accent-foreground: oklch(0.6747 0.1492 345.9482);
--destructive: oklch(0.3958 0.1331 25.723);
--background: oklch(0.2291 0.006 56.0708);
--foreground: oklch(1 0 0);
--card: oklch(0.2849 0.0062 34.2972);
--card-foreground: oklch(1 0 0);
--popover: oklch(0.2849 0.0062 34.2972);
--popover-foreground: oklch(1 0 0);
--primary: oklch(0.5487 0.1583 42.935);
--primary-foreground: oklch(1 0 0);
--secondary: oklch(0.5007 0.1219 48.7222);
--secondary-foreground: oklch(0.9904 0.0107 95.1597);
--muted: oklch(0.2419 0.006 56.0946);
--muted-foreground: oklch(0.9323 0.0026 48.7175);
--accent: oklch(0.5879 0.1441 52.0651);
--accent-foreground: oklch(0.9904 0.0107 95.1597);
--destructive: oklch(0.6794 0.1595 23.146);
--destructive-foreground: oklch(1 0 0);
--border: oklch(0.2941 0.0175 310.1142);
--input: oklch(0.2551 0.0142 310.7968);
--ring: oklch(0.6747 0.1492 345.9482);
--chart-1: oklch(0.6747 0.1492 345.9482);
--chart-2: oklch(0.5605 0.1911 350.0331);
--chart-3: oklch(0.4988 0.1668 350);
--chart-4: oklch(0.4373 0.1428 349.7487);
--chart-5: oklch(0.3738 0.1177 349.3988);
--sidebar: oklch(0.2103 0.0107 311.9806);
--sidebar-foreground: oklch(0.721 0.0184 308.1777);
--sidebar-primary: oklch(0.6747 0.1492 345.9482);
--sidebar-primary-foreground: oklch(0.1836 0.0111 311.9111);
--sidebar-accent: oklch(0.2551 0.0142 310.7968);
--sidebar-accent-foreground: oklch(0.6747 0.1492 345.9482);
--sidebar-border: oklch(0.2941 0.0175 310.1142);
--sidebar-ring: oklch(0.6747 0.1492 345.9482);
--border: oklch(0.3992 0.0092 80.6881);
--input: oklch(0.3992 0.0092 80.6881);
--ring: oklch(0.5487 0.1583 42.935);
--chart-1: oklch(0.7783 0.1096 20.5454);
--chart-2: oklch(0.6794 0.1595 23.146);
--chart-3: oklch(0.6002 0.181 25.4561);
--chart-4: oklch(0.8435 0.146 88.9511);
--chart-5: oklch(0.7766 0.1493 77.051);
--sidebar: oklch(0.2291 0.006 56.0708);
--sidebar-foreground: oklch(1 0 0);
--sidebar-primary: oklch(0.5345 0.1896 27.2949);
--sidebar-primary-foreground: oklch(1 0 0);
--sidebar-accent: oklch(0.5879 0.1441 52.0651);
--sidebar-accent-foreground: oklch(0.9904 0.0107 95.1597);
--sidebar-border: oklch(0.3992 0.0092 80.6881);
--sidebar-ring: oklch(0.5345 0.1896 27.2949);
--font-sans: Poppins, sans-serif;
--font-serif: Libre Baskerville, serif;
--font-mono: Victor Mono, ui-monospace, monospace;
--radius: 0.75rem;
--shadow-2xs: 0px 2px 10px 0px hsl(0 0% 0% / 0.1);
--shadow-xs: 0px 2px 10px 0px hsl(0 0% 0% / 0.1);
--shadow-x: 1px;
--shadow-y: 1px;
--shadow-blur: 16px;
--shadow-spread: -2px;
--shadow-opacity: 0.25;
--shadow-color: oklch(0.266 0.079 36.259);
--shadow-2xs: 1px 1px 16px -2px hsl(12.8833 84.8059% 14.417% / 0.13);
--shadow-xs: 1px 1px 16px -2px hsl(12.8833 84.8059% 14.417% / 0.13);
--shadow-sm:
0px 2px 10px 0px hsl(0 0% 0% / 0.2), 0px 1px 2px -1px hsl(0 0% 0% / 0.2);
1px 1px 16px -2px hsl(12.8833 84.8059% 14.417% / 0.25),
1px 1px 2px -3px hsl(12.8833 84.8059% 14.417% / 0.25);
--shadow:
0px 2px 10px 0px hsl(0 0% 0% / 0.2), 0px 1px 2px -1px hsl(0 0% 0% / 0.2);
1px 1px 16px -2px hsl(12.8833 84.8059% 14.417% / 0.25),
1px 1px 2px -3px hsl(12.8833 84.8059% 14.417% / 0.25);
--shadow-md:
0px 2px 10px 0px hsl(0 0% 0% / 0.2), 0px 2px 4px -1px hsl(0 0% 0% / 0.2);
1px 1px 16px -2px hsl(12.8833 84.8059% 14.417% / 0.25),
1px 2px 4px -3px hsl(12.8833 84.8059% 14.417% / 0.25);
--shadow-lg:
0px 2px 10px 0px hsl(0 0% 0% / 0.2), 0px 4px 6px -1px hsl(0 0% 0% / 0.2);
1px 1px 16px -2px hsl(12.8833 84.8059% 14.417% / 0.25),
1px 4px 6px -3px hsl(12.8833 84.8059% 14.417% / 0.25);
--shadow-xl:
0px 2px 10px 0px hsl(0 0% 0% / 0.2), 0px 8px 10px -1px hsl(0 0% 0% / 0.2);
--shadow-2xl: 0px 2px 10px 0px hsl(0 0% 0% / 0.5);
1px 1px 16px -2px hsl(12.8833 84.8059% 14.417% / 0.25),
1px 8px 10px -3px hsl(12.8833 84.8059% 14.417% / 0.25);
--shadow-2xl: 1px 1px 16px -2px hsl(12.8833 84.8059% 14.417% / 0.63);
}
}
@@ -132,8 +160,9 @@
--color-sidebar-border: var(--sidebar-border);
--color-sidebar-ring: var(--sidebar-ring);
--font-sans: var(--font-geist-sans);
--font-mono: var(--font-geist-mono);
--font-sans: var(--font-sans);
--font-mono: var(--font-mono);
--font-serif: var(--font-serif);
--radius-sm: calc(var(--radius) - 4px);
--radius-md: calc(var(--radius) - 2px);
@@ -148,11 +177,4 @@
--shadow-lg: var(--shadow-lg);
--shadow-xl: var(--shadow-xl);
--shadow-2xl: var(--shadow-2xl);
--tracking-tighter: calc(var(--tracking-normal) - 0.05em);
--tracking-tight: calc(var(--tracking-normal) - 0.025em);
--tracking-normal: var(--tracking-normal);
--tracking-wide: calc(var(--tracking-normal) + 0.025em);
--tracking-wider: calc(var(--tracking-normal) + 0.05em);
--tracking-widest: calc(var(--tracking-normal) + 0.1em);
}