diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index c4dffae..ce5ee68 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -97,19 +97,27 @@
 		});
 	});
 
+	//mode based on system preference
+	import { autoModeWatcher } from '@skeletonlabs/skeleton';
+
 	// Highlight JS
-	import hljs from 'highlight.js';
-	import 'highlight.js/styles/nord.css';
-	import { storeHighlightJs } from '@skeletonlabs/skeleton';
+	// import hljs from 'highlight.js';
+	// import 'highlight.js/styles/nord.css';
+	// import { storeHighlightJs } from '@skeletonlabs/skeleton';
 	import { browser } from '$app/environment';
-	storeHighlightJs.set(hljs);
+	// storeHighlightJs.set(hljs);
+	import '@kitbook/mdsvex-shiki-twoslash/shiki-twoslash.css';
+	// import '@fontsource/fira-mono';
+	// import '@fontsource/cooper-hewitt';
+	// import '$lib/assets/global.css';
+	// import '$lib/assets/code.css';
+
+	// SEO Meta tags taken from my implementation of KKosmetickySalon
 </script>
 
 <svelte:head>
-	<link
-		rel="canonical"
-		href={removeTrailingSlash(`https://www.mattmor.in&#x24;{&#x24;page.url.pathname}`)}
-	/>
+	<link rel="canonical" />
+	<!-- {@html '<script>(' + autoModeWatcher.toString() + ')();</script>'} -->
 </svelte:head>
 
 <!-- <Analytics />