diff --git a/ts_web/00_commitinfo_data.ts b/ts_web/00_commitinfo_data.ts
new file mode 100644
index 0000000..db79441
--- /dev/null
+++ b/ts_web/00_commitinfo_data.ts
@@ -0,0 +1,8 @@
+/**
+ * autocreated commitinfo by @pushrocks/commitinfo
+ */
+export const commitinfo = {
+  name: '@designestate/dees-editor',
+  version: '1.0.68',
+  description: 'an advanced editor for markdown documents based on monaco.'
+}
diff --git a/ts_web/elements/dees-editor-ace.ts b/ts_web/elements/dees-editor-ace.ts
deleted file mode 100644
index 1a3c572..0000000
--- a/ts_web/elements/dees-editor-ace.ts
+++ /dev/null
@@ -1,82 +0,0 @@
-import { DeesElement, property, html, customElement, TemplateResult, css, cssManager } from '@designestate/dees-element';
-import * as domtools from '@designestate/dees-domtools';
-
-const deferred = domtools.plugins.smartpromise.defer();
-let aceDeferred: typeof deferred;
-
-import type * as monaco from 'monaco-editor';
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'dees-editor-ace': DeesEditorAce;
-  }
-}
-
-@customElement('dees-editor-ace')
-export class DeesEditorAce extends DeesElement {
-  public static demo = () => html`
-    <dees-editor-ace></dees-editor-ace>
-  `;
-
-  constructor() {
-    super();
-    domtools.DomTools.setupDomTools();
-  }
-
-  public static styles = [
-    domtools.elementBasic.staticStyles,
-    css`
-      :host {
-        
-      }
-
-      * {
-        box-sizing: border-box;
-      }
-
-      #container {
-        position: absolute;
-        height: 100%;
-        width: 100%;
-      }
-    `
-  ]
-
-  public render (): TemplateResult {
-    return html`
-      <div class="mainbox">
-        <div id="container"></div>
-      </div>
-    `;
-  }
-
-  public async firstUpdated (_changedProperties: Map<string | number | symbol, unknown>): Promise<void> {
-    super.firstUpdated(_changedProperties);
-    const container = this.shadowRoot.getElementById('container');
-    
-    /* if (!aceDeferred) {
-      aceDeferred = domtools.plugins.smartpromise.defer();
-      const scriptUrl = `https://cdn.jsdelivr.net/npm/monaco-editor/min/vs/loader.js`;
-      const script = document.createElement('script');
-      script.src = scriptUrl;
-      script.onload = () => {
-        aceDeferred.resolve();
-      }
-      document.head.appendChild(script);
-    }
-    await aceDeferred.promise;
-
-    (window as any).require.config({
-      paths: { vs: "https://cdn.jsdelivr.net/npm/monaco-editor/min/vs" }
-    });
-    (window as any).require([ "vs/editor/editor.main" ], function () {
-      const editor: monaco.editor.IStandaloneCodeEditor = (window as any).monaco.editor.create(container, {
-        value: "function hello() {\n\talert('Hello world!');\n}",
-        language: 'javascript',
-        theme: 'vs-dark',
-        useShadowDOM: true
-      });
-    }); */
-    
-  }
-}
diff --git a/ts_web/elements/dees-editor.ts b/ts_web/elements/dees-editor.ts
index d651ce4..40ff848 100644
--- a/ts_web/elements/dees-editor.ts
+++ b/ts_web/elements/dees-editor.ts
@@ -77,6 +77,9 @@ export class DeesEditor extends DeesElement {
         useShadowDOM: true
       });
     });
-    
+    const css = await (await fetch('https://cdn.jsdelivr.net/npm/monaco-editor/min/vs/editor/editor.main.css')).text();
+    const styleElement = document.createElement('style');
+    styleElement.textContent = css;
+    this.shadowRoot.append(styleElement);
   }
 }
\ No newline at end of file
diff --git a/ts_web/elements/index.ts b/ts_web/elements/index.ts
index a82ff1b..5a75bf9 100644
--- a/ts_web/elements/index.ts
+++ b/ts_web/elements/index.ts
@@ -1,3 +1,2 @@
 export * from './dees-editor.js';
-export * from './dees-editor-ace.js';
 export * from './dees-terminal.js';
\ No newline at end of file