diff --git a/src/views/documents/Create.vue b/src/views/documents/Create.vue
index 80c09c4..0e5c18d 100644
--- a/src/views/documents/Create.vue
+++ b/src/views/documents/Create.vue
@@ -10,7 +10,7 @@
     ></v-text-field>
   </div>
 
-  <MdEditor v-model="createData.Content" />
+  <MdEditor :theme="theme == 'dark' ? 'dark' : 'light'" v-model="createData.Content" />
 
   <v-btn class="mt-3" color="primary" @click="createDocument">新建文档</v-btn>
 
@@ -65,6 +65,11 @@ import { MdEditor } from "md-editor-v3";
 import "md-editor-v3/lib/style.css";
 import router from "@/router/index"
 import { document } from "@/plugins/api";
+import { useTheme } from "vuetify/lib/framework.mjs";
+import { toRef } from "vue";
+
+// get current theme
+const theme = useTheme().name
 
 
 const created = ref(false)