chore: tweak styles

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>

src/styles/main.scss

@@ -5,6 +5,13 @@
   // outline-offset: 2px;
 }
 
+.dark {
+  input,
+  textarea {
+    color-scheme: dark;
+  }
+}
+
 ::-webkit-scrollbar {
   width: 6px;
   height: 6px;