Logo § restauré, couleur unie partout, palettes printemps/été plus chaudes, rectifs admin
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -146,14 +146,7 @@ a {
|
||||
.palette-light .prose { color: hsl(var(--color-text)); }
|
||||
.palette-light .prose :where(h1,h2,h3,h4,h5,h6) { color: hsl(var(--color-text)); }
|
||||
|
||||
/* text-gradient in light mode — vivid gradient */
|
||||
.palette-light .text-gradient {
|
||||
background-image: linear-gradient(135deg, hsl(var(--color-primary)), hsl(var(--color-accent)));
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
color: transparent !important;
|
||||
}
|
||||
/* text-gradient — solid primary color everywhere */
|
||||
|
||||
/* card surfaces — subtle shadow for depth */
|
||||
.palette-light .card-surface {
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
<div class="container-content flex h-[var(--header-height)] items-center justify-between px-4">
|
||||
<!-- Logo -->
|
||||
<NuxtLink to="/" class="logo-link flex items-center gap-2.5">
|
||||
<svg class="logo-section" viewBox="0 0 64 80" fill="none" aria-hidden="true">
|
||||
<svg class="logo-icon" viewBox="0 0 64 80" fill="none" aria-hidden="true">
|
||||
<path d="M38 8 C28 6 18 10 18 20 C18 28 26 32 34 34 C42 36 48 40 48 48 C48 52 46 55 42 57 L44 40 C44 36 40 32 34 30 C28 28 22 24 22 18 C22 14 24 11 28 10Z" fill="currentColor" opacity="0.9"/>
|
||||
<path d="M26 72 C36 74 46 70 46 60 C46 52 38 48 30 46 C22 44 16 40 16 32 C16 28 18 25 22 23 L20 40 C20 44 24 48 30 50 C36 52 42 56 42 62 C42 66 40 69 36 70Z" fill="currentColor" opacity="0.9"/>
|
||||
<path d="M20 16 C20 8 28 4 36 6 C42 8 46 14 44 20" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" fill="none" opacity="0.7"/>
|
||||
@@ -56,7 +56,7 @@ const isMobileMenuOpen = ref(false)
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.logo-section {
|
||||
.logo-icon {
|
||||
width: 1.6rem;
|
||||
height: 2rem;
|
||||
color: hsl(var(--color-primary));
|
||||
@@ -65,12 +65,9 @@ const isMobileMenuOpen = ref(false)
|
||||
|
||||
.logo-text {
|
||||
font-family: var(--font-display);
|
||||
font-weight: 300;
|
||||
font-size: 1.25rem;
|
||||
letter-spacing: 0.04em;
|
||||
background-image: linear-gradient(to right, hsl(var(--color-primary)), hsl(var(--color-accent)));
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
font-weight: 600;
|
||||
font-size: 1.15rem;
|
||||
letter-spacing: 0.02em;
|
||||
color: hsl(var(--color-primary));
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -46,29 +46,29 @@ const palettes: Record<PaletteName, PaletteColors> = {
|
||||
|
||||
// ══════ LIGHT THEMES ══════
|
||||
|
||||
// Printemps : vert vif, rose cerisier punchy, lumière fraîche
|
||||
// Printemps : vert soutenu, magenta chaud, lumière vivante
|
||||
printemps: {
|
||||
primary: '152 65% 36%', // vert émeraude vif
|
||||
accent: '340 78% 52%', // rose cerisier punchy
|
||||
surface: '130 18% 90%', // rosée du matin
|
||||
bg: '110 20% 94%', // clarté verte
|
||||
surfaceLight: '125 14% 84%', // feuille vive
|
||||
text: '155 30% 10%', // vert profond saturé
|
||||
textMuted: '145 14% 38%', // mousse riche
|
||||
primary: '152 80% 24%', // vert émeraude sombre
|
||||
accent: '338 88% 45%', // magenta profond
|
||||
surface: '145 25% 85%', // prairie franche
|
||||
bg: '140 28% 90%', // vert lumineux franc
|
||||
surfaceLight: '148 22% 77%', // feuillage vif
|
||||
text: '155 50% 6%', // encre noire-verte
|
||||
textMuted: '150 22% 28%', // sous-bois dense
|
||||
isLight: true,
|
||||
label: 'Printemps',
|
||||
icon: 'i-lucide-flower-2',
|
||||
},
|
||||
|
||||
// Été : orange solaire, turquoise pop, lumineux chaleureux
|
||||
// Été : orange brûlant, corail profond, chaleur méditerranéenne
|
||||
ete: {
|
||||
primary: '22 92% 48%', // soleil éclatant
|
||||
accent: '175 72% 38%', // turquoise pop
|
||||
surface: '38 35% 88%', // sable doré
|
||||
bg: '40 38% 93%', // lumière dorée chaude
|
||||
surfaceLight: '35 28% 82%', // dune chaude
|
||||
text: '28 35% 8%', // brun intense
|
||||
textMuted: '28 16% 35%', // ombre chaude
|
||||
primary: '18 90% 44%', // terre cuite brûlante
|
||||
accent: '355 78% 50%', // corail ardent
|
||||
surface: '32 40% 85%', // ocre clair
|
||||
bg: '35 42% 90%', // chaleur dorée
|
||||
surfaceLight: '30 32% 78%', // argile chaude
|
||||
text: '20 45% 8%', // brun profond
|
||||
textMuted: '22 22% 30%', // ombre terracotta
|
||||
isLight: true,
|
||||
label: 'Été',
|
||||
icon: 'i-lucide-sun',
|
||||
|
||||
Reference in New Issue
Block a user