fix(core): update

ts_web/elements/dees-updater.ts

@@ -4,6 +4,7 @@ import * as domtools from '@designestate/dees-domtools';
 
 
 import './dees-windowlayer';
+import { css, cssManager } from '@designestate/dees-element';
 
 declare global {
   interface HTMLElementTagNameMap {
@@ -26,18 +27,17 @@ export class DeesUpdater extends LitElement {
     domtools.elementBasic.setup();
   }
 
-  public render(): TemplateResult {
-    return html`
-      ${domtools.elementBasic.styles}
-      <style>
-        .modalContainer {
+  public static styles = [
+    cssManager.defaultStyles,
+    css`
+      .modalContainer {
           will-change: transform;
           position: relative;
-          background: #222;
+          background: ${cssManager.bdTheme('#eeeeeb', '#222')};
           margin: auto;
           max-width: 800px;
           border-radius: 3px;
-          border-top: 1px solid #333;
+          border-top: 1px solid ${cssManager.bdTheme('#eeeeeb', '#333')};
         }
 
         .headingContainer {
@@ -50,7 +50,7 @@ export class DeesUpdater extends LitElement {
         h1 {
           margin: none;
           font-size: 20px;
-          color: #fff;
+          color: ${cssManager.bdTheme('#333', '#fff')};
           margin-left: 20px;
           font-weight: normal;
         }
@@ -59,7 +59,11 @@ export class DeesUpdater extends LitElement {
           display: grid;
           grid-template-columns: 50% 50%;
         }
-      </style>
+    `
+  ]
+
+  public render(): TemplateResult {
+    return html`
       <dees-windowlayer @clicked="${this.windowLayerClicked}">
         <div class="modalContainer">
           <div class="headingContainer">