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

10
index.html
View file

@ -1,10 +1,14 @@
<!doctype html> <!doctype html>
<html lang="en"> <html lang="fr">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" /> <link rel="icon" type="image/png" href="/cosmic-stag.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Boilerplate Website</title> <meta
name="description"
content="Château du Faune — centre pour l'art et l'écologie en Ariège. Résidences d'artistes, fermette, événements et hébergement au pied des Pyrénées."
/>
<title>Château du Faune — Centre pour l'art et l'écologie</title>
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>

BIN
public/cosmic-stag.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.2 MiB

89
src/style.css
View file

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