style: use purple on standalone routes (#1054)

* style: use purple on standalone routes Signed-off-by: David Dal Busco <[email protected]> * chore: fmt Signed-off-by: David Dal Busco <[email protected]> --------- Signed-off-by: David Dal Busco <[email protected]>
junobuild · Jan 11, 2025 · 584ffff · 584ffff
1 parent 8a69893
commit 584ffff
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 7 deletions.
diff --git a/src/frontend/src/routes/(home)/+layout.svelte b/src/frontend/src/routes/(home)/+layout.svelte
@@ -5,14 +5,20 @@
 	import Layout from '$lib/components/ui/Layout.svelte';
 	import { authSignedIn, authSignedOut } from '$lib/derived/auth.derived';
 	import { layoutNavigation } from '$lib/stores/layout-navigation.store';
+	import { Color } from '$lib/types/theme';
+	import { applyColor } from '$lib/utils/theme.utils';
 
 	interface Props {
 		children: Snippet;
 	}
 
 	let { children }: Props = $props();
 
-	onMount(layoutNavigation.reset);
+	onMount(() => {
+		applyColor(Color.LAVENDER_BLUE);
+
+		layoutNavigation.reset();
+	});
 </script>
 
 <Layout centered title={false}>

diff --git a/src/frontend/src/routes/(single)/preferences/+layout.svelte b/src/frontend/src/routes/(single)/preferences/+layout.svelte
@@ -3,19 +3,23 @@
 	import IconRaygun from '$lib/components/icons/IconRaygun.svelte';
 	import { i18n } from '$lib/stores/i18n.store';
 	import { layoutNavigation } from '$lib/stores/layout-navigation.store';
+	import { Color } from '$lib/types/theme';
+	import { applyColor } from '$lib/utils/theme.utils';
 
 	interface Props {
 		children: Snippet;
 	}
 
 	let { children }: Props = $props();
 
-	onMount(() =>
+	onMount(() => {
+		applyColor(Color.LAVENDER_BLUE);
+
 		layoutNavigation.set({
 			title: $i18n.preferences.title,
 			icon: IconRaygun
-		})
-	);
+		});
+	});
 </script>
 
 {@render children()}
diff --git a/src/frontend/src/routes/(standalone)/cli/+layout.svelte b/src/frontend/src/routes/(standalone)/cli/+layout.svelte
@@ -1,25 +1,30 @@
 <script lang="ts">
 	import { onMount, type Snippet } from 'svelte';
 	import Navbar from '$lib/components/core/Navbar.svelte';
+	import IconRaygun from '$lib/components/icons/IconRaygun.svelte';
 	import IconUser from '$lib/components/icons/IconUser.svelte';
 	import Footer from '$lib/components/ui/Footer.svelte';
 	import Layout from '$lib/components/ui/Layout.svelte';
 	import { authSignedIn } from '$lib/derived/auth.derived';
 	import { i18n } from '$lib/stores/i18n.store';
 	import { layoutNavigation } from '$lib/stores/layout-navigation.store';
+	import { Color } from '$lib/types/theme';
+	import { applyColor } from '$lib/utils/theme.utils';
 
 	interface Props {
 		children: Snippet;
 	}
 
 	let { children }: Props = $props();
 
-	onMount(() =>
+	onMount(() => {
+		applyColor(Color.LAVENDER_BLUE);
+
 		layoutNavigation.set({
 			title: $i18n.cli.title,
 			icon: IconUser
-		})
-	);
+		});
+	});
 </script>
 
 <Layout centered={true}>