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>
</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"

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"
>
<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

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"
>
<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>