1.0.160

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designestate/dees-catalog",
-  "version": "1.0.158",
+  "version": "1.0.160",
   "private": false,
   "description": "website for lossless.com",
   "main": "dist_ts_web/index.js",

ts_web/00_commitinfo_data.ts

@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@designestate/dees-catalog',
-  version: '1.0.158',
+  version: '1.0.160',
   description: 'website for lossless.com'
 }

ts_web/elements/dees-button.ts

@@ -87,7 +87,7 @@ export class DeesButton extends DeesElement {
         justify-content: center;
         align-items: center;
         background: ${cssManager.bdTheme('#fff', '#333')};
-        box-shadow: ${cssManager.bdTheme('0px 1px 4px rgba(0,0,0,0.3)', 'none')};
+        box-shadow: ${cssManager.bdTheme('0px 1px 3px rgba(0,0,0,0.3)', 'none')};
         border: 1px solid ${cssManager.bdTheme('#eee', '#333')};
         border-top: ${cssManager.bdTheme('1px solid #eee', '1px solid #444')};
         border-radius: 4px;

ts_web/elements/dees-dataview-statusobject.ts

@@ -63,7 +63,8 @@ export class DeesDataviewStatusobject extends DeesElement {
       .mainbox {
         max-width: 600px;
         border-radius: 3px;
-        background: #1b1b1b;
+        background: ${cssManager.bdTheme('#fff', '#1b1b1b')};
+        box-shadow: 0px 1px 3px #00000030;
         min-height: 48px;
         color: ${cssManager.bdTheme('#000', '#fff')};
       }
@@ -139,7 +140,7 @@ export class DeesDataviewStatusobject extends DeesElement {
     return html`
       <div class="mainbox">
         <div class="heading">
-          <div class="statusdot ${this.statusObject.combinedStatus}"></div>
+          <div class="statusdot ${this.statusObject?.combinedStatus}"></div>
           <h1>${this.statusObject?.name || 'no status object assigned'}</h1>
           <div class="copyMain">Copy as JSON</div>
         </div>