fix some styling issues

Author: mProjectsCode

exampleVault/index.md

@@ -1,3 +1,7 @@
+---
+test: hello
+---
+
 ```ts
 export class Parser<const SType extends STypeBase> {
 	public p: ParseFunction<SType>;
@@ -31,3 +35,23 @@ export class Parser<const SType extends STypeBase> {
 }
 ```
 
+```css
+input:is([data-task="式"], [data-task="式"] > *):checked::after {
+    content: "式";
+    color: transparent;
+    font-weight: 600;
+    text-align: center;
+    -webkit-mask-image: linear-gradient(black, white);
+    -webkit-mask-size: 100%;
+    -webkit-mask-clip: text;
+}
+input:is([data-task="字"], [data-task="字"] > *):checked::after {
+    content: "字";
+    color: transparent;
+    font-weight: 600;
+    text-align: center;
+    -webkit-mask-image: linear-gradient(black, white);
+    -webkit-mask-size: 100%;
+    -webkit-mask-clip: text;
+}
+```

styles.css

@@ -2,11 +2,21 @@ body {
 	--shiki-code-background: var(--code-background);
 	--shiki-code-normal: var(--code-normal);
 	--shiki-code-comment: var(--code-comment);
-	--shiki-code-function: var(--code-string);
+	--shiki-code-function: var(--color-green);
 	--shiki-code-important: var(--code-important);
 	--shiki-code-keyword: var(--code-keyword);
 	--shiki-code-property: var(--code-property);
 	--shiki-code-punctuation: var(--code-punctuation);
-	--shiki-code-string: var(--code-function);
+	--shiki-code-string: var(--color-yellow);
 	--shiki-code-value: var(--code-value);
 }
+
+/* Disable ligatures in code blocks, as they can cause incorrect highlighting */
+pre.shiki {
+	font-variant-ligatures: no-contextual;
+}
+
+/* Hide the frontmatter code block in reading view again */
+div.markdown-preview-view > div > div.mod-header + div > div {
+	display: none;
+}