@import url("/assets/md.css")feat: more theme work

@import url("/assets/md.css")

1 files changed, 4 insertions, 17 deletions

diff --git a/src/routes/blog/+layout.svelte b/src/routes/blog/+layout.svelte
index 61ab5f3..073d5c3 100644
--- a/src/routes/blog/+layout.svelte
+++ b/src/routes/blog/+layout.svelte
@@ -1,27 +1,14 @@
 <script lang="ts">
-  import { blogStorage } from '$/lib/storage';
-  import { page } from '$app/state';
-  import { onDestroy, onMount, type Snippet } from 'svelte';
+  import theme from '$/lib/theme.svelte';
+  import { type Snippet } from 'svelte';
+
+  theme.themeCompatible();
 
   const {
     children,
   }: {
     children: Snippet;
   } = $props();
-
-  onMount(() => {
-    const theme =
-      page.url.searchParams.get('theme') ?? blogStorage.getItem('theme');
-    if (theme) {
-      blogStorage.setItem('theme', theme);
-      document.documentElement.setAttribute('data-blog-theme', theme);
-      page.url.searchParams.delete('theme');
-    }
-  });
-  onDestroy(() => {
-    if (typeof document !== 'undefined')
-      document.documentElement.removeAttribute('data-blog-theme');
-  });
 </script>
 
 {@render children()}