Merge branch 'dev' of https://git.peaceultime.com/peaceultime/obsidian-visualiser into dev

components/Editor.vue

@@ -208,4 +208,69 @@ defineExpose({ focus: () => editor.value?.focus() });
 
 <template>
     <div ref="editor" class="flex flex-1 w-full justify-stretch items-stretch py-2 px-1.5 font-sans text-base"></div>
-</template>
+</template>
+
+<style>
+.CodeMirror
+{
+    @apply bg-transparent;
+    @apply flex-1 h-full;
+    @apply font-sans;
+
+    @apply text-light-100 dark:text-dark-100;
+}
+.cancel-gutters .CodeMirror-gutters
+{
+    @apply hidden;
+}
+.CodeMirror-sizer
+{
+    @apply !px-3;
+}
+.cancel-gutters .CodeMirror-sizer
+{
+    @apply ms-2;
+}
+.CodeMirror-gutters
+{
+    @apply bg-transparent;
+    @apply border-transparent;
+}
+.CodeMirror-gutter-wrapper
+{
+    @apply absolute top-0 bottom-0;
+    @apply flex justify-center items-center;
+}
+.CodeMirror-foldmarker
+{
+    @apply text-light-100;
+    @apply dark:text-dark-100;
+    @apply ps-3;
+    text-shadow: none;
+}
+.hmd-inactive-line .cm-formatting-header, .hmd-inactive-line .cm-formatting-link, .hmd-inactive-line .cm-link-has-alias, .hmd-inactive-line .cm-link-alias-pipe
+{
+    @apply hidden;
+}
+.CodeMirror-line 
+{
+    @apply text-base;
+}
+.CodeMirror-cursor
+{
+    @apply border-light-100 dark:border-dark-100;
+}
+.CodeMirror-selected
+{
+    @apply bg-light-35 dark:bg-dark-35;
+}
+.HyperMD-list-line-1 {
+    @apply !ps-0;
+}
+.HyperMD-list-line-2 {
+    @apply !ps-6;
+}
+.HyperMD-list-line-3 {
+    @apply !ps-12;
+}
+</style>