@innovastudio/contentbuilder 1.3.31 → 1.3.32

package/public/contentbuilder/themes/colored-yellow2.css

@@ -782,6 +782,20 @@
   box-shadow: rgba(249, 147, 15, 0.05) 0 0 16px 0px;
   background: #f7dfc0;
 }
+.colored #_cbhtml .is-side button,
+.colored .is-ui .is-side button {
+  color: #000;
+  background: rgba(255, 255, 255, 0.3);
+  box-shadow: 0px 3px 6px -6px rgba(0, 0, 0, 0.32);
+}
+.colored #_cbhtml .is-side button:hover,
+.colored .is-ui .is-side button:hover {
+  background: rgba(255, 255, 255, 0.3);
+}
+.colored #_cbhtml .is-side button.on,
+.colored .is-ui .is-side button.on {
+  background: rgba(248, 228, 201, 0.3);
+}
 .colored #_cbhtml .is-side svg,
 .colored .is-ui .is-side svg {
   fill: #000;

package/public/contentbuilder/themes/dark-blue.css

@@ -790,6 +790,20 @@
   box-shadow: rgba(63, 78, 201, 0.05) 0 0 16px 0px;
   background: #4251bd;
 }
+.dark #_cbhtml .is-side button,
+.dark .is-ui .is-side button {
+  color: #fafafa;
+  background: rgba(142, 151, 215, 0.49);
+  box-shadow: 0px 3px 6px -6px rgba(0, 0, 0, 0.32);
+}
+.dark #_cbhtml .is-side button:hover,
+.dark .is-ui .is-side button:hover {
+  background: rgba(145, 154, 217, 0.49);
+}
+.dark #_cbhtml .is-side button.on,
+.dark .is-ui .is-side button.on {
+  background: rgba(104, 116, 202, 0.49);
+}
 .dark #_cbhtml .is-side svg,
 .dark .is-ui .is-side svg {
   fill: #fafafa;

package/public/contentbuilder/themes/dark-blue2.css

@@ -790,6 +790,20 @@
   box-shadow: rgba(11, 77, 146, 0.05) 0 0 16px 0px;
   background: #0a4889;
 }
+.dark #_cbhtml .is-side button,
+.dark .is-ui .is-side button {
+  color: #fafafa;
+  background: rgba(17, 122, 232, 0.49);
+  box-shadow: 0px 3px 6px -6px rgba(0, 0, 0, 0.32);
+}
+.dark #_cbhtml .is-side button:hover,
+.dark .is-ui .is-side button:hover {
+  background: rgba(17, 124, 237, 0.49);
+}
+.dark #_cbhtml .is-side button.on,
+.dark .is-ui .is-side button.on {
+  background: rgba(13, 97, 185, 0.49);
+}
 .dark #_cbhtml .is-side svg,
 .dark .is-ui .is-side svg {
   fill: #fafafa;

package/public/contentbuilder/themes/dark-blue3.css

@@ -790,6 +790,20 @@
   box-shadow: rgba(0, 106, 221, 0.05) 0 0 16px 0px;
   background: #474c50;
 }
+.dark #_cbhtml .is-side button,
+.dark .is-ui .is-side button {
+  color: #fafafa;
+  background: rgba(119, 127, 134, 0.49);
+  box-shadow: 0px 3px 6px -6px rgba(0, 0, 0, 0.32);
+}
+.dark #_cbhtml .is-side button:hover,
+.dark .is-ui .is-side button:hover {
+  background: rgba(122, 130, 137, 0.49);
+}
+.dark #_cbhtml .is-side button.on,
+.dark .is-ui .is-side button.on {
+  background: rgba(95, 102, 107, 0.49);
+}
 .dark #_cbhtml .is-side svg,
 .dark .is-ui .is-side svg {
   fill: #fafafa;

package/public/contentbuilder/themes/dark-gray.css

@@ -790,6 +790,20 @@
   box-shadow: rgba(76, 76, 76, 0.05) 0 0 16px 0px;
   background: #4c4c4c;
 }
