feat: add style & font

main.ts

@@ -30,7 +30,6 @@ export default class Dirtreeist extends Plugin {
 			(source, el, ctx) => {
 				const result = dirtreeist(source, this.settings);
 				const div = el.createEl("div");
-				div.style.whiteSpace = "pre";
 
 				div.innerText = result.reduce((prev, dirtree, index) => {
 					return prev + (index !== 0 ? "\n\n" : "") + dirtree;

styles.css

@@ -1,8 +1,9 @@
-/*
-
-This CSS file will be included with your plugin, and
-available in the app when your plugin is enabled.
-
-If your plugin does not need CSS, delete this file.
-
-*/
+.block-language-dirtree {
+	font-family: "MS ゴシック", Osaka-等幅, monospace;
+    word-spacing: normal;
+	white-space: pre;
+	color: var(--code-normal);
+	background-color: var(--code-background);
+	padding: var(--size-4-4);
+	font-size: var(--code-size);
+}