💄 Added dark-mode

frontend/src/routes/explore.svelte

@@ -47,14 +47,18 @@
 		{#each quizzes.hits as quiz}
 			<div class="flex justify-center">
 				<a href="/view/{quiz.id}" class="h-max w-fit">
-					<div class="max-w-md py-4 px-8 bg-white shadow-lg rounded-lg my-20">
+					<div
+						class="max-w-md py-4 px-8 bg-white shadow-lg rounded-lg my-20 dark:bg-slate-800"
+					>
 						<!--			<div class='flex justify-center md:justify-end -mt-16'>
 										<img class='w-20 h-20 object-cover rounded-full border-2 border-indigo-500'
 											 src='https://images.unsplash.com/photo-1499714608240-22fc6ad53fb2?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=334&q=80'>
 									</div>-->
 						<div>
-							<h2 class="text-gray-800 text-3xl font-semibold">{quiz.title}</h2>
-							<p class="mt-2 text-gray-600">{quiz.description}</p>
+							<h2 class="text-gray-800 dark:text-gray-200 text-3xl font-semibold">
+								{quiz.title}
+							</h2>
+							<p class="mt-2 text-gray-600 dark:text-gray-300">{quiz.description}</p>
 						</div>
 						<div class="flex mt-4">
 							<span>{$t('explore_page.made_by')} {quiz.user}</span>