+.dark #_cbhtml .is-side button,
+.dark .is-ui .is-side button {
+  color: #fafafa;
+  background: rgba(127, 127, 127, 0.49);
+  box-shadow: 0px 3px 6px -6px rgba(0, 0, 0, 0.32);
+}
+.dark #_cbhtml .is-side button:hover,
+.dark .is-ui .is-side button:hover {
+  background: rgba(130, 130, 130, 0.49);
+}
+.dark #_cbhtml .is-side button.on,
+.dark .is-ui .is-side button.on {
+  background: rgba(102, 102, 102, 0.49);
+}
 .dark #_cbhtml .is-side svg,
 .dark .is-ui .is-side svg {
   fill: #fafafa;

package/public/contentbuilder/themes/dark-pink.css

@@ -790,6 +790,20 @@
   box-shadow: rgba(233, 47, 105, 0.05) 0 0 16px 0px;
   background: #484345;
 }
+.dark #_cbhtml .is-side button,
+.dark .is-ui .is-side button {
+  color: #fafafa;
+  background: rgba(125, 116, 120, 0.49);
+  box-shadow: 0px 3px 6px -6px rgba(0, 0, 0, 0.32);
+}
+.dark #_cbhtml .is-side button:hover,
+.dark .is-ui .is-side button:hover {
+  background: rgba(127, 119, 122, 0.49);
+}
+.dark #_cbhtml .is-side button.on,
+.dark .is-ui .is-side button.on {
+  background: rgba(98, 92, 94, 0.49);
+}
 .dark #_cbhtml .is-side svg,
 .dark .is-ui .is-side svg {
   fill: #fafafa;

package/public/contentbuilder/themes/dark-purple.css

@@ -790,6 +790,20 @@
   box-shadow: rgba(95, 62, 191, 0.05) 0 0 16px 0px;
   background: #5739b1;
 }
+.dark #_cbhtml .is-side button,
+.dark .is-ui .is-side button {
+  color: #fafafa;
+  background: rgba(146, 123, 213, 0.49);
+  box-shadow: 0px 3px 6px -6px rgba(0, 0, 0, 0.32);
+}
+.dark #_cbhtml .is-side button:hover,
+.dark .is-ui .is-side button:hover {
+  background: rgba(149, 127, 214, 0.49);
+}
+.dark #_cbhtml .is-side button.on,
+.dark .is-ui .is-side button.on {
+  background: rgba(114, 85, 200, 0.49);
+}
 .dark #_cbhtml .is-side svg,
 .dark .is-ui .is-side svg {
   fill: #fafafa;

package/public/contentbuilder/themes/dark-red.css

@@ -790,6 +790,20 @@
   box-shadow: rgba(237, 40, 40, 0.05) 0 0 16px 0px;
   background: #423f3f;
 }
+.dark #_cbhtml .is-side button,
+.dark .is-ui .is-side button {
+  color: #fafafa;
+  background: rgba(118, 113, 113, 0.49);
+  box-shadow: 0px 3px 6px -6px rgba(0, 0, 0, 0.32);
+}
+.dark #_cbhtml .is-side button:hover,
+.dark .is-ui .is-side button:hover {
+  background: rgba(121, 115, 115, 0.49);
+}
+.dark #_cbhtml .is-side button.on,
+.dark .is-ui .is-side button.on {
+  background: rgba(92, 88, 88, 0.49);
+}
 .dark #_cbhtml .is-side svg,
 .dark .is-ui .is-side svg {
   fill: #fafafa;

package/public/contentbuilder/themes/dark.css

@@ -790,6 +790,20 @@
   box-shadow: rgba(52, 52, 52, 0.05) 0 0 16px 0px;
   background: #343434;
 }
+.dark #_cbhtml .is-side button,
+.dark .is-ui .is-side button {
+  color: #fafafa;
+  background: rgba(103, 103, 103, 0.55);
+  box-shadow: 0px 3px 6px -6px rgba(0, 0, 0, 0.32);
+}
+.dark #_cbhtml .is-side button:hover,
+.dark .is-ui .is-side button:hover {
+  background: rgba(113, 113, 113, 0.55);
+}
+.dark #_cbhtml .is-side button.on,
+.dark .is-ui .is-side button.on {
+  background: rgba(78, 78, 78, 0.55);
+}
 .dark #_cbhtml .is-side svg,
 .dark .is-ui .is-side svg {
   fill: #fafafa;

package/public/contentbuilder/themes/light-blue.css

@@ -782,6 +782,20 @@
   box-shadow: rgba(219, 229, 245, 0.05) 0 0 16px 0px;
   background: #e3e9f3;
 }
