LobotomyLabs/coop
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: apply earthy site palette

Browse Source
This commit is contained in:
Dustin Newkirk
2026-04-23 09:48:59 -04:00
parent d37369eca2
commit 48da1cd571
1 changed files with 44 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/app/globals.css
+44 -44
View File
@@ -32,48 +32,48 @@
@layer base {
:root {
--background: 48 100% 96%;
--foreground: 20 6% 16%;
--card: 30 100% 97%;
--card-foreground: 20 6% 16%;
--popover: 0 0% 100%;
--popover-foreground: 20 6% 16%;
--primary: 0 72% 42%;
--primary-foreground: 48 100% 96%;
--secondary: 30 47% 90%;
--secondary-foreground: 20 6% 16%;
--muted: 28 47% 90%;
--muted-foreground: 24 6% 47%;
--accent: 28 52% 64%;
--accent-foreground: 20 6% 16%;
--background: 42 38% 93%; /* Wheat */
--foreground: 24 12% 19%;
--card: 42 30% 96%;
--card-foreground: 24 12% 19%;
--popover: 42 30% 96%;
--popover-foreground: 24 12% 19%;
--primary: 18 58% 44%; /* Terracotta */
--primary-foreground: 42 38% 96%;
--secondary: 172 18% 84%; /* Duck Egg Blue */
--secondary-foreground: 24 12% 19%;
--muted: 24 8% 74%; /* Feather Grey */
--muted-foreground: 24 8% 38%;
--accent: 42 43% 82%; /* Wheat */
--accent-foreground: 24 12% 19%;
--destructive: 0 72% 50%;
--destructive-foreground: 48 100% 96%;
--border: 28 24% 87%;
--input: 28 24% 87%;
--ring: 0 72% 42%;
--destructive-foreground: 42 38% 96%;
--border: 24 12% 82%;
--input: 24 12% 82%;
--ring: 18 58% 44%;
--radius: 0.5rem;
}
.dark {
--background: 20 9% 10%;
--foreground: 40 33% 94%;
--card: 24 9% 14%;
--card-foreground: 40 33% 94%;
--popover: 24 9% 14%;
--popover-foreground: 40 33% 94%;
--primary: 0 72% 50%;
--primary-foreground: 20 9% 10%;
--secondary: 24 13% 22%;
--secondary-foreground: 40 33% 94%;
--muted: 24 6% 25%;
--muted-foreground: 24 6% 64%;
--accent: 28 82% 32%;
--accent-foreground: 40 33% 94%;
--background: 24 12% 13%;
--foreground: 42 38% 94%;
--card: 24 10% 16%;
--card-foreground: 42 38% 94%;
--popover: 24 10% 16%;
--popover-foreground: 42 38% 94%;
--primary: 18 58% 52%;
--primary-foreground: 24 12% 13%;
--secondary: 172 14% 26%;
--secondary-foreground: 42 38% 94%;
--muted: 24 8% 28%;
--muted-foreground: 24 8% 68%;
--accent: 42 24% 34%;
--accent-foreground: 42 38% 94%;
--destructive: 0 84% 60%;
--destructive-foreground: 20 9% 10%;
--border: 24 6% 33%;
--input: 24 6% 33%;
--ring: 0 72% 50%;
--destructive-foreground: 24 12% 13%;
--border: 24 8% 30%;
--input: 24 8% 30%;
--ring: 18 58% 52%;
}
}
@@ -89,17 +89,17 @@
90deg,
transparent,
transparent 2px,
rgba(120, 53, 15, 0.015) 2px,
rgba(120, 53, 15, 0.015) 4px
rgba(125, 94, 69, 0.018) 2px,
rgba(125, 94, 69, 0.018) 4px
),
radial-gradient(
circle at 15% 50%,
rgba(217, 119, 6, 0.06) 0%,
rgba(18, 147, 164, 0.08) 0%,
transparent 50%
),
radial-gradient(
circle at 85% 80%,
rgba(185, 28, 28, 0.04) 0%,
rgba(192, 111, 74, 0.07) 0%,
transparent 40%
);
}
@@ -110,17 +110,17 @@
90deg,
transparent,
transparent 2px,
rgba(251, 191, 36, 0.012) 2px,
rgba(251, 191, 36, 0.012) 4px
rgba(196, 217, 217, 0.02) 2px,
rgba(196, 217, 217, 0.02) 4px
),
radial-gradient(
circle at 15% 50%,
rgba(217, 119, 6, 0.05) 0%,
rgba(18, 147, 164, 0.08) 0%,
transparent 50%
),
radial-gradient(
circle at 85% 80%,
rgba(185, 28, 28, 0.03) 0%,
rgba(192, 111, 74, 0.05) 0%,
transparent 40%
);
}