padreug/chateaudufaune.ariege.io
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(theme): earthy palette + cosmic-stag branding

Browse source 
Replace shadcn neutral defaults with a warm parchment background, deep
moss primary and terracotta accent. Add Cormorant Garamond serif stack
for headings, system sans for body. Set the page title, French lang
attribute, meta description and cosmic-stag favicon.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Padreug 2026-06-08 16:51:56 +02:00
commit 71b3ea477d
3 changed files with 58 additions and 41 deletions
Download patch file Download diff file Expand all files Collapse all files

89
src/style.css
View file

@ -4,48 +4,50 @@
@custom-variant dark (&:is(.dark *));
:root {
--background: hsl(0 0% 100%);
--foreground: hsl(0 0% 3.9%);
--card: hsl(0 0% 100%);
--card-foreground: hsl(0 0% 3.9%);
--popover: hsl(0 0% 100%);
--popover-foreground: hsl(0 0% 3.9%);
--primary: hsl(0 0% 9%);
--primary-foreground: hsl(0 0% 98%);
--secondary: hsl(0 0% 96.1%);
--secondary-foreground: hsl(0 0% 9%);
--muted: hsl(0 0% 96.1%);
--muted-foreground: hsl(0 0% 45.1%);
--accent: hsl(0 0% 96.1%);
--accent-foreground: hsl(0 0% 9%);
--destructive: hsl(0 84.2% 60.2%);
--destructive-foreground: hsl(0 0% 98%);
--border: hsl(0 0% 89.8%);
--input: hsl(0 0% 89.8%);
--ring: hsl(0 0% 3.9%);
/* Earthy palette: warm parchment background, deep moss primary,
terracotta accent. Tuned for an artist-residency / land-art vibe. */
--background: hsl(38 32% 96%);
--foreground: hsl(120 14% 12%);
--card: hsl(38 30% 98%);
--card-foreground: hsl(120 14% 12%);
--popover: hsl(38 30% 98%);
--popover-foreground: hsl(120 14% 12%);
--primary: hsl(125 24% 24%);
--primary-foreground: hsl(38 32% 96%);
--secondary: hsl(36 22% 88%);
--secondary-foreground: hsl(120 14% 12%);
--muted: hsl(36 18% 92%);
--muted-foreground: hsl(120 8% 38%);
--accent: hsl(22 58% 48%);
--accent-foreground: hsl(38 32% 96%);
--destructive: hsl(0 70% 45%);
--destructive-foreground: hsl(38 32% 96%);
--border: hsl(36 16% 82%);
--input: hsl(36 16% 82%);
--ring: hsl(125 24% 30%);
--radius: 0.5rem;
}
.dark {
--background: hsl(0 0% 3.9%);
--foreground: hsl(0 0% 98%);
--card: hsl(0 0% 3.9%);
--card-foreground: hsl(0 0% 98%);
--popover: hsl(0 0% 3.9%);
--popover-foreground: hsl(0 0% 98%);
--primary: hsl(0 0% 98%);
--primary-foreground: hsl(0 0% 9%);
--secondary: hsl(0 0% 14.9%);
--secondary-foreground: hsl(0 0% 98%);
--muted: hsl(0 0% 14.9%);
--muted-foreground: hsl(0 0% 63.9%);
--accent: hsl(0 0% 14.9%);
--accent-foreground: hsl(0 0% 98%);
--destructive: hsl(0 62.8% 30.6%);
--destructive-foreground: hsl(0 0% 98%);
--border: hsl(0 0% 14.9%);
--input: hsl(0 0% 14.9%);
--ring: hsl(0 0% 83.1%);
--background: hsl(120 12% 8%);
--foreground: hsl(38 26% 94%);
--card: hsl(120 10% 11%);
--card-foreground: hsl(38 26% 94%);
--popover: hsl(120 10% 11%);
--popover-foreground: hsl(38 26% 94%);
--primary: hsl(38 28% 88%);
--primary-foreground: hsl(120 14% 12%);
--secondary: hsl(120 8% 18%);
--secondary-foreground: hsl(38 26% 94%);
--muted: hsl(120 8% 18%);
--muted-foreground: hsl(36 14% 66%);
--accent: hsl(22 52% 55%);
--accent-foreground: hsl(120 14% 12%);
--destructive: hsl(0 60% 40%);
--destructive-foreground: hsl(38 26% 94%);
--border: hsl(120 8% 22%);
--input: hsl(120 8% 22%);
--ring: hsl(38 26% 72%);
}
@theme inline {
@ -71,6 +73,10 @@
--radius-lg: var(--radius);
--radius-md: calc(var(--radius) - 2px);
--radius-sm: calc(var(--radius) - 4px);
--font-sans:
ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
sans-serif;
--font-serif: 'Cormorant Garamond', Cambria, Georgia, 'Times New Roman', serif;
}
@layer base {
@ -79,5 +85,12 @@
}
body {
@apply bg-background text-foreground;
font-family: var(--font-sans);
}
h1,
h2,
h3 {
font-family: var(--font-serif);
letter-spacing: -0.01em;
}
}