Dark mode config changes

Author: zlrundefined

src/components/ThemeSwitcher.vue

@@ -1,40 +1,15 @@
 <template>
-	<a
-		href="#"
-		class="text-copy-primary hover:text-gray-600"
-		@click.prevent="toggleTheme"
-	>
-		<svg
-			v-if="theme === 'theme'"
-			xmlns="http://www.w3.org/2000/svg"
-			width="24"
-			height="24"
-			fill="none"
-			stroke="currentColor"
-			stroke-width="2"
-			stroke-linecap="round"
-			stroke-linejoin="round"
-			class="feather feather-moon"
-		>
-			<path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" />
-		</svg>
-		<svg
+	<a href="#" @click.prevent="toggleTheme">
+		<i
+			v-if="theme === 'light'"
+			data-feather="moon"
+			class="text-liText-ternary-dark hover:text-gray-400 dark:text-liText-ternary-light dark:hover:text-liBorder-primary-light w-5"
+		></i>
+		<i
 			v-else
-			xmlns="http://www.w3.org/2000/svg"
-			width="24"
-			height="24"
-			fill="none"
-			stroke="currentColor"
-			stroke-width="2"
-			stroke-linecap="round"
-			stroke-linejoin="round"
-			class="feather feather-sun"
-		>
-			<circle cx="12" cy="12" r="5" />
-			<path
-				d="M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42"
-			/>
-		</svg>
+			data-feather="sun"
+			class="text-gray-200 hover:text-gray-50 w-5"
+		></i>
 	</a>
 </template>