fix(core): update

ts/domtools.elementbasic.ts

@@ -1,8 +1,8 @@
 import * as plugins from './domtools.plugins';
 import { DomTools } from './domtools.classes.domtools';
-import { scrollBarStyles } from './domtools.css.theme';
+import { scrollBarStyles, globalBaseStyles } from './domtools.css.basestyles';
 
-import { html, LitElement, css, unsafeCSS } from 'lit-element';
+import { html, LitElement, css, unsafeCSS } from 'lit';
 
 export const staticStyles = css`
   * {
@@ -49,34 +49,7 @@ export const setup = async (elementArg?: LitElement): Promise<DomTools> => {
 
   domTools.runOnce('elementBasicSetup', async () => {
     // bodyStyles
-    domTools.setGlobalStyles(`
-      body {
-        margin: 0px;
-        font-family: 'Roboto', sans-serif;
-        box-sizing: border-box;
-      }
-    `);
-
-    // material font
-    domTools.setGlobalStyles(`
-      @font-face {
-        font-family: 'Material Icons';
-        font-style: normal;
-        font-weight: 400;
-        src: url(https://fonts.gstatic.com/s/materialicons/v42/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format('woff2');
-      }
-    `);
-
-    // Roboto Font
-    domTools.setGlobalStyles(`
-      @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400');
-      @import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@100;300;400');
-    `);
-
-    // scrollbars
-    domTools.setGlobalStyles(`
-      ${scrollBarStyles}
-    `);
+    domTools.setGlobalStyles(globalBaseStyles);
   });
   return domTools;
 };