From 146024724743319dc12c114603da524c9cf5facf Mon Sep 17 00:00:00 2001
From: DutchEllie <personal@quenten.nl>
Date: Wed, 13 Jul 2022 12:38:39 +0200
Subject: [PATCH] Fixed darkmode

---
 src/components/misc/guestbook.svelte                 | 6 +++---
 src/components/misc/guestbook/guestbook-entry.svelte | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/misc/guestbook.svelte b/src/components/misc/guestbook.svelte
index d5bf638..07d4970 100644
--- a/src/components/misc/guestbook.svelte
+++ b/src/components/misc/guestbook.svelte
@@ -161,15 +161,15 @@ import { comment } from 'postcss';
 			bind:value={message}
 		/>
 		<button
-			class="bg-blue-100 border-slate-400 border-2 rounded-full py-2 w-fit px-10"
+			class="bg-blue-100 dark:bg-slate-700 border-slate-400 border-2 rounded-full py-2 w-fit px-10"
 			type="submit">Submit</button
 		>
 	</form>
 	<div>
 		{#if DisplayComments != null}
 			<div class="mt-4">
-				<button class="px-5 py-2 bg-slate-400 rounded-xl" on:click={() => {if (commentPage > 0) commentPage -= 1}}>Previous</button>
-				<button class="px-5 py-2 bg-slate-400 rounded-xl" on:click={() => commentPage += 1}>Next Page</button>
+				<button class="px-5 py-2 bg-slate-400 dark:bg-slate-800 dark:ring-slate-400 dark:ring-2 rounded-xl mx-1" on:click={() => {if (commentPage > 0) commentPage -= 1}}>Previous</button>
+				<button class="px-5 py-2 bg-slate-400 dark:bg-slate-800 dark:ring-slate-400 dark:ring-2 rounded-xl mx-1" on:click={() => commentPage += 1}>Next Page</button>
 				<p class="ml-2 mt-1 w-full md:w-max">Current page: {commentPage + 1}</p>
 			</div>
 			{#each DisplayComments.slice(commentPage * pageSize, commentPage * pageSize + pageSize) as c}
diff --git a/src/components/misc/guestbook/guestbook-entry.svelte b/src/components/misc/guestbook/guestbook-entry.svelte
index 3fc6faf..5551572 100644
--- a/src/components/misc/guestbook/guestbook-entry.svelte
+++ b/src/components/misc/guestbook/guestbook-entry.svelte
@@ -3,8 +3,8 @@
 	export let comment: Comment;
 </script>
 
-<div class="rounded bg-red-100 mt-2 break-words">
-	<div class="rounded-t bg-slate-400 grid grid-cols-2 gap-1 min-h-fit  px-3 py-1">
+<div class="rounded bg-red-100 dark:bg-slate-800 dark:ring-2 dark:ring-slate-400 mt-2 break-words">
+	<div class="rounded-t bg-slate-400 dark:bg-slate-700 grid grid-cols-2 gap-1 min-h-fit  px-3 py-1">
 		<p class="text-xs">Author: {comment.name}</p>
 		<p class="text-xs">
 			Time:
@@ -18,7 +18,7 @@
 			<p class="text-xs col-span-2">Site: {comment.website}</p>
 		{/if}
 	</div>
-	<div class="px-3 ">
+	<div class="px-3 py-2">
 		<p class="">{comment.message}</p>
 	</div>
 </div>