added dark mode and margin changes

codeeditor-app/elements/code-editor/code-editor.ts

@@ -13,6 +13,7 @@ export class CodeEditor extends BaseElement {
 
         this.initWorkers();
 
+        const prefersDarkScheme = window.matchMedia("(prefers-color-scheme: dark)");
 
         var editor = monaco.editor.create(this, {
             value: this.input,
@@ -22,7 +23,8 @@ export class CodeEditor extends BaseElement {
             minimap: {
                 enabled: false
             },
-            autoIndent: "full"
+            autoIndent: "full",
+            theme: prefersDarkScheme.matches ? 'vs-dark' : 'vs-white'
         });
 
         monaco.languages.registerCompletionItemProvider("javascript", {