diff --git a/src/components/CodeEditor.vue b/src/components/CodeEditor.vue
index 23b9b4bd..0cedb2fe 100644
--- a/src/components/CodeEditor.vue
+++ b/src/components/CodeEditor.vue
@@ -10,6 +10,12 @@ const model = defineModel<string | number>()
   <textarea
     v-model="model"
     w-full h-500px border="1 solid $bew-border-color" rounded="4px" p-2
-    outline-none
+    outline-none bg="$bew-fill-1"
   />
 </template>
+
+<style lang="scss" scoped>
+textarea {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
+}
+</style>
diff --git a/src/styles/main.scss b/src/styles/main.scss
index 2b51222e..ba9ac87f 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -5,6 +5,13 @@
   // outline-offset: 2px;
 }
 
+.dark {
+  input,
+  textarea {
+    color-scheme: dark;
+  }
+}
+
 ::-webkit-scrollbar {
   width: 6px;
   height: 6px;