@innovastudio/contentbox 1.6.100 → 1.6.101

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbox",
   "type": "module",
-  "version": "1.6.100",
+  "version": "1.6.101",
   "description": "",
   "main": "public/contentbox/contentbox.esm.js",
   "types": "index.d.ts",
@@ -54,7 +54,7 @@
     "ws": "^8.13.0"
   },
   "dependencies": {
-    "@innovastudio/contentbuilder": "^1.5.96",
+    "@innovastudio/contentbuilder": "^1.5.97",
     "js-beautify": "^1.14.0",
     "sortablejs": "^1.15.2"
   }

package/public/contentbox/contentbox.esm.js

@@ -26507,67 +26507,21 @@ class Snippets {
                     outline: transparent 1px solid;
                 }
 
-                
-                        
                 /* Scrollbar for modal */
-
-                /* Darker color, because background for snippet thumbnails is always light. */
-                .dark * {
-                    scrollbar-width: thin;
-                    scrollbar-color: rgb(78 78 78 / 62%) auto;
-                }
-                .dark *::-webkit-scrollbar {
-                    width: 12px;
-                }
-                .dark *::-webkit-scrollbar-track {
-                    background: transparent;
+                .is-design-list {
+                    scrollbar-width: thin; 
+                    scrollbar-color: #aaa #f0f0f0;
                 }
-                .dark *::-webkit-scrollbar-thumb {
-                    background-color:rgb(78 78 78 / 62%);
-                } 
-
-                .colored-dark * {
+                .dark .is-design-list {
                     scrollbar-width: thin;
-                    scrollbar-color: rgb(100, 100, 100) auto;
-                }
-                .colored-dark *::-webkit-scrollbar {
-                    width: 12px;
-                }
-                .colored-dark *::-webkit-scrollbar-track {
-                    background: transparent;
+                    scrollbar-color: #696969 #a1a1a1;
+                    /* scrollbar-color: rgba(255, 255, 255, 0.3) rgb(80, 80, 80); */
                 }
-                .colored-dark *::-webkit-scrollbar-thumb {
-                    background-color:rgb(100, 100, 100);
-                } 
-
-                .colored * {
+                .colored-dark .is-design-list  {
                     scrollbar-width: thin;
-                    scrollbar-color: rgba(0, 0, 0, 0.4) auto;
-                }
-                .colored *::-webkit-scrollbar {
-                    width: 12px;
-                }
-                .colored *::-webkit-scrollbar-track {
-                    background: transparent;
+                    scrollbar-color: #7a7a7a #bebebe;
                 }
-                .colored *::-webkit-scrollbar-thumb {
-                    background-color: rgba(0, 0, 0, 0.4);
-                } 
 
-                .light * {
-                    scrollbar-width: thin;
-                    scrollbar-color: rgba(0, 0, 0, 0.4) auto;
-                }
-                .light *::-webkit-scrollbar {
-                    width: 12px;
-                }
-                .light *::-webkit-scrollbar-track {
-                    background: transparent;
-                }
-                .light *::-webkit-scrollbar-thumb {
-                    background-color: rgba(0, 0, 0, 0.4);
-                } 
-        
                 svg {
                     fill: ${this.builder.styleSnippetColor};
                 }
@@ -76415,6 +76369,12 @@ class Module {
     moduleModal.querySelector('div:not(.is-modal-overlay)').style.width = '90vw';
     moduleModal.querySelector('div:not(.is-modal-overlay)').style.maxWidth = w;
     moduleModal.querySelector('div:not(.is-modal-overlay)').style.height = h;
+    var themeLight = module.getAttribute('data-theme-light');
+    if (themeLight || modulename === 'form-builder') {
+      moduleModal.classList.add('theme-light');
+    } else {
+      moduleModal.classList.remove('theme-light');
+    }
     let btnClose = moduleModal.querySelector('.is-modal-close');
     dom.addEventListener(btnClose, 'click', () => {
       util.hideModal(moduleModal);