diff --git a/ts/index.ts b/ts/index.ts
index 674b23c..11b0ca5 100644
--- a/ts/index.ts
+++ b/ts/index.ts
@@ -7,20 +7,32 @@ export {
   TemplateResult,
   internalProperty,
   css,
-  unsafeCSS
+  unsafeCSS,
 } from 'lit-element';
 
 export class DeesElement extends plugins.litElement.LitElement {
-  @plugins.litElement.property({type: Boolean})
+  @plugins.litElement.property({ type: Boolean })
   public goBright: boolean = false;
+
+  // domtools
   public domtoolsPromise = plugins.domtools.elementBasic.setup(this);
 
+  @plugins.litElement.property()
+  domtools?: plugins.domtools.DomTools;
+
   private themeSubscription: plugins.smartrx.rxjs.Subscription;
 
+  constructor() {
+    super();
+    this.domtoolsPromise.then((domtoolsArg) => {
+      this.domtools = domtoolsArg;
+    });
+  }
+
   public connectedCallback() {
     super.connectedCallback();
     this.domtoolsPromise.then(async (domtools) => {
-      this.themeSubscription = domtools.themeManager.themeObservable.subscribe(goBrightArg => {
+      this.themeSubscription = domtools.themeManager.themeObservable.subscribe((goBrightArg) => {
         this.goBright = goBrightArg;
       });
     });
@@ -32,4 +44,4 @@ export class DeesElement extends plugins.litElement.LitElement {
     this.themeSubscription.unsubscribe();
     this.dispatchEvent(new CustomEvent('deesElementDisconnected'));
   }
-}
\ No newline at end of file
+}