fix(core): update

ts_web/elements/upl-statuspage-assetsselector.ts

@@ -4,6 +4,8 @@ import {
   html,
   customElement,
   TemplateResult,
+  cssManager,
+  css,
 } from '@designestate/dees-element';
 import * as domtools from '@designestate/dees-domtools';
 
@@ -25,15 +27,14 @@ export class UplStatuspageAssetsselector extends DeesElement {
     super();
   }
 
-  public render(): TemplateResult {
-    return html`
-      ${domtools.elementBasic.styles}
-      <style>
-        :host {
+  public static styles = [
+    cssManager.defaultStyles,
+    css`
+      :host {
           padding: 0px 0px 15px 0px;
           display: block;
-          background: #222222;
-          font-family: Roboto Mono;
+          background: ${cssManager.bdTheme('#eeeeeb', '#222222')};
+          font-family: Inter;
           color: #fff;
         }
 
@@ -43,8 +44,15 @@ export class UplStatuspageAssetsselector extends DeesElement {
           text-align: center;
           height: 50px;
           border-radius: 3px;
-          background: #404040;
+          background: ${cssManager.bdTheme('#ffffff', '#333333')};;
         }
+    `,
+  ]
+
+  public render(): TemplateResult {
+    return html`
+      <style>
+        
       </style>
       <uplinternal-miniheading>Monitored Assets</uplinternal-miniheading>
       <div class="mainbox">