From f75ebfe2a78961f14b9fbce622be7600ded3d953 Mon Sep 17 00:00:00 2001
From: Morg <theo@de-carpentier.fr>
Date: Sun, 25 May 2025 16:48:01 +0200
Subject: [PATCH] [-] fix contrast issues in dark mode

---
 src/App.vue                       | 7 ++++++-
 src/components/ExperienceInfo.vue | 6 +++---
 src/components/ResumePage.vue     | 6 +++---
 3 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index db68613..7f45a9a 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -37,12 +37,17 @@
 			<span> Translate in English </span>
 		</button>
 
-		<button class="bg-transparent mr-2">
+		<button
+			class="bg-transparent mr-2"
+			aria-hidden="true"
+			tabindex="-1"
+		>
 			<label class="relative inline-block w-9 h-5 cursor-pointer">
 				<input
 					v-model="useDarkTheme"
 					type="checkbox"
 					class="peer sr-only"
+					tabindex="-1"
 				/>
 				<span
 					class="absolute inset-0 bg-gray-200 rounded-full transition-colors duration-200 ease-in-out peer-checked:bg-blue-600 dark:bg-neutral-700 dark:peer-checked:bg-slate-500 peer-disabled:opacity-50 peer-disabled:pointer-events-none"
diff --git a/src/components/ExperienceInfo.vue b/src/components/ExperienceInfo.vue
index 9c68872..9a0b449 100644
--- a/src/components/ExperienceInfo.vue
+++ b/src/components/ExperienceInfo.vue
@@ -3,7 +3,7 @@
 		class="grid md:grid-cols-6 print:grid-cols-6 md:gap-1 print:gap-1 mt-2 md:mt-0 print:mt-0"
 	>
 		<div
-			class="md:col-span-1 print:col-span-1 text-center md:text-left print:text-left text-slate-600 print:text-slate-600 dark:text-slate-400"
+			class="md:col-span-1 print:col-span-1 text-center md:text-left print:text-left text-slate-600 print:text-slate-600 dark:text-zinc-300"
 		>
 			{{ date }}
 		</div>
@@ -29,10 +29,10 @@
 			</ul>
 			<div
 				v-if="technos"
-				class="text-left text-slate-700 print:text-slate-700 dark:text-gray-400 font-mono"
+				class="text-left text-slate-700 print:text-slate-700 dark:text-zinc-300 font-mono"
 			>
 				<i
-					class="fab fa-envira text-slate-500 mr-1"
+					class="fab fa-envira text-slate-500 print:text-slate-500 dark:text-zinc-200 mr-1"
 					aria-hidden="true"
 				></i>
 				<p
diff --git a/src/components/ResumePage.vue b/src/components/ResumePage.vue
index de38e34..70702fb 100644
--- a/src/components/ResumePage.vue
+++ b/src/components/ResumePage.vue
@@ -66,7 +66,7 @@
 						class="grid md:grid-cols-6 print:grid-cols-6 md:gap-1 print:gap-1"
 					>
 						<div
-							class="md:col-span-1 print:col-span-1 text-center md:text-left print:text-left text-slate-600 print:text-slate-600 dark:text-slate-400"
+							class="md:col-span-1 print:col-span-1 text-center md:text-left print:text-left text-slate-600 print:text-slate-600 dark:text-zinc-300"
 						>
 							2014-2015
 						</div>
@@ -87,7 +87,7 @@
 						class="grid md:grid-cols-6 print:grid-cols-6 md:gap-1 print:gap-1"
 					>
 						<div
-							class="md:col-span-1 print:col-span-1 text-center md:text-left print:text-left text-slate-600 print:text-slate-600 dark:text-slate-400"
+							class="md:col-span-1 print:col-span-1 text-center md:text-left print:text-left text-slate-600 print:text-slate-600 dark:text-stone-300"
 						>
 							2013-2014
 						</div>
@@ -101,7 +101,7 @@
 						class="grid md:grid-cols-6 print:grid-cols-6 md:gap-1 print:gap-1"
 					>
 						<div
-							class="md:col-span-1 print:col-span-1 text-center md:text-left print:text-left text-slate-600 print:text-slate-600 dark:text-slate-400"
+							class="md:col-span-1 print:col-span-1 text-center md:text-left print:text-left text-slate-600 print:text-slate-600 dark:text-stone-300"
 						>
 							2011-2013
 						</div>