+.light #_cbhtml .is-side button,
+.light .is-ui .is-side button {
+  color: #000;
+  background: rgba(255, 255, 255, 0.3);
+  box-shadow: 0px 3px 6px -6px rgba(0, 0, 0, 0.32);
+}
+.light #_cbhtml .is-side button:hover,
+.light .is-ui .is-side button:hover {
+  background: rgba(255, 255, 255, 0.3);
+}
+.light #_cbhtml .is-side button.on,
+.light .is-ui .is-side button.on {
+  background: rgba(234, 239, 246, 0.3);
+}
 .light #_cbhtml .is-side svg,
 .light .is-ui .is-side svg {
   fill: #000;

package/public/contentbuilder/themes/light-blue2.css

@@ -782,6 +782,20 @@
   box-shadow: rgba(199, 235, 253, 0.05) 0 0 16px 0px;
   background: #cfe8f5;
 }
+.light #_cbhtml .is-side button,
+.light .is-ui .is-side button {
+  color: #000;
+  background: rgba(255, 255, 255, 0.3);
+  box-shadow: 0px 3px 6px -6px rgba(0, 0, 0, 0.32);
+}
+.light #_cbhtml .is-side button:hover,
+.light .is-ui .is-side button:hover {
+  background: rgba(255, 255, 255, 0.3);
+}
+.light #_cbhtml .is-side button.on,
+.light .is-ui .is-side button.on {
+  background: rgba(215, 236, 247, 0.3);
+}
 .light #_cbhtml .is-side svg,
 .light .is-ui .is-side svg {
   fill: #000;

package/public/contentbuilder/themes/light-blue3.css

@@ -782,6 +782,20 @@
   box-shadow: rgba(197, 212, 255, 0.05) 0 0 16px 0px;
   background: #bfcdf7;
 }
+.light #_cbhtml .is-side button,
+.light .is-ui .is-side button {
+  color: #000;
+  background: rgba(255, 255, 255, 0.3);
+  box-shadow: 0px 3px 6px -6px rgba(0, 0, 0, 0.32);
+}
+.light #_cbhtml .is-side button:hover,
+.light .is-ui .is-side button:hover {
+  background: rgba(255, 255, 255, 0.3);
+}
+.light #_cbhtml .is-side button.on,
+.light .is-ui .is-side button.on {
+  background: rgba(200, 212, 248, 0.3);
+}
 .light #_cbhtml .is-side svg,
 .light .is-ui .is-side svg {
   fill: #000;

package/public/contentbuilder/themes/light-cyan.css

@@ -782,6 +782,20 @@
   box-shadow: rgba(215, 247, 241, 0.05) 0 0 16px 0px;
   background: #d4f1eb;
 }
+.light #_cbhtml .is-side button,
+.light .is-ui .is-side button {
+  color: #000;
+  background: rgba(255, 255, 255, 0.3);
+  box-shadow: 0px 3px 6px -6px rgba(0, 0, 0, 0.32);
+}
+.light #_cbhtml .is-side button:hover,
+.light .is-ui .is-side button:hover {
+  background: rgba(255, 255, 255, 0.3);
+}
+.light #_cbhtml .is-side button.on,
+.light .is-ui .is-side button.on {
+  background: rgba(220, 244, 239, 0.3);
+}
 .light #_cbhtml .is-side svg,
 .light .is-ui .is-side svg {
   fill: #000;

package/public/contentbuilder/themes/light-gray.css

@@ -782,6 +782,20 @@
   box-shadow: rgba(218, 218, 218, 0.05) 0 0 16px 0px;
   background: #cecece;
 }
+.light #_cbhtml .is-side button,
+.light .is-ui .is-side button {
+  color: #000;
+  background: rgba(255, 255, 255, 0.3);
+  box-shadow: 0px 3px 6px -6px rgba(0, 0, 0, 0.32);
+}
+.light #_cbhtml .is-side button:hover,
+.light .is-ui .is-side button:hover {
+  background: rgba(255, 255, 255, 0.3);
+}
+.light #_cbhtml .is-side button.on,
+.light .is-ui .is-side button.on {
+  background: rgba(211, 211, 211, 0.3);
+}
 .light #_cbhtml .is-side svg,
 .light .is-ui .is-side svg {
   fill: #000;

package/public/contentbuilder/themes/light-gray2.css

@@ -782,6 +782,20 @@
   box-shadow: rgba(239, 239, 239, 0.05) 0 0 16px 0px;
   background: #e3e3e3;
 }
