fix(core): update

ts_web/elements/upl-statuspage-statusbar.ts

@@ -1,4 +1,4 @@
-import { DeesElement, property, html, customElement, TemplateResult } from '@designestate/dees-element';
+import { DeesElement, property, html, customElement, TemplateResult, cssManager, css } from '@designestate/dees-element';
 import * as domtools from '@designestate/dees-domtools';
 
 declare global {
@@ -13,21 +13,18 @@ export class UplStatuspageStatusbar extends DeesElement {
     <upl-statuspage-statusbar></upl-statuspage-statusbar>
   `;
 
-  
-
   constructor() {
     super();
   }
 
-  public render(): TemplateResult {
-    return html`
-      ${domtools.elementBasic.styles}
-      <style>
-        :host {
+  public static styles = [
+    cssManager.defaultStyles,
+    css`
+      :host {
           padding: 20px 0px 15px 0px;
           display: block;
-          background: #222222;
-          font-family: Roboto Mono;
+          background: ${cssManager.bdTheme('#eeeeeb', '#222222')};;
+          font-family: Inter;
           color: #fff;
         }
 
@@ -39,8 +36,12 @@ export class UplStatuspageStatusbar extends DeesElement {
           line-height: 50px;
           border-radius: 3px;
         }
+    `,
+  ]
 
-        
+  public render(): TemplateResult {
+    return html`
+      <style>
       </style>
       <div class="mainbox">
         Everything is working normally!