1

Author: 15363205631

src/hooks.server.js

@@ -5,7 +5,7 @@
 
 	let { initTheme } = $props();
 
-	let BtnList = $state([false, true, false]);
+	let BtnList = $state([false, false, false]);
 	let currentBtn = $state();
 
 	function setTheme(theme) {
@@ -29,11 +29,11 @@
 
 	// init theme button
 	if (initTheme === 'Light') {
-		BtnList[0] = true;
+		setCurrentBtn(0);
 	} else if (initTheme === 'Dark') {
-		BtnList[1] = true;
+		setCurrentBtn(1);
 	} else {
-		BtnList[2] = true;
+		setCurrentBtn(2);
 	}
 	$inspect(initTheme)
 </script>

src/lib/ZHeader/HeaderCfg.js

@@ -10,7 +10,7 @@
 
 	let c = $state('sun');
 
-	if(data.c === 'moon'){
+	if (data.c === 'Dark') {
 		c = 'moon';
 	}
 
@@ -19,11 +19,20 @@
 	};
 
 	let md = $state('# hello world');
-	const plugins = [gfmPlugin(),headingIdPlugin];
+	const plugins = [gfmPlugin(), headingIdPlugin];
 </script>
 
-<H1 h = {data.h1}></H1>
-<H1 h = {data.c}></H1>
-<ZIcon option = {c}></ZIcon>
-
+<div>
+	<H1 h={data.h1}></H1>
+	<H1 h={data.c}></H1>
+	<ZIcon option={c}></ZIcon>
+</div>
 <Markdown md={data.mdContent} {plugins} />
+
+<style>
+	div :global{
+		svg *{
+			fill:var(--all-svg-color);
+		}
+	}
+</style>