+.light #_cbhtml .is-side button,
+.light .is-ui .is-side button {
+  color: #000;
+  background: rgba(255, 255, 255, 0.3);
+  box-shadow: 0px 3px 6px -6px rgba(0, 0, 0, 0.32);
+}
+.light #_cbhtml .is-side button:hover,
+.light .is-ui .is-side button:hover {
+  background: rgba(255, 255, 255, 0.3);
+}
+.light #_cbhtml .is-side button.on,
+.light .is-ui .is-side button.on {
+  background: rgba(232, 232, 232, 0.3);
+}
 .light #_cbhtml .is-side svg,
 .light .is-ui .is-side svg {
   fill: #000;

package/public/contentbuilder/themes/light-gray3.css

@@ -782,6 +782,20 @@
   box-shadow: rgba(250, 250, 250, 0.05) 0 0 16px 0px;
   background: #e3e3e3;
 }
+.light #_cbhtml .is-side button,
+.light .is-ui .is-side button {
+  color: #000;
+  background: rgba(255, 255, 255, 0.3);
+  box-shadow: 0px 3px 6px -6px rgba(0, 0, 0, 0.32);
+}
+.light #_cbhtml .is-side button:hover,
+.light .is-ui .is-side button:hover {
+  background: rgba(255, 255, 255, 0.3);
+}
+.light #_cbhtml .is-side button.on,
+.light .is-ui .is-side button.on {
+  background: rgba(232, 232, 232, 0.3);
+}
 .light #_cbhtml .is-side svg,
 .light .is-ui .is-side svg {
   fill: #000;

package/public/contentbuilder/themes/light-green.css

@@ -782,6 +782,20 @@
   box-shadow: rgba(221, 243, 220, 0.05) 0 0 16px 0px;
   background: #d9ead7;
 }
+.light #_cbhtml .is-side button,
+.light .is-ui .is-side button {
+  color: #000;
+  background: rgba(255, 255, 255, 0.3);
+  box-shadow: 0px 3px 6px -6px rgba(0, 0, 0, 0.32);
+}
+.light #_cbhtml .is-side button:hover,
+.light .is-ui .is-side button:hover {
+  background: rgba(255, 255, 255, 0.3);
+}
+.light #_cbhtml .is-side button.on,
+.light .is-ui .is-side button.on {
+  background: rgba(223, 238, 222, 0.3);
+}
 .light #_cbhtml .is-side svg,
 .light .is-ui .is-side svg {
   fill: #000;

package/public/contentbuilder/themes/light-pink.css

@@ -782,6 +782,20 @@
   box-shadow: rgba(255, 213, 242, 0.05) 0 0 16px 0px;
   background: #fbd6f0;
 }
+.light #_cbhtml .is-side button,
+.light .is-ui .is-side button {
+  color: #000;
+  background: rgba(255, 255, 255, 0.3);
+  box-shadow: 0px 3px 6px -6px rgba(0, 0, 0, 0.32);
+}
+.light #_cbhtml .is-side button:hover,
+.light .is-ui .is-side button:hover {
+  background: rgba(255, 255, 255, 0.3);
+}
+.light #_cbhtml .is-side button.on,
+.light .is-ui .is-side button.on {
+  background: rgba(252, 223, 243, 0.3);
+}
 .light #_cbhtml .is-side svg,
 .light .is-ui .is-side svg {
   fill: #000;

package/public/contentbuilder/themes/light-pink2.css

@@ -782,6 +782,20 @@
   box-shadow: rgba(255, 213, 242, 0.05) 0 0 16px 0px;
   background: #fbd6f0;
 }
+.light #_cbhtml .is-side button,
+.light .is-ui .is-side button {
+  color: #000;
+  background: rgba(255, 255, 255, 0.3);
+  box-shadow: 0px 3px 6px -6px rgba(0, 0, 0, 0.32);
+}
+.light #_cbhtml .is-side button:hover,
+.light .is-ui .is-side button:hover {
+  background: rgba(255, 255, 255, 0.3);
+}
+.light #_cbhtml .is-side button.on,
+.light .is-ui .is-side button.on {
+  background: rgba(252, 223, 243, 0.3);
+}
 .light #_cbhtml .is-side svg,
 .light .is-ui .is-side svg {
   fill: #000;

package/public/contentbuilder/themes/light-purple.css

@@ -782,6 +782,20 @@
   box-shadow: rgba(220, 218, 243, 0.05) 0 0 16px 0px;
   background: #e3e2f3;
 }
