morgane/my-resume
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[-] fix contrast issues in dark mode

Browse source
This commit is contained in:
Morg 2025-05-25 16:48:01 +02:00
parent 07a04f52f4
commit f75ebfe2a7
3 changed files with 12 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/App.vue
View file

@ -37,12 +37,17 @@
<span> Translate in English </span> <span> Translate in English </span>
</button> </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"> <label class="relative inline-block w-9 h-5 cursor-pointer">
<input <input
v-model="useDarkTheme" v-model="useDarkTheme"
type="checkbox" type="checkbox"
class="peer sr-only" class="peer sr-only"
tabindex="-1"
/> />
<span <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" 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"

6
src/components/ExperienceInfo.vue
View file

@ -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" 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 <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 }} {{ date }}
</div> </div>
@ -29,10 +29,10 @@
</ul> </ul>
<div <div
v-if="technos" 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 <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" aria-hidden="true"
></i> ></i>
<p <p

6
src/components/ResumePage.vue
View file

@ -66,7 +66,7 @@
class="grid md:grid-cols-6 print:grid-cols-6 md:gap-1 print:gap-1" class="grid md:grid-cols-6 print:grid-cols-6 md:gap-1 print:gap-1"
> >
<div <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 2014-2015
</div> </div>
@ -87,7 +87,7 @@
class="grid md:grid-cols-6 print:grid-cols-6 md:gap-1 print:gap-1" class="grid md:grid-cols-6 print:grid-cols-6 md:gap-1 print:gap-1"
> >
<div <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 2013-2014
</div> </div>
@ -101,7 +101,7 @@
class="grid md:grid-cols-6 print:grid-cols-6 md:gap-1 print:gap-1" class="grid md:grid-cols-6 print:grid-cols-6 md:gap-1 print:gap-1"
> >
<div <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 2011-2013
</div> </div>