diff --git a/app/guide/20210808180117-6v0mkxr/20200923234011-ieuun1p/20210808180303-axh6q1d/20200924095938-a9p5450.sy b/app/guide/20210808180117-6v0mkxr/20200923234011-ieuun1p/20210808180303-axh6q1d/20200924095938-a9p5450.sy
index b2bb69ec1..bc90bfccf 100644
--- a/app/guide/20210808180117-6v0mkxr/20200923234011-ieuun1p/20210808180303-axh6q1d/20200924095938-a9p5450.sy
+++ b/app/guide/20210808180117-6v0mkxr/20200923234011-ieuun1p/20210808180303-axh6q1d/20200924095938-a9p5450.sy
@@ -6,7 +6,7 @@
 		"id": "20200924095938-a9p5450",
 		"title": "Theme",
 		"type": "doc",
-		"updated": "20221114173347"
+		"updated": "20230417141811"
 	},
 	"Children": [
 		{
@@ -25,18 +25,18 @@
 			]
 		},
 		{
-			"ID": "20220806105232-4kpzaaj",
+			"ID": "20230417141558-see765c",
 			"Type": "NodeList",
 			"ListData": {
 				"Typ": 1
 			},
 			"Properties": {
-				"id": "20220806105232-4kpzaaj",
-				"updated": "20220806105333"
+				"id": "20230417141558-see765c",
+				"updated": "20230417141811"
 			},
 			"Children": [
 				{
-					"ID": "20220806105232-03276uj",
+					"ID": "20230417141558-d8vl4m7",
 					"Type": "NodeListItem",
 					"ListData": {
 						"Typ": 1,
@@ -45,16 +45,16 @@
 						"Num": 1
 					},
 					"Properties": {
-						"id": "20220806105232-03276uj",
-						"updated": "20220806105254"
+						"id": "20230417141558-d8vl4m7",
+						"updated": "20230417141558"
 					},
 					"Children": [
 						{
-							"ID": "20220806105232-wd95q09",
+							"ID": "20230417141558-f6keda3",
 							"Type": "NodeParagraph",
 							"Properties": {
-								"id": "20220806105232-wd95q09",
-								"updated": "20220806105254"
+								"id": "20230417141558-f6keda3",
+								"updated": "20230417141653"
 							},
 							"Children": [
 								{
@@ -68,7 +68,7 @@
 								},
 								{
 									"Type": "NodeText",
-									"Data": " - "
+									"Data": "​ - "
 								},
 								{
 									"Type": "NodeTextMark",
@@ -77,19 +77,23 @@
 								},
 								{
 									"Type": "NodeText",
-									"Data": " and enable "
+									"Data": "​ and click  "
 								},
 								{
 									"Type": "NodeTextMark",
 									"TextMarkType": "kbd",
-									"TextMarkTextContent": "Customize the current theme"
+									"TextMarkTextContent": "Code Snippet"
+								},
+								{
+									"Type": "NodeText",
+									"Data": "​, select CSS tab"
 								}
 							]
 						}
 					]
 				},
 				{
-					"ID": "20220806105232-2cmqwox",
+					"ID": "20230417141705-gm3l4qc",
 					"Type": "NodeListItem",
 					"ListData": {
 						"Typ": 1,
@@ -98,56 +102,28 @@
 						"Num": 2
 					},
 					"Properties": {
-						"id": "20220806105232-2cmqwox",
-						"updated": "20220806105311"
+						"id": "20230417141705-gm3l4qc",
+						"updated": "20230417141708"
 					},
 					"Children": [
 						{
-							"ID": "20220806105232-iuinsnb",
+							"ID": "20230417141705-u38pf60",
 							"Type": "NodeParagraph",
 							"Properties": {
-								"id": "20220806105232-iuinsnb",
-								"updated": "20220806105311"
+								"id": "20230417141705-u38pf60",
+								"updated": "20230417141708"
 							},
 							"Children": [
-								{
-									"Type": "NodeTextMark",
-									"TextMarkType": "kbd",
-									"TextMarkTextContent": "Settings"
-								},
 								{
 									"Type": "NodeText",
-									"Data": " - "
-								},
-								{
-									"Type": "NodeTextMark",
-									"TextMarkType": "kbd",
-									"TextMarkTextContent": "Appearance"
-								},
-								{
-									"Type": "NodeText",
-									"Data": " - "
-								},
-								{
-									"Type": "NodeTextMark",
-									"TextMarkType": "kbd",
-									"TextMarkTextContent": "Themes"
-								},
-								{
-									"Type": "NodeText",
-									"Data": " - "
-								},
-								{
-									"Type": "NodeTextMark",
-									"TextMarkType": "kbd",
-									"TextMarkTextContent": "Open the theme folder"
+									"Data": "Input title"
 								}
 							]
 						}
 					]
 				},
 				{
-					"ID": "20220806105232-6srr6mz",
+					"ID": "20230417141558-bmkmmsg",
 					"Type": "NodeListItem",
 					"ListData": {
 						"Typ": 1,
@@ -156,30 +132,108 @@
 						"Num": 3
 					},
 					"Properties": {
-						"id": "20220806105232-6srr6mz",
-						"updated": "20220806105333"
+						"id": "20230417141558-bmkmmsg",
+						"updated": "20230417141811"
 					},
 					"Children": [
 						{
-							"ID": "20220806105232-z3bosch",
+							"ID": "20230417141558-727zvva",
 							"Type": "NodeParagraph",
 							"Properties": {
-								"id": "20220806105232-z3bosch",
-								"updated": "20220806105333"
+								"id": "20230417141558-727zvva",
+								"updated": "20230417141811"
 							},
 							"Children": [
 								{
 									"Type": "NodeText",
-									"Data": "Modify the "
+									"Data": "According to the theme and the variables in theme.css, refer to the following writing method to encode and fill in the code snippet"
+								}
+							]
+						},
+						{
+							"ID": "20230417141558-79fewv8",
+							"Type": "NodeCodeBlock",
+							"IsFencedCodeBlock": true,
+							"Properties": {
+								"id": "20230417141558-79fewv8",
+								"updated": "20230417141558"
+							},
+							"Children": [
+								{
+									"Type": "NodeCodeBlockFenceOpenMarker",
+									"Data": "```"
 								},
 								{
-									"Type": "NodeTextMark",
-									"TextMarkType": "kbd",
-									"TextMarkTextContent": "custom.css"
+									"Type": "NodeCodeBlockFenceInfoMarker",
+									"CodeBlockInfo": "Y3Nz"
 								},
+								{
+									"Type": "NodeCodeBlockCode",
+									"Data": "html[data-light-theme=\"daylight\"][data-theme-mode=\"light\"] {\n    --b3-theme-primary: red;\n}\n\nhtml[data-light-theme=\"daylight\"][data-theme-mode=\"dark\"] {\n    --b3-theme-primary: blue;\n}\n"
+								},
+								{
+									"Type": "NodeCodeBlockFenceCloseMarker",
+									"Data": "```"
+								}
+							]
+						}
+					]
+				},
+				{
+					"ID": "20230417141558-fr8x3k5",
+					"Type": "NodeListItem",
+					"ListData": {
+						"Typ": 1,
+						"Delimiter": 46,
+						"Marker": "NC4=",
+						"Num": 4
+					},
+					"Properties": {
+						"id": "20230417141558-fr8x3k5",
+						"updated": "20230417141722"
+					},
+					"Children": [
+						{
+							"ID": "20230417141558-4qxft8w",
+							"Type": "NodeParagraph",
+							"Properties": {
+								"id": "20230417141558-4qxft8w",
+								"updated": "20230417141722"
+							},
+							"Children": [
 								{
 									"Type": "NodeText",
-									"Data": " file"
+									"Data": "Enable this code snippet"
+								}
+							]
+						}
+					]
+				},
+				{
+					"ID": "20230417141558-dr3lydv",
+					"Type": "NodeListItem",
+					"ListData": {
+						"Typ": 1,
+						"Delimiter": 46,
+						"Marker": "NS4=",
+						"Num": 5
+					},
+					"Properties": {
+						"id": "20230417141558-dr3lydv",
+						"updated": "20230417141747"
+					},
+					"Children": [
+						{
+							"ID": "20230417141558-x0xfwm6",
+							"Type": "NodeParagraph",
+							"Properties": {
+								"id": "20230417141558-x0xfwm6",
+								"updated": "20230417141747"
+							},
+							"Children": [
+								{
+									"Type": "NodeText",
+									"Data": "Click the Confirm button"
 								}
 							]
 						}
diff --git a/app/guide/20210808180117-czj9bvb/20200812220555-lj3enxa/20210808180320-qgr0b3q/20200922102318-oz84yu3.sy b/app/guide/20210808180117-czj9bvb/20200812220555-lj3enxa/20210808180320-qgr0b3q/20200922102318-oz84yu3.sy
index 22dad7319..a9a1867cd 100644
--- a/app/guide/20210808180117-czj9bvb/20200812220555-lj3enxa/20210808180320-qgr0b3q/20200922102318-oz84yu3.sy
+++ b/app/guide/20210808180117-czj9bvb/20200812220555-lj3enxa/20210808180320-qgr0b3q/20200922102318-oz84yu3.sy
@@ -6,7 +6,7 @@
 		"id": "20200922102318-oz84yu3",
 		"title": "主题",
 		"type": "doc",
-		"updated": "20221114172705"
+		"updated": "20230417141231"
 	},
 	"Children": [
 		{
@@ -32,7 +32,7 @@
 			},
 			"Properties": {
 				"id": "20220806104355-9smwbwz",
-				"updated": "20220806104606"
+				"updated": "20230417141231"
 			},
 			"Children": [
 				{
@@ -46,7 +46,7 @@
 					},
 					"Properties": {
 						"id": "20220806104408-dzqx5tq",
-						"updated": "20220806104408"
+						"updated": "20230417141231"
 					},
 					"Children": [
 						{
@@ -54,12 +54,12 @@
 							"Type": "NodeParagraph",
 							"Properties": {
 								"id": "20220806104408-6buoa98",
-								"updated": "20220806104443"
+								"updated": "20230417141231"
 							},
 							"Children": [
 								{
 									"Type": "NodeText",
-									"Data": "前往 "
+									"Data": "打开  "
 								},
 								{
 									"Type": "NodeTextMark",
@@ -68,7 +68,7 @@
 								},
 								{
 									"Type": "NodeText",
-									"Data": " - "
+									"Data": "​ - "
 								},
 								{
 									"Type": "NodeTextMark",
@@ -77,12 +77,45 @@
 								},
 								{
 									"Type": "NodeText",
-									"Data": " 中开启 "
+									"Data": "​ ，点击 "
 								},
 								{
 									"Type": "NodeTextMark",
 									"TextMarkType": "kbd",
-									"TextMarkTextContent": "自定义当前主题"
+									"TextMarkTextContent": "代码片段设置"
+								},
+								{
+									"Type": "NodeText",
+									"Data": "​，选中 CSS 页签"
+								}
+							]
+						}
+					]
+				},
+				{
+					"ID": "20230417141127-5xeqn2w",
+					"Type": "NodeListItem",
+					"ListData": {
+						"Typ": 1,
+						"Delimiter": 46,
+						"Marker": "Mi4=",
+						"Num": 2
+					},
+					"Properties": {
+						"id": "20230417141127-5xeqn2w"
+					},
+					"Children": [
+						{
+							"ID": "20230417141127-ykva27k",
+							"Type": "NodeParagraph",
+							"Properties": {
+								"id": "20230417141127-ykva27k",
+								"updated": "20230417141132"
+							},
+							"Children": [
+								{
+									"Type": "NodeText",
+									"Data": "填入标题"
 								}
 							]
 						}
@@ -94,8 +127,8 @@
 					"ListData": {
 						"Typ": 1,
 						"Delimiter": 46,
-						"Marker": "Mi4=",
-						"Num": 2
+						"Marker": "My4=",
+						"Num": 3
 					},
 					"Properties": {
 						"id": "20220806104453-r93vur1"
@@ -106,44 +139,39 @@
 							"Type": "NodeParagraph",
 							"Properties": {
 								"id": "20220806104453-w1275cy",
-								"updated": "20220806104551"
+								"updated": "20230417141054"
 							},
 							"Children": [
-								{
-									"Type": "NodeTextMark",
-									"TextMarkType": "kbd",
-									"TextMarkTextContent": "设置"
-								},
 								{
 									"Type": "NodeText",
-									"Data": " - "
+									"Data": "根据主题和 theme.css 中的变量参照如下写法进行编码后填入代码片段中"
+								}
+							]
+						},
+						{
+							"ID": "20230417140641-qkwfqkh",
+							"Type": "NodeCodeBlock",
+							"IsFencedCodeBlock": true,
+							"Properties": {
+								"id": "20230417140641-qkwfqkh",
+								"updated": "20230417140651"
+							},
+							"Children": [
+								{
+									"Type": "NodeCodeBlockFenceOpenMarker",
+									"Data": "```"
 								},
 								{
-									"Type": "NodeTextMark",
-									"TextMarkType": "kbd",
-									"TextMarkTextContent": "外观"
+									"Type": "NodeCodeBlockFenceInfoMarker",
+									"CodeBlockInfo": "Y3Nz"
 								},
 								{
-									"Type": "NodeText",
-									"Data": " - "
+									"Type": "NodeCodeBlockCode",
+									"Data": "html[data-light-theme=\"daylight\"][data-theme-mode=\"light\"] {\n    --b3-theme-primary: red;\n}\n\nhtml[data-light-theme=\"daylight\"][data-theme-mode=\"dark\"] {\n    --b3-theme-primary: blue;\n}\n"
 								},
 								{
-									"Type": "NodeTextMark",
-									"TextMarkType": "kbd",
-									"TextMarkTextContent": "主题"
-								},
-								{
-									"Type": "NodeText",
-									"Data": " - "
-								},
-								{
-									"Type": "NodeTextMark",
-									"TextMarkType": "kbd",
-									"TextMarkTextContent": "打开主题文件夹"
-								},
-								{
-									"Type": "NodeText",
-									"Data": " "
+									"Type": "NodeCodeBlockFenceCloseMarker",
+									"Data": "```"
 								}
 							]
 						}
@@ -155,8 +183,8 @@
 					"ListData": {
 						"Typ": 1,
 						"Delimiter": 46,
-						"Marker": "My4=",
-						"Num": 3
+						"Marker": "NC4=",
+						"Num": 4
 					},
 					"Properties": {
 						"id": "20220806104553-x0zop0s",
@@ -168,21 +196,42 @@
 							"Type": "NodeParagraph",
 							"Properties": {
 								"id": "20220806104553-fnd0qjf",
-								"updated": "20220806104606"
+								"updated": "20230417141206"
 							},
 							"Children": [
 								{
 									"Type": "NodeText",
-									"Data": "修改对应的主题的 "
-								},
-								{
-									"Type": "NodeTextMark",
-									"TextMarkType": "kbd",
-									"TextMarkTextContent": "custom.css"
-								},
+									"Data": "开启该代码片段"
+								}
+							]
+						}
+					]
+				},
+				{
+					"ID": "20230417141206-1re3sk4",
+					"Type": "NodeListItem",
+					"ListData": {
+						"Typ": 1,
+						"Delimiter": 46,
+						"Marker": "NS4=",
+						"Num": 5
+					},
+					"Properties": {
+						"id": "20230417141206-1re3sk4",
+						"updated": "20230417141216"
+					},
+					"Children": [
+						{
+							"ID": "20230417141206-wv1436f",
+							"Type": "NodeParagraph",
+							"Properties": {
+								"id": "20230417141206-wv1436f",
+								"updated": "20230417141216"
+							},
+							"Children": [
 								{
 									"Type": "NodeText",
-									"Data": " 文件"
+									"Data": "点击确定按钮"
 								}
 							]
 						}
diff --git a/app/guide/20211226090932-5lcq56f/20211226115423-d5z1joq/20211226121109-f060fkg/20211226121326-v5kpxfp.sy b/app/guide/20211226090932-5lcq56f/20211226115423-d5z1joq/20211226121109-f060fkg/20211226121326-v5kpxfp.sy
index 3f5ed6ca8..8258b5f24 100644
--- a/app/guide/20211226090932-5lcq56f/20211226115423-d5z1joq/20211226121109-f060fkg/20211226121326-v5kpxfp.sy
+++ b/app/guide/20211226090932-5lcq56f/20211226115423-d5z1joq/20211226121109-f060fkg/20211226121326-v5kpxfp.sy
@@ -5,7 +5,7 @@
 	"Properties": {
 		"id": "20211226121326-v5kpxfp",
 		"title": "主题",
-		"updated": "20221114173638"
+		"updated": "20230417142023"
 	},
 	"Children": [
 		{
@@ -24,18 +24,18 @@
 			]
 		},
 		{
-			"ID": "20220806105512-xmsbhev",
+			"ID": "20230417141958-yemp12k",
 			"Type": "NodeList",
 			"ListData": {
 				"Typ": 1
 			},
 			"Properties": {
-				"id": "20220806105512-xmsbhev",
-				"updated": "20220806105512"
+				"id": "20230417141958-yemp12k",
+				"updated": "20230417142023"
 			},
 			"Children": [
 				{
-					"ID": "20220806105512-bo7bdu7",
+					"ID": "20230417141958-141fdej",
 					"Type": "NodeListItem",
 					"ListData": {
 						"Typ": 1,
@@ -44,21 +44,21 @@
 						"Num": 1
 					},
 					"Properties": {
-						"id": "20220806105512-bo7bdu7",
-						"updated": "20220806105512"
+						"id": "20230417141958-141fdej",
+						"updated": "20230417142023"
 					},
 					"Children": [
 						{
-							"ID": "20220806105512-0klhfcq",
+							"ID": "20230417141958-m3qhlu1",
 							"Type": "NodeParagraph",
 							"Properties": {
-								"id": "20220806105512-0klhfcq",
-								"updated": "20220806105512"
+								"id": "20230417141958-m3qhlu1",
+								"updated": "20230417142023"
 							},
 							"Children": [
 								{
 									"Type": "NodeText",
-									"Data": "前往 "
+									"Data": "打開  "
 								},
 								{
 									"Type": "NodeTextMark",
@@ -67,7 +67,7 @@
 								},
 								{
 									"Type": "NodeText",
-									"Data": " - "
+									"Data": "​ - "
 								},
 								{
 									"Type": "NodeTextMark",
@@ -76,19 +76,23 @@
 								},
 								{
 									"Type": "NodeText",
-									"Data": " 中開啟 "
+									"Data": "​，點擊 "
 								},
 								{
 									"Type": "NodeTextMark",
 									"TextMarkType": "kbd",
-									"TextMarkTextContent": "自定義當前主題"
+									"TextMarkTextContent": "代碼片段設置"
+								},
+								{
+									"Type": "NodeText",
+									"Data": "​，選中 CSS 頁簽"
 								}
 							]
 						}
 					]
 				},
 				{
-					"ID": "20220806105512-nl1ablk",
+					"ID": "20230417141958-slzg8hh",
 					"Type": "NodeListItem",
 					"ListData": {
 						"Typ": 1,
@@ -97,56 +101,28 @@
 						"Num": 2
 					},
 					"Properties": {
-						"id": "20220806105512-nl1ablk",
-						"updated": "20220806105512"
+						"id": "20230417141958-slzg8hh",
+						"updated": "20230417141958"
 					},
 					"Children": [
 						{
-							"ID": "20220806105512-n3a0b53",
+							"ID": "20230417141958-9xigs5p",
 							"Type": "NodeParagraph",
 							"Properties": {
-								"id": "20220806105512-n3a0b53",
-								"updated": "20220806105512"
+								"id": "20230417141958-9xigs5p",
+								"updated": "20230417141958"
 							},
 							"Children": [
-								{
-									"Type": "NodeTextMark",
-									"TextMarkType": "kbd",
-									"TextMarkTextContent": "設置"
-								},
 								{
 									"Type": "NodeText",
-									"Data": " - "
-								},
-								{
-									"Type": "NodeTextMark",
-									"TextMarkType": "kbd",
-									"TextMarkTextContent": "外觀"
-								},
-								{
-									"Type": "NodeText",
-									"Data": " - "
-								},
-								{
-									"Type": "NodeTextMark",
-									"TextMarkType": "kbd",
-									"TextMarkTextContent": "主題"
-								},
-								{
-									"Type": "NodeText",
-									"Data": " - "
-								},
-								{
-									"Type": "NodeTextMark",
-									"TextMarkType": "kbd",
-									"TextMarkTextContent": "打開主題文件夾"
+									"Data": "填入標題"
 								}
 							]
 						}
 					]
 				},
 				{
-					"ID": "20220806105512-kyevp1k",
+					"ID": "20230417141958-r7aflkw",
 					"Type": "NodeListItem",
 					"ListData": {
 						"Typ": 1,
@@ -155,30 +131,108 @@
 						"Num": 3
 					},
 					"Properties": {
-						"id": "20220806105512-kyevp1k",
-						"updated": "20220806105512"
+						"id": "20230417141958-r7aflkw",
+						"updated": "20230417141958"
 					},
 					"Children": [
 						{
-							"ID": "20220806105512-apqdwf7",
+							"ID": "20230417141958-oonruqo",
 							"Type": "NodeParagraph",
 							"Properties": {
-								"id": "20220806105512-apqdwf7",
-								"updated": "20220806105512"
+								"id": "20230417141958-oonruqo",
+								"updated": "20230417141958"
 							},
 							"Children": [
 								{
 									"Type": "NodeText",
-									"Data": "修改對應的主題的 "
+									"Data": "根據主題和 theme.css 中的變量參照如下寫法進行編碼後填入代碼片段中"
+								}
+							]
+						},
+						{
+							"ID": "20230417141958-fzl7p5c",
+							"Type": "NodeCodeBlock",
+							"IsFencedCodeBlock": true,
+							"Properties": {
+								"id": "20230417141958-fzl7p5c",
+								"updated": "20230417141958"
+							},
+							"Children": [
+								{
+									"Type": "NodeCodeBlockFenceOpenMarker",
+									"Data": "```"
 								},
 								{
-									"Type": "NodeTextMark",
-									"TextMarkType": "kbd",
-									"TextMarkTextContent": "custom.css"
+									"Type": "NodeCodeBlockFenceInfoMarker",
+									"CodeBlockInfo": "Y3Nz"
 								},
+								{
+									"Type": "NodeCodeBlockCode",
+									"Data": "html[data-light-theme=\"daylight\"][data-theme-mode=\"light\"] {\n    --b3-theme-primary: red;\n}\n\nhtml[data-light-theme=\"daylight\"][data-theme-mode=\"dark\"] {\n    --b3-theme-primary: blue;\n}\n"
+								},
+								{
+									"Type": "NodeCodeBlockFenceCloseMarker",
+									"Data": "```"
+								}
+							]
+						}
+					]
+				},
+				{
+					"ID": "20230417141958-lti6wgc",
+					"Type": "NodeListItem",
+					"ListData": {
+						"Typ": 1,
+						"Delimiter": 46,
+						"Marker": "NC4=",
+						"Num": 4
+					},
+					"Properties": {
+						"id": "20230417141958-lti6wgc",
+						"updated": "20230417141958"
+					},
+					"Children": [
+						{
+							"ID": "20230417141958-rit2pvw",
+							"Type": "NodeParagraph",
+							"Properties": {
+								"id": "20230417141958-rit2pvw",
+								"updated": "20230417141958"
+							},
+							"Children": [
 								{
 									"Type": "NodeText",
-									"Data": " 文件"
+									"Data": "開啟該代碼片段"
+								}
+							]
+						}
+					]
+				},
+				{
+					"ID": "20230417141958-088cu1s",
+					"Type": "NodeListItem",
+					"ListData": {
+						"Typ": 1,
+						"Delimiter": 46,
+						"Marker": "NS4=",
+						"Num": 5
+					},
+					"Properties": {
+						"id": "20230417141958-088cu1s",
+						"updated": "20230417141958"
+					},
+					"Children": [
+						{
+							"ID": "20230417141958-wjn3w7f",
+							"Type": "NodeParagraph",
+							"Properties": {
+								"id": "20230417141958-wjn3w7f",
+								"updated": "20230417141958"
+							},
+							"Children": [
+								{
+									"Type": "NodeText",
+									"Data": "點擊確定按鈕"
 								}
 							]
 						}