@innovastudio/contentbuilder 1.3.30 → 1.3.32

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

@@ -782,6 +782,20 @@
   box-shadow: rgba(0, 136, 220, 0.05) 0 0 16px 0px;
   background: #d6d6d6;
 }
+.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(219, 219, 219, 0.3);
+}
 .colored #_cbhtml .is-side svg,
 .colored .is-ui .is-side svg {
   fill: #000;

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

@@ -782,6 +782,20 @@
   box-shadow: rgba(63, 78, 201, 0.05) 0 0 16px 0px;
   background: #bdc4ed;
 }
+.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(197, 203, 239, 0.3);
+}
 .colored #_cbhtml .is-side svg,
 .colored .is-ui .is-side svg {
   fill: #000;

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

@@ -782,6 +782,20 @@
   box-shadow: rgba(16, 185, 215, 0.05) 0 0 16px 0px;
   background: #d6ecf1;
 }
+.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(222, 240, 244, 0.3);
+}
 .colored #_cbhtml .is-side svg,
 .colored .is-ui .is-side svg {
   fill: #000;

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

@@ -782,6 +782,20 @@
   box-shadow: rgba(103, 121, 217, 0.05) 0 0 16px 0px;
   background: #e9ecf9;
 }
+.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(241, 243, 251, 0.3);
+}
 .colored #_cbhtml .is-side svg,
 .colored .is-ui .is-side svg {
   fill: #000;

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

@@ -782,6 +782,20 @@
   box-shadow: rgba(0, 106, 221, 0.05) 0 0 16px 0px;
   background: #bcd8f7;
 }
+.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(197, 221, 248, 0.3);
+}
 .colored #_cbhtml .is-side svg,
 .colored .is-ui .is-side svg {
   fill: #000;

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

@@ -782,6 +782,20 @@
   box-shadow: rgba(0, 106, 221, 0.05) 0 0 16px 0px;
   background: #d0d3d7;
 }
+.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(214, 216, 220, 0.3);
+}
 .colored #_cbhtml .is-side svg,
 .colored .is-ui .is-side svg {
   fill: #000;

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

@@ -782,6 +782,20 @@
   box-shadow: rgba(85, 122, 233, 0.05) 0 0 16px 0px;
   background: #e3e3e3;
 }
+.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(232, 232, 232, 0.3);
+}
 .colored #_cbhtml .is-side svg,
 .colored .is-ui .is-side svg {
   fill: #000;

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

@@ -782,6 +782,20 @@
   box-shadow: rgba(0, 106, 221, 0.05) 0 0 16px 0px;
   background: #e3e3e3;
 }
+.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(232, 232, 232, 0.3);
+}
 .colored #_cbhtml .is-side svg,
 .colored .is-ui .is-side svg {
   fill: #000;

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

@@ -782,6 +782,20 @@
   box-shadow: rgba(11, 77, 146, 0.05) 0 0 16px 0px;
   background: #d2d4d8;
 }
+.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(215, 217, 221, 0.3);
+}
 .colored #_cbhtml .is-side svg,
 .colored .is-ui .is-side svg {
   fill: #000;

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

@@ -782,6 +782,20 @@
   box-shadow: rgba(100, 100, 100, 0.05) 0 0 16px 0px;
   background: #dddddd;
 }
+.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(226, 226, 226, 0.3);
+}
 .colored #_cbhtml .is-side svg,
 .colored .is-ui .is-side svg {
   fill: #000;

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

@@ -782,6 +782,20 @@
   box-shadow: rgba(150, 175, 22, 0.05) 0 0 16px 0px;
   background: #d5d6d3;
 }
+.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(218, 219, 216, 0.3);
+}
 .colored #_cbhtml .is-side svg,
 .colored .is-ui .is-side svg {
   fill: #000;

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

@@ -782,6 +782,20 @@
   box-shadow: rgba(54, 183, 65, 0.05) 0 0 16px 0px;
   background: #c1e7c5;
 }
+.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(200, 234, 204, 0.3);
+}
 .colored #_cbhtml .is-side svg,
 .colored .is-ui .is-side svg {
   fill: #000;

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

@@ -782,6 +782,20 @@
   box-shadow: rgba(0, 193, 124, 0.05) 0 0 16px 0px;
   background: #dbe7e3;
 }
+.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(225, 235, 232, 0.3);
+}
 .colored #_cbhtml .is-side svg,
 .colored .is-ui .is-side svg {
   fill: #000;

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

@@ -782,6 +782,20 @@
   box-shadow: rgba(19, 179, 75, 0.05) 0 0 16px 0px;
   background: #d5d6d3;
 }
+.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(218, 219, 216, 0.3);
+}
 .colored #_cbhtml .is-side svg,
 .colored .is-ui .is-side svg {
   fill: #000;

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

@@ -782,6 +782,20 @@
   box-shadow: rgba(0, 183, 116, 0.05) 0 0 16px 0px;
   background: #e3e3e3;
 }
+.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(232, 232, 232, 0.3);
+}
 .colored #_cbhtml .is-side svg,
 .colored .is-ui .is-side svg {
   fill: #000;

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

@@ -782,6 +782,20 @@
   box-shadow: rgba(185, 46, 166, 0.05) 0 0 16px 0px;
   background: #d6d1d4;
 }
+.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(219, 214, 217, 0.3);
+}
 .colored #_cbhtml .is-side svg,
 .colored .is-ui .is-side svg {
   fill: #000;

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

@@ -782,6 +782,20 @@
   box-shadow: rgba(243, 82, 43, 0.05) 0 0 16px 0px;
   background: #d8d3d0;
 }
+.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(221, 216, 214, 0.3);
+}
 .colored #_cbhtml .is-side svg,
 .colored .is-ui .is-side svg {
   fill: #000;

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

@@ -782,6 +782,20 @@
   box-shadow: rgba(255, 109, 19, 0.05) 0 0 16px 0px;
   background: #ffeadc;
 }
+.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(255, 240, 230, 0.3);
+}
 .colored #_cbhtml .is-side svg,
 .colored .is-ui .is-side svg {
   fill: #000;

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

@@ -782,6 +782,20 @@
   box-shadow: rgba(255, 119, 35, 0.05) 0 0 16px 0px;
   background: #e3e3e3;
 }
+.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(232, 232, 232, 0.3);
+}
 .colored #_cbhtml .is-side svg,
 .colored .is-ui .is-side svg {
   fill: #000;

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

@@ -782,6 +782,20 @@
   box-shadow: rgba(231, 49, 113, 0.05) 0 0 16px 0px;
   background: #dcd8da;
 }
+.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(225, 221, 223, 0.3);
+}
 .colored #_cbhtml .is-side svg,
 .colored .is-ui .is-side svg {
   fill: #000;

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

@@ -782,6 +782,20 @@
   box-shadow: rgba(251, 50, 121, 0.05) 0 0 16px 0px;
   background: #f9d4e1;
 }
+.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(250, 221, 231, 0.3);
+}
 .colored #_cbhtml .is-side svg,
 .colored .is-ui .is-side svg {
   fill: #000;

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

@@ -782,6 +782,20 @@
   box-shadow: rgba(233, 47, 148, 0.05) 0 0 16px 0px;
   background: #f1cde1;
 }
+.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(243, 213, 230, 0.3);
+}
 .colored #_cbhtml .is-side svg,
 .colored .is-ui .is-side svg {
   fill: #000;

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

@@ -782,6 +782,20 @@
   box-shadow: rgba(251, 50, 121, 0.05) 0 0 16px 0px;
   background: #e3e3e3;
 }
+.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(232, 232, 232, 0.3);
+}
 .colored #_cbhtml .is-side svg,
 .colored .is-ui .is-side svg {
   fill: #000;

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

@@ -782,6 +782,20 @@
   box-shadow: rgba(120, 46, 197, 0.05) 0 0 16px 0px;
   background: #dcdade;
 }
+.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(225, 223, 227, 0.3);
+}
 .colored #_cbhtml .is-side svg,
 .colored .is-ui .is-side svg {
   fill: #000;

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

@@ -782,6 +782,20 @@
   box-shadow: rgba(167, 97, 217, 0.05) 0 0 16px 0px;
   background: #e5d7ef;
 }
+.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(234, 222, 242, 0.3);
+}
 .colored #_cbhtml .is-side svg,
 .colored .is-ui .is-side svg {
   fill: #000;

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

@@ -782,6 +782,20 @@
   box-shadow: rgba(237, 40, 40, 0.05) 0 0 16px 0px;
   background: #d8d3d3;
 }
+.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(221, 216, 216, 0.3);
+}
 .colored #_cbhtml .is-side svg,
 .colored .is-ui .is-side svg {
   fill: #000;

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

@@ -782,6 +782,20 @@
   box-shadow: rgba(241, 53, 53, 0.05) 0 0 16px 0px;
   background: #f9dede;
 }
+.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(251, 231, 231, 0.3);
+}
 .colored #_cbhtml .is-side svg,
 .colored .is-ui .is-side svg {
   fill: #000;

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

@@ -782,6 +782,20 @@
   box-shadow: rgba(243, 82, 43, 0.05) 0 0 16px 0px;
   background: #ffd7cd;
 }
+.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(255, 223, 215, 0.3);
+}
 .colored #_cbhtml .is-side svg,
 .colored .is-ui .is-side svg {
   fill: #000;

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

@@ -782,6 +782,20 @@
   box-shadow: rgba(241, 53, 53, 0.05) 0 0 16px 0px;
   background: #e3e3e3;
 }
+.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(232, 232, 232, 0.3);
+}
 .colored #_cbhtml .is-side svg,
 .colored .is-ui .is-side svg {
   fill: #000;

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

@@ -782,6 +782,20 @@
   box-shadow: rgba(255, 87, 34, 0.05) 0 0 16px 0px;
   background: #e3e3e3;
 }
+.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(232, 232, 232, 0.3);
+}
 .colored #_cbhtml .is-side svg,
 .colored .is-ui .is-side svg {
   fill: #000;

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

@@ -782,6 +782,20 @@
   box-shadow: rgba(249, 147, 15, 0.05) 0 0 16px 0px;
   background: #d4d1ca;
 }
+.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(217, 214, 208, 0.3);
+}
 .colored #_cbhtml .is-side svg,
 .colored .is-ui .is-side svg {
   fill: #000;