From 9dd34d810ff5e603499eded3313bbbcf34303ff7 Mon Sep 17 00:00:00 2001
From: EETagent <vojta.jungmann@gmail.com>
Date: Thu, 17 Nov 2022 22:54:06 +0100
Subject: [PATCH] fix: dark mode toggle fixes

---
 frontend/src/lib/components/DarkModeToggle.svelte | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/frontend/src/lib/components/DarkModeToggle.svelte b/frontend/src/lib/components/DarkModeToggle.svelte
index a07ffe5..a570db6 100644
--- a/frontend/src/lib/components/DarkModeToggle.svelte
+++ b/frontend/src/lib/components/DarkModeToggle.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-	let backgroundColor: 'white' | 'black' = 'white';
+	export let backgroundColor: 'light' | 'dark' = 'light';
 </script>
 
 <svg
 	xmlns="http://www.w3.org/2000/svg"
-	class:blue={backgroundColor === 'white'}
-	class:white={backgroundColor === 'black'}
+	class:blue={backgroundColor === 'light'}
+	class:white={backgroundColor === 'dark'}
 	viewBox="0 0 24 24"
 	stroke-width="2"
 	stroke-linecap="round"
@@ -30,6 +30,7 @@
     }
 	.blue {
 		@apply stroke-sspsBlue fill-sspsBlue;
+		@apply transition-colors duration-300 hover:fill-sspsBlueDark hover:stroke-sspsBlueDark; 
 	}
 	.white {
         @apply stroke-white fill-white;