+.light #_cbhtml .is-side button,
+.light .is-ui .is-side button {
+  color: #000;
+  background: rgba(255, 255, 255, 0.3);
+  box-shadow: 0px 3px 6px -6px rgba(0, 0, 0, 0.32);
+}
+.light #_cbhtml .is-side button:hover,
+.light .is-ui .is-side button:hover {
+  background: rgba(255, 255, 255, 0.3);
+}
+.light #_cbhtml .is-side button.on,
+.light .is-ui .is-side button.on {
+  background: rgba(234, 233, 246, 0.3);
+}
 .light #_cbhtml .is-side svg,
 .light .is-ui .is-side svg {
   fill: #000;

package/public/contentbuilder/themes/light-purple2.css

@@ -782,6 +782,20 @@
   box-shadow: rgba(234, 218, 251, 0.05) 0 0 16px 0px;
   background: #e3d8ef;
 }
+.light #_cbhtml .is-side button,
+.light .is-ui .is-side button {
+  color: #000;
+  background: rgba(255, 255, 255, 0.3);
+  box-shadow: 0px 3px 6px -6px rgba(0, 0, 0, 0.32);
+}
+.light #_cbhtml .is-side button:hover,
+.light .is-ui .is-side button:hover {
+  background: rgba(255, 255, 255, 0.3);
+}
+.light #_cbhtml .is-side button.on,
+.light .is-ui .is-side button.on {
+  background: rgba(232, 223, 242, 0.3);
+}
 .light #_cbhtml .is-side svg,
 .light .is-ui .is-side svg {
   fill: #000;

package/public/contentbuilder/themes/light-red.css

@@ -782,6 +782,20 @@
   box-shadow: rgba(255, 226, 226, 0.05) 0 0 16px 0px;
   background: #fbe2e2;
 }
+.light #_cbhtml .is-side button,
+.light .is-ui .is-side button {
+  color: #000;
+  background: rgba(255, 255, 255, 0.3);
+  box-shadow: 0px 3px 6px -6px rgba(0, 0, 0, 0.32);
+}
+.light #_cbhtml .is-side button:hover,
+.light .is-ui .is-side button:hover {
+  background: rgba(255, 255, 255, 0.3);
+}
+.light #_cbhtml .is-side button.on,
+.light .is-ui .is-side button.on {
+  background: rgba(252, 235, 235, 0.3);
+}
 .light #_cbhtml .is-side svg,
 .light .is-ui .is-side svg {
   fill: #000;

package/public/contentbuilder/themes/light-yellow.css

@@ -782,6 +782,20 @@
   box-shadow: rgba(249, 244, 217, 0.05) 0 0 16px 0px;
   background: #f5f2df;
 }
+.light #_cbhtml .is-side button,
+.light .is-ui .is-side button {
+  color: #000;
+  background: rgba(255, 255, 255, 0.3);
+  box-shadow: 0px 3px 6px -6px rgba(0, 0, 0, 0.32);
+}
+.light #_cbhtml .is-side button:hover,
+.light .is-ui .is-side button:hover {
+  background: rgba(255, 255, 255, 0.3);
+}
+.light #_cbhtml .is-side button.on,
+.light .is-ui .is-side button.on {
+  background: rgba(247, 245, 231, 0.3);
+}
 .light #_cbhtml .is-side svg,
 .light .is-ui .is-side svg {
   fill: #000;

package/public/contentbuilder/themes/light-yellow2.css

@@ -782,6 +782,20 @@
   box-shadow: rgba(255, 239, 177, 0.05) 0 0 16px 0px;
   background: #f9ecb9;
 }
+.light #_cbhtml .is-side button,
+.light .is-ui .is-side button {
+  color: #000;
+  background: rgba(255, 255, 255, 0.3);
+  box-shadow: 0px 3px 6px -6px rgba(0, 0, 0, 0.32);
+}
+.light #_cbhtml .is-side button:hover,
+.light .is-ui .is-side button:hover {
+  background: rgba(255, 255, 255, 0.3);
+}
+.light #_cbhtml .is-side button.on,
+.light .is-ui .is-side button.on {
+  background: rgba(250, 239, 194, 0.3);
+}
 .light #_cbhtml .is-side svg,
 .light .is-ui .is-side svg {
   fill: #000;