1.0.13

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@designestate/dees-element",
-  "version": "1.0.11",
+  "version": "1.0.13",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designestate/dees-element",
-  "version": "1.0.11",
+  "version": "1.0.13",
   "private": false,
   "description": "a custom element class extending lit element class",
   "main": "dist_ts/index.js",

ts/dees-element.classes.cssmanager.ts

@@ -1,5 +1,6 @@
 import { CSSResult } from 'lit-element';
 import * as plugins from './dees-element.plugins';
+import * as domtools from '@designestate/dees-domtools';
 
 export interface IDbVarTriplet {
   cssVarName: string;
@@ -21,7 +22,9 @@ export class CssManager {
         darkValue: darkValueArg
       }
       this.dbVarTripletStore.push(newTriplet)
-      document.body.style.setProperty(newTriplet.cssVarName, newTriplet.darkValue);
+      document.onreadystatechange = () => {
+        document.body?.style?.setProperty(newTriplet.cssVarName, newTriplet.darkValue);
+      }
       return plugins.litElement.unsafeCSS(newTriplet.cssVarName);
     }
   }