Dynamic Theme Update

src/lib/components/NavbarWaybar.svelte

@@ -2,7 +2,7 @@
 	import { mode, colorTheme, toggleMode, setColorTheme, themeOptions, themeColors, type ColorTheme } from '$lib/stores/theme';
 	import { page } from '$app/stores';
 	import { fly, fade, slide } from 'svelte/transition';
-	import { user, navigation, colorPalette } from '$lib/config';
+	import { user, navigation } from '$lib/config';
 	import Icon from '@iconify/svelte';
 	import { onMount, onDestroy } from 'svelte';
 	import '$lib/assets/css/navbar-waybar.css';
@@ -100,9 +100,9 @@
 		--bar-primary: {$themeColors.primary};
 		--bar-accent: {$themeColors.accent};
 		--bar-muted: {$themeColors.textMuted};
-		--bar-success: {colorPalette.success};
-		--bar-warning: {colorPalette.warning};
-		--bar-error: {colorPalette.error};
+		--bar-success: {$themeColors.colorMap.success};
+		--bar-warning: {$themeColors.colorMap.warning};
+		--bar-error: {$themeColors.colorMap.error};
 	"
 >
 	<!-- Left modules -->