diff --git a/app/assets/css/main.css b/app/assets/css/main.css index 3a74770..359d049 100644 --- a/app/assets/css/main.css +++ b/app/assets/css/main.css @@ -5,11 +5,11 @@ :root { --color-primary: 18 80% 45%; --color-accent: 32 85% 50%; - --color-bg: 16 12% 4%; - --color-surface: 16 12% 9%; - --color-surface-light: 16 10% 14%; + --color-bg: 20 10% 7%; + --color-surface: 20 10% 12%; + --color-surface-light: 20 8% 17%; --color-text: 0 0% 100%; - --color-text-muted: 0 0% 60%; + --color-text-muted: 0 0% 65%; --header-height: 4rem; --player-height: 0rem; diff --git a/app/components/home/BookPresentation.vue b/app/components/home/BookPresentation.vue index b069e46..f35eeb5 100644 --- a/app/components/home/BookPresentation.vue +++ b/app/components/home/BookPresentation.vue @@ -121,10 +121,10 @@ const { data: content } = await usePageContent('home') .shadok-thinker { position: absolute; - right: 3%; - bottom: 8%; - width: clamp(90px, 12vw, 170px); - opacity: 0.1; + right: 2%; + bottom: 6%; + width: clamp(110px, 14vw, 200px); + opacity: 0.28; pointer-events: none; color: hsl(var(--color-accent)); animation: shadok-float-thinker 10s ease-in-out infinite; diff --git a/app/components/home/BookSection.vue b/app/components/home/BookSection.vue index 7df75cb..5249837 100644 --- a/app/components/home/BookSection.vue +++ b/app/components/home/BookSection.vue @@ -114,10 +114,10 @@ const { data: content } = await usePageContent('home') .shadok-pumper { position: absolute; - right: -15%; - bottom: 5%; - width: clamp(60px, 10vw, 120px); - opacity: 0.12; + right: 3%; + bottom: 8%; + width: clamp(90px, 12vw, 180px); + opacity: 0.28; pointer-events: none; color: hsl(var(--color-primary)); animation: shadok-float 10s ease-in-out infinite; diff --git a/app/components/home/CooperativeVision.vue b/app/components/home/CooperativeVision.vue index fb7d4af..c6aa436 100644 --- a/app/components/home/CooperativeVision.vue +++ b/app/components/home/CooperativeVision.vue @@ -77,9 +77,9 @@ const { data: content } = await usePageContent('home') .shadok-scale { position: absolute; left: 2%; - top: 10%; - width: clamp(100px, 14vw, 200px); - opacity: 0.1; + top: 8%; + width: clamp(120px, 16vw, 240px); + opacity: 0.3; pointer-events: none; color: hsl(var(--color-primary)); animation: shadok-float-scale 9s ease-in-out infinite; diff --git a/app/components/home/GrateWizardTeaser.vue b/app/components/home/GrateWizardTeaser.vue index 408905e..02c16d4 100644 --- a/app/components/home/GrateWizardTeaser.vue +++ b/app/components/home/GrateWizardTeaser.vue @@ -92,8 +92,8 @@ const { data: content } = await usePageContent('home') position: absolute; right: -2%; top: -20%; - width: clamp(100px, 15vw, 180px); - opacity: 0.15; + width: clamp(120px, 16vw, 220px); + opacity: 0.35; pointer-events: none; color: hsl(var(--color-accent)); animation: shadok-drift 12s ease-in-out infinite; diff --git a/app/components/home/HeroSection.vue b/app/components/home/HeroSection.vue index 0a33dc0..a7d134c 100644 --- a/app/components/home/HeroSection.vue +++ b/app/components/home/HeroSection.vue @@ -76,10 +76,10 @@ const { data: content } = await usePageContent('home') .shadok-bird { position: absolute; - right: 5%; - top: 15%; - width: clamp(80px, 12vw, 160px); - opacity: 0.12; + right: 4%; + top: 12%; + width: clamp(110px, 15vw, 220px); + opacity: 0.3; pointer-events: none; color: hsl(var(--color-primary)); animation: shadok-float 8s ease-in-out infinite; diff --git a/app/components/home/SongsPreview.vue b/app/components/home/SongsPreview.vue index 4b3826a..8b6ee8c 100644 --- a/app/components/home/SongsPreview.vue +++ b/app/components/home/SongsPreview.vue @@ -83,12 +83,12 @@ const featuredSongs = computed(() => bookData.getSongs().slice(0, 6)) .shadok-musician { position: absolute; - right: 3%; - top: 5%; - width: clamp(90px, 12vw, 170px); - opacity: 0.1; + right: 2%; + top: 4%; + width: clamp(110px, 15vw, 210px); + opacity: 0.28; pointer-events: none; - color: hsl(var(--color-primary)); + color: hsl(var(--color-accent)); animation: shadok-float-musician 8s ease-in-out infinite; } diff --git a/app/components/layout/TheFooter.vue b/app/components/layout/TheFooter.vue index c443677..fdf32f3 100644 --- a/app/components/layout/TheFooter.vue +++ b/app/components/layout/TheFooter.vue @@ -3,40 +3,40 @@
@@ -78,7 +78,7 @@ const { data: site } = await useSiteContent() left: 0; width: 100%; height: auto; - opacity: 0.6; + opacity: 1; pointer-events: none; color: hsl(var(--color-primary)); } diff --git a/app/pages/a-propos.vue b/app/pages/a-propos.vue index 903de0e..a230a1f 100644 --- a/app/pages/a-propos.vue +++ b/app/pages/a-propos.vue @@ -53,9 +53,9 @@ const { data: page } = await useAsyncData('about', () => .shadok-philosopher { position: absolute; right: 3%; - bottom: 8%; - width: clamp(90px, 13vw, 180px); - opacity: 0.1; + bottom: 6%; + width: clamp(120px, 15vw, 220px); + opacity: 0.3; pointer-events: none; color: hsl(var(--color-primary)); animation: shadok-float-philosopher 11s ease-in-out infinite; diff --git a/app/pages/ecouter/index.vue b/app/pages/ecouter/index.vue index 38d7193..8790782 100644 --- a/app/pages/ecouter/index.vue +++ b/app/pages/ecouter/index.vue @@ -148,8 +148,8 @@ const filteredSongs = computed(() => { position: absolute; right: 2%; top: 3%; - width: clamp(100px, 14vw, 190px); - opacity: 0.1; + width: clamp(120px, 16vw, 230px); + opacity: 0.3; pointer-events: none; color: hsl(var(--color-accent)); animation: shadok-float-dj 8s ease-in-out infinite; diff --git a/app/pages/gratewizard.vue b/app/pages/gratewizard.vue index cb9bff5..db419fb 100644 --- a/app/pages/gratewizard.vue +++ b/app/pages/gratewizard.vue @@ -140,9 +140,9 @@ code { .shadok-alchemist { position: absolute; right: 2%; - top: 15%; - width: clamp(100px, 14vw, 190px); - opacity: 0.1; + top: 10%; + width: clamp(120px, 16vw, 230px); + opacity: 0.3; pointer-events: none; color: hsl(var(--color-accent)); animation: shadok-float-alchemist 10s ease-in-out infinite; diff --git a/app/pages/lire/index.vue b/app/pages/lire/index.vue index f1acc68..ffdaec3 100644 --- a/app/pages/lire/index.vue +++ b/app/pages/lire/index.vue @@ -121,9 +121,9 @@ const { data: chapters } = await useAsyncData('book-toc', () => .shadok-reader { position: absolute; right: 2%; - top: 5%; - width: clamp(90px, 13vw, 180px); - opacity: 0.1; + top: 3%; + width: clamp(110px, 15vw, 220px); + opacity: 0.3; pointer-events: none; color: hsl(var(--color-primary)); animation: shadok-float-reader 9s ease-in-out infinite; @@ -133,8 +133,8 @@ const { data: chapters } = await useAsyncData('book-toc', () => position: absolute; left: 2%; bottom: 5%; - width: clamp(80px, 11vw, 150px); - opacity: 0.1; + width: clamp(100px, 13vw, 180px); + opacity: 0.25; pointer-events: none; color: hsl(var(--color-accent)); animation: shadok-float-stack 11s ease-in-out infinite; diff --git a/app/stores/palette.ts b/app/stores/palette.ts index b214629..d3eb6d3 100644 --- a/app/stores/palette.ts +++ b/app/stores/palette.ts @@ -20,11 +20,11 @@ const palettes: Record = { automne: { primary: '18 80% 45%', // cuivre profond accent: '32 85% 50%', // ambre doré - surface: '16 12% 9%', // écorce sombre - bg: '16 12% 4%', // terre noire - surfaceLight: '16 10% 14%', // bois fumé + surface: '20 10% 12%', // écorce + bg: '20 10% 7%', // terre sombre + surfaceLight: '20 8% 17%', // bois fumé text: '0 0% 100%', - textMuted: '0 0% 60%', + textMuted: '0 0% 65%', isLight: false, label: 'Automne', icon: 'i-lucide-leaf', @@ -34,11 +34,11 @@ const palettes: Record = { hiver: { primary: '215 55% 52%', // bleu nuit étoilé accent: '195 40% 65%', // givre argenté - surface: '220 15% 10%', // ciel de minuit - bg: '225 18% 5%', // nuit polaire - surfaceLight: '220 12% 15%', // brume nocturne + surface: '222 14% 13%', // ciel de minuit + bg: '225 16% 8%', // nuit polaire + surfaceLight: '220 12% 18%', // brume nocturne text: '0 0% 100%', - textMuted: '210 10% 60%', + textMuted: '210 10% 65%', isLight: false, label: 'Hiver', icon: 'i-lucide-snowflake',