Fixing hamburger color bug

tricities-dev · Nov 20, 2023 · 77fc2ca · 77fc2ca
1 parent 4db0106
commit 77fc2ca
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/src/components/Navbar.svelte b/src/components/Navbar.svelte
@@ -5,6 +5,16 @@
 	import Menu from "./Menu.svelte";
 
 	let y:number;
+
+	const hamburgerColor = (theme:string):string => {
+		let color:string
+
+		if (theme === 'exp' || theme === 'dark') {
+			return color = 'white'
+		}
+
+		return color = 'black'
+	}
 </script>
 
 <div class="nav"
@@ -13,7 +23,7 @@
 >
 	<div class="navbar">
 		<Logo width={ 175 } height={ 55 } dark={ $themeStore === 'dark' ? true : false }/>
-		<Hamburger bind:open={ $menuStore } --color={ $themeStore === 'light' || $themeStore === 'exp' ? 'white' : 'black' }/>
+		<Hamburger bind:open={ $menuStore } --color={ hamburgerColor($themeStore) }/>
 	</div>
 	<div class="menubar">
 		<Menu />