diff --git a/ts_web/00_commitinfo_data.ts b/ts_web/00_commitinfo_data.ts
index 7a6d719..58cc0d9 100644
--- a/ts_web/00_commitinfo_data.ts
+++ b/ts_web/00_commitinfo_data.ts
@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@designestate/dees-catalog',
-  version: '1.0.82',
+  version: '1.0.83',
   description: 'website for lossless.com'
 }
diff --git a/ts_web/elements/dees-speechbubble.ts b/ts_web/elements/dees-speechbubble.ts
index 2275491..69bb3cf 100644
--- a/ts_web/elements/dees-speechbubble.ts
+++ b/ts_web/elements/dees-speechbubble.ts
@@ -50,7 +50,7 @@ export class DeesSpeechbubble extends DeesElement {
         position: relative;
         display: block;
         box-sizing: border-box;
-        color: #fff;
+        color: ${cssManager.bdTheme('#333', '#fff')};
         cursor: pointer;
         user-select: none;
       }
@@ -61,7 +61,7 @@ export class DeesSpeechbubble extends DeesElement {
       .arrow {
         position: absolute;
         transform: rotate(45deg);
-        background: #333;
+        background: ${cssManager.bdTheme('#fff', '#333')};
         height: 20px;
         width: 20px;
         left: 5px;
@@ -70,7 +70,7 @@ export class DeesSpeechbubble extends DeesElement {
       }
 
       .maincontainer {
-        background: #333;
+        background: ${cssManager.bdTheme('#fff', '#333')};
         padding: 0px 10px;
         border-radius: 3px;
         position: absolute;