@innovastudio/contentbuilder 1.0.78 → 1.0.82

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

@@ -31,6 +31,10 @@
 .dark .moveable-control {
   background: #2196f3 !important;
 }
+.dark #_cbhtml,
+.dark .is-ui {
+  /*  general use */
+}
 .dark #_cbhtml .style-helper,
 .dark .is-ui .style-helper {
   background: #ed2828;
@@ -210,6 +214,40 @@
 .dark .is-ui .is-pop-tabs > div.active {
   background: transparent;
 }
+.dark #_cbhtml .is-general-options,
+.dark .is-ui .is-general-options {
+  color: #fff;
+  background: #ed2828;
+}
+.dark #_cbhtml .is-general-options button,
+.dark #_cbhtml .is-general-options div[role=button],
+.dark .is-ui .is-general-options button,
+.dark .is-ui .is-general-options div[role=button] {
+  background-color: transparent;
+  color: rgba(255, 255, 255, 0.95);
+  width: 45px;
+  height: 40px;
+  margin: 0;
+  box-shadow: none;
+}
+.dark #_cbhtml .is-general-options button.on,
+.dark #_cbhtml .is-general-options div[role=button].on,
+.dark .is-ui .is-general-options button.on,
+.dark .is-ui .is-general-options div[role=button].on {
+  background: #ee3636;
+}
+.dark #_cbhtml .is-general-options button:hover,
+.dark #_cbhtml .is-general-options div[role=button]:hover,
+.dark .is-ui .is-general-options button:hover,
+.dark .is-ui .is-general-options div[role=button]:hover {
+  background: #ef3b3b !important;
+}
+.dark #_cbhtml .is-general-options button svg,
+.dark #_cbhtml .is-general-options div[role=button] svg,
+.dark .is-ui .is-general-options button svg,
+.dark .is-ui .is-general-options div[role=button] svg {
+  fill: rgba(255, 255, 255, 0.95);
+}
 .dark #_cbhtml .is-rte-tool,
 .dark #_cbhtml .is-elementrte-tool,
 .dark #_cbhtml .is-rte-pop.rte-more-options,

package/public/contentbuilder/themes/dark.css

@@ -31,6 +31,10 @@
 .dark .moveable-control {
   background: #2196f3 !important;
 }
+.dark #_cbhtml,
+.dark .is-ui {
+  /*  general use */
+}
 .dark #_cbhtml .style-helper,
 .dark .is-ui .style-helper {
   background: #343434;
@@ -210,6 +214,40 @@
 .dark .is-ui .is-pop-tabs > div.active {
   background: transparent;
 }
+.dark #_cbhtml .is-general-options,
+.dark .is-ui .is-general-options {
+  color: #fafafa;
+  background: #343434;
+}
+.dark #_cbhtml .is-general-options button,
+.dark #_cbhtml .is-general-options div[role=button],
+.dark .is-ui .is-general-options button,
+.dark .is-ui .is-general-options div[role=button] {
+  background-color: transparent;
+  color: rgba(250, 250, 250, 0.95);
+  width: 45px;
+  height: 40px;
+  margin: 0;
+  box-shadow: none;
+}
+.dark #_cbhtml .is-general-options button.on,
+.dark #_cbhtml .is-general-options div[role=button].on,
+.dark .is-ui .is-general-options button.on,
+.dark .is-ui .is-general-options div[role=button].on {
+  background: #535353;
+}
+.dark #_cbhtml .is-general-options button:hover,
+.dark #_cbhtml .is-general-options div[role=button]:hover,
+.dark .is-ui .is-general-options button:hover,
+.dark .is-ui .is-general-options div[role=button]:hover {
+  background: #535353 !important;
+}
+.dark #_cbhtml .is-general-options button svg,
+.dark #_cbhtml .is-general-options div[role=button] svg,
+.dark .is-ui .is-general-options button svg,
+.dark .is-ui .is-general-options div[role=button] svg {
+  fill: rgba(250, 250, 250, 0.95);
+}
 .dark #_cbhtml .is-rte-tool,
 .dark #_cbhtml .is-elementrte-tool,
 .dark #_cbhtml .is-rte-pop.rte-more-options,

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

@@ -31,6 +31,10 @@
 .light .moveable-control {
   background: #2196f3 !important;
 }
+.light #_cbhtml,
+.light .is-ui {
+  /*  general use */
+}
 .light #_cbhtml .style-helper,
 .light .is-ui .style-helper {
   background: #dbe5f5;
@@ -210,6 +214,40 @@
 .light .is-ui .is-pop-tabs > div.active {
   background: transparent;
 }
+.light #_cbhtml .is-general-options,
+.light .is-ui .is-general-options {
+  color: #000;
+  background: #dbe5f5;
+}
+.light #_cbhtml .is-general-options button,
+.light #_cbhtml .is-general-options div[role=button],
+.light .is-ui .is-general-options button,
+.light .is-ui .is-general-options div[role=button] {
+  background-color: transparent;
+  color: rgba(0, 0, 0, 0.95);
+  width: 45px;
+  height: 40px;
+  margin: 0;
+  box-shadow: none;
+}
+.light #_cbhtml .is-general-options button.on,
+.light #_cbhtml .is-general-options div[role=button].on,
+.light .is-ui .is-general-options button.on,
+.light .is-ui .is-general-options div[role=button].on {
+  background: #cfdcf2;
+}
+.light #_cbhtml .is-general-options button:hover,
+.light #_cbhtml .is-general-options div[role=button]:hover,
+.light .is-ui .is-general-options button:hover,
+.light .is-ui .is-general-options div[role=button]:hover {
+  background: #cbd9f1 !important;
+}
+.light #_cbhtml .is-general-options button svg,
+.light #_cbhtml .is-general-options div[role=button] svg,
+.light .is-ui .is-general-options button svg,
+.light .is-ui .is-general-options div[role=button] svg {
+  fill: rgba(0, 0, 0, 0.95);
+}
 .light #_cbhtml .is-rte-tool,
 .light #_cbhtml .is-elementrte-tool,
 .light #_cbhtml .is-rte-pop.rte-more-options,

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

@@ -31,6 +31,10 @@
 .light .moveable-control {
   background: #2196f3 !important;
 }
+.light #_cbhtml,
+.light .is-ui {
+  /*  general use */
+}
 .light #_cbhtml .style-helper,
 .light .is-ui .style-helper {
   background: #c7ebfd;
@@ -210,6 +214,40 @@
 .light .is-ui .is-pop-tabs > div.active {
   background: transparent;
 }
+.light #_cbhtml .is-general-options,
+.light .is-ui .is-general-options {
+  color: #000;
+  background: #c7ebfd;
+}
+.light #_cbhtml .is-general-options button,
+.light #_cbhtml .is-general-options div[role=button],
+.light .is-ui .is-general-options button,
+.light .is-ui .is-general-options div[role=button] {
+  background-color: transparent;
+  color: rgba(0, 0, 0, 0.95);
+  width: 45px;
+  height: 40px;
+  margin: 0;
+  box-shadow: none;
+}
+.light #_cbhtml .is-general-options button.on,
+.light #_cbhtml .is-general-options div[role=button].on,
+.light .is-ui .is-general-options button.on,
+.light .is-ui .is-general-options div[role=button].on {
+  background: #b8e6fc;
+}
+.light #_cbhtml .is-general-options button:hover,
+.light #_cbhtml .is-general-options div[role=button]:hover,
+.light .is-ui .is-general-options button:hover,
+.light .is-ui .is-general-options div[role=button]:hover {
+  background: #b3e4fc !important;
+}
+.light #_cbhtml .is-general-options button svg,
+.light #_cbhtml .is-general-options div[role=button] svg,
+.light .is-ui .is-general-options button svg,
+.light .is-ui .is-general-options div[role=button] svg {
+  fill: rgba(0, 0, 0, 0.95);
+}
 .light #_cbhtml .is-rte-tool,
 .light #_cbhtml .is-elementrte-tool,
 .light #_cbhtml .is-rte-pop.rte-more-options,

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

@@ -31,6 +31,10 @@
 .light .moveable-control {
   background: #2196f3 !important;
 }
+.light #_cbhtml,
+.light .is-ui {
+  /*  general use */
+}
 .light #_cbhtml .style-helper,
 .light .is-ui .style-helper {
   background: #c5d4ff;
@@ -210,6 +214,40 @@
 .light .is-ui .is-pop-tabs > div.active {
   background: transparent;
 }
+.light #_cbhtml .is-general-options,
+.light .is-ui .is-general-options {
+  color: #000;
+  background: #c5d4ff;
+}
+.light #_cbhtml .is-general-options button,
+.light #_cbhtml .is-general-options div[role=button],
+.light .is-ui .is-general-options button,
+.light .is-ui .is-general-options div[role=button] {
+  background-color: transparent;
+  color: rgba(0, 0, 0, 0.95);
+  width: 45px;
+  height: 40px;
+  margin: 0;
+  box-shadow: none;
+}
+.light #_cbhtml .is-general-options button.on,
+.light #_cbhtml .is-general-options div[role=button].on,
+.light .is-ui .is-general-options button.on,
+.light .is-ui .is-general-options div[role=button].on {
+  background: #b6c9ff;
+}
+.light #_cbhtml .is-general-options button:hover,
+.light #_cbhtml .is-general-options div[role=button]:hover,
+.light .is-ui .is-general-options button:hover,
+.light .is-ui .is-general-options div[role=button]:hover {
+  background: #b1c5ff !important;
+}
+.light #_cbhtml .is-general-options button svg,
+.light #_cbhtml .is-general-options div[role=button] svg,
+.light .is-ui .is-general-options button svg,
+.light .is-ui .is-general-options div[role=button] svg {
+  fill: rgba(0, 0, 0, 0.95);
+}
 .light #_cbhtml .is-rte-tool,
 .light #_cbhtml .is-elementrte-tool,
 .light #_cbhtml .is-rte-pop.rte-more-options,

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

@@ -31,6 +31,10 @@
 .light .moveable-control {
   background: #2196f3 !important;
 }
+.light #_cbhtml,
+.light .is-ui {
+  /*  general use */
+}
 .light #_cbhtml .style-helper,
 .light .is-ui .style-helper {
   background: #d7f7f1;
@@ -210,6 +214,40 @@
 .light .is-ui .is-pop-tabs > div.active {
   background: transparent;
 }
+.light #_cbhtml .is-general-options,
+.light .is-ui .is-general-options {
+  color: #000;
+  background: #d7f7f1;
+}
+.light #_cbhtml .is-general-options button,
+.light #_cbhtml .is-general-options div[role=button],
+.light .is-ui .is-general-options button,
+.light .is-ui .is-general-options div[role=button] {
+  background-color: transparent;
+  color: rgba(0, 0, 0, 0.95);
+  width: 45px;
+  height: 40px;
+  margin: 0;
+  box-shadow: none;
+}
+.light #_cbhtml .is-general-options button.on,
+.light #_cbhtml .is-general-options div[role=button].on,
+.light .is-ui .is-general-options button.on,
+.light .is-ui .is-general-options div[role=button].on {
+  background: #caf4ed;
+}
+.light #_cbhtml .is-general-options button:hover,
+.light #_cbhtml .is-general-options div[role=button]:hover,
+.light .is-ui .is-general-options button:hover,
+.light .is-ui .is-general-options div[role=button]:hover {
+  background: #c6f4eb !important;
+}
+.light #_cbhtml .is-general-options button svg,
+.light #_cbhtml .is-general-options div[role=button] svg,
+.light .is-ui .is-general-options button svg,
+.light .is-ui .is-general-options div[role=button] svg {
+  fill: rgba(0, 0, 0, 0.95);
+}
 .light #_cbhtml .is-rte-tool,
 .light #_cbhtml .is-elementrte-tool,
 .light #_cbhtml .is-rte-pop.rte-more-options,

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

@@ -31,6 +31,10 @@
 .light .moveable-control {
   background: #2196f3 !important;
 }
+.light #_cbhtml,
+.light .is-ui {
+  /*  general use */
+}
 .light #_cbhtml .style-helper,
 .light .is-ui .style-helper {
   background: #dadada;
@@ -210,6 +214,40 @@
 .light .is-ui .is-pop-tabs > div.active {
   background: transparent;
 }
+.light #_cbhtml .is-general-options,
+.light .is-ui .is-general-options {
+  color: #000;
+  background: #dadada;
+}
+.light #_cbhtml .is-general-options button,
+.light #_cbhtml .is-general-options div[role=button],
+.light .is-ui .is-general-options button,
+.light .is-ui .is-general-options div[role=button] {
+  background-color: transparent;
+  color: rgba(0, 0, 0, 0.95);
+  width: 45px;
+  height: 40px;
+  margin: 0;
+  box-shadow: none;
+}
+.light #_cbhtml .is-general-options button.on,
+.light #_cbhtml .is-general-options div[role=button].on,
+.light .is-ui .is-general-options button.on,
+.light .is-ui .is-general-options div[role=button].on {
+  background: #d2d2d2;
+}
+.light #_cbhtml .is-general-options button:hover,
+.light #_cbhtml .is-general-options div[role=button]:hover,
+.light .is-ui .is-general-options button:hover,
+.light .is-ui .is-general-options div[role=button]:hover {
+  background: #d0d0d0 !important;
+}
+.light #_cbhtml .is-general-options button svg,
+.light #_cbhtml .is-general-options div[role=button] svg,
+.light .is-ui .is-general-options button svg,
+.light .is-ui .is-general-options div[role=button] svg {
+  fill: rgba(0, 0, 0, 0.95);
+}
 .light #_cbhtml .is-rte-tool,
 .light #_cbhtml .is-elementrte-tool,
 .light #_cbhtml .is-rte-pop.rte-more-options,

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

@@ -31,6 +31,10 @@
 .light .moveable-control {
   background: #2196f3 !important;
 }
+.light #_cbhtml,
+.light .is-ui {
+  /*  general use */
+}
 .light #_cbhtml .style-helper,
 .light .is-ui .style-helper {
   background: #efefef;
@@ -210,6 +214,40 @@
 .light .is-ui .is-pop-tabs > div.active {
   background: transparent;
 }
+.light #_cbhtml .is-general-options,
+.light .is-ui .is-general-options {
+  color: #000;
+  background: #efefef;
+}
+.light #_cbhtml .is-general-options button,
+.light #_cbhtml .is-general-options div[role=button],
+.light .is-ui .is-general-options button,
+.light .is-ui .is-general-options div[role=button] {
+  background-color: transparent;
+  color: rgba(0, 0, 0, 0.95);
+  width: 45px;
+  height: 40px;
+  margin: 0;
+  box-shadow: none;
+}
+.light #_cbhtml .is-general-options button.on,
+.light #_cbhtml .is-general-options div[role=button].on,
+.light .is-ui .is-general-options button.on,
+.light .is-ui .is-general-options div[role=button].on {
+  background: #e7e7e7;
+}
+.light #_cbhtml .is-general-options button:hover,
+.light #_cbhtml .is-general-options div[role=button]:hover,
+.light .is-ui .is-general-options button:hover,
+.light .is-ui .is-general-options div[role=button]:hover {
+  background: #e5e5e5 !important;
+}
+.light #_cbhtml .is-general-options button svg,
+.light #_cbhtml .is-general-options div[role=button] svg,
+.light .is-ui .is-general-options button svg,
+.light .is-ui .is-general-options div[role=button] svg {
+  fill: rgba(0, 0, 0, 0.95);
+}
 .light #_cbhtml .is-rte-tool,
 .light #_cbhtml .is-elementrte-tool,
 .light #_cbhtml .is-rte-pop.rte-more-options,

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

@@ -31,6 +31,10 @@
 .light .moveable-control {
   background: #2196f3 !important;
 }
+.light #_cbhtml,
+.light .is-ui {
+  /*  general use */
+}
 .light #_cbhtml .style-helper,
 .light .is-ui .style-helper {
   background: #fafafa;
@@ -210,6 +214,40 @@
 .light .is-ui .is-pop-tabs > div.active {
   background: transparent;
 }
+.light #_cbhtml .is-general-options,
+.light .is-ui .is-general-options {
+  color: #000;
+  background: #fafafa;
+}
+.light #_cbhtml .is-general-options button,
+.light #_cbhtml .is-general-options div[role=button],
+.light .is-ui .is-general-options button,
+.light .is-ui .is-general-options div[role=button] {
+  background-color: transparent;
+  color: rgba(0, 0, 0, 0.95);
+  width: 45px;
+  height: 40px;
+  margin: 0;
+  box-shadow: none;
+}
+.light #_cbhtml .is-general-options button.on,
+.light #_cbhtml .is-general-options div[role=button].on,
+.light .is-ui .is-general-options button.on,
+.light .is-ui .is-general-options div[role=button].on {
+  background: #f2f2f2;
+}
+.light #_cbhtml .is-general-options button:hover,
+.light #_cbhtml .is-general-options div[role=button]:hover,
+.light .is-ui .is-general-options button:hover,
+.light .is-ui .is-general-options div[role=button]:hover {
+  background: #f0f0f0 !important;
+}
+.light #_cbhtml .is-general-options button svg,
+.light #_cbhtml .is-general-options div[role=button] svg,
+.light .is-ui .is-general-options button svg,
+.light .is-ui .is-general-options div[role=button] svg {
+  fill: rgba(0, 0, 0, 0.95);
+}
 .light #_cbhtml .is-rte-tool,
 .light #_cbhtml .is-elementrte-tool,
 .light #_cbhtml .is-rte-pop.rte-more-options,

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

@@ -31,6 +31,10 @@
 .light .moveable-control {
   background: #2196f3 !important;
 }
+.light #_cbhtml,
+.light .is-ui {
+  /*  general use */
+}
 .light #_cbhtml .style-helper,
 .light .is-ui .style-helper {
   background: #ddf3dc;
@@ -210,6 +214,40 @@
 .light .is-ui .is-pop-tabs > div.active {
   background: transparent;
 }
+.light #_cbhtml .is-general-options,
+.light .is-ui .is-general-options {
+  color: #000;
+  background: #ddf3dc;
+}
+.light #_cbhtml .is-general-options button,
+.light #_cbhtml .is-general-options div[role=button],
+.light .is-ui .is-general-options button,
+.light .is-ui .is-general-options div[role=button] {
+  background-color: transparent;
+  color: rgba(0, 0, 0, 0.95);
+  width: 45px;
+  height: 40px;
+  margin: 0;
+  box-shadow: none;
+}
+.light #_cbhtml .is-general-options button.on,
+.light #_cbhtml .is-general-options div[role=button].on,
+.light .is-ui .is-general-options button.on,
+.light .is-ui .is-general-options div[role=button].on {
+  background: #d2efd1;
+}
+.light #_cbhtml .is-general-options button:hover,
+.light #_cbhtml .is-general-options div[role=button]:hover,
+.light .is-ui .is-general-options button:hover,
+.light .is-ui .is-general-options div[role=button]:hover {
+  background: #ceeecd !important;
+}
+.light #_cbhtml .is-general-options button svg,
+.light #_cbhtml .is-general-options div[role=button] svg,
+.light .is-ui .is-general-options button svg,
+.light .is-ui .is-general-options div[role=button] svg {
+  fill: rgba(0, 0, 0, 0.95);
+}
 .light #_cbhtml .is-rte-tool,
 .light #_cbhtml .is-elementrte-tool,
 .light #_cbhtml .is-rte-pop.rte-more-options,

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

@@ -31,6 +31,10 @@
 .light .moveable-control {
   background: #2196f3 !important;
 }
+.light #_cbhtml,
+.light .is-ui {
+  /*  general use */
+}
 .light #_cbhtml .style-helper,
 .light .is-ui .style-helper {
   background: #ffd5f2;
@@ -210,6 +214,40 @@
 .light .is-ui .is-pop-tabs > div.active {
   background: transparent;
 }
+.light #_cbhtml .is-general-options,
+.light .is-ui .is-general-options {
+  color: #000;
+  background: #ffd5f2;
+}
+.light #_cbhtml .is-general-options button,
+.light #_cbhtml .is-general-options div[role=button],
+.light .is-ui .is-general-options button,
+.light .is-ui .is-general-options div[role=button] {
+  background-color: transparent;
+  color: rgba(0, 0, 0, 0.95);
+  width: 45px;
+  height: 40px;
+  margin: 0;
+  box-shadow: none;
+}
+.light #_cbhtml .is-general-options button.on,
+.light #_cbhtml .is-general-options div[role=button].on,
+.light .is-ui .is-general-options button.on,
+.light .is-ui .is-general-options div[role=button].on {
+  background: #ffc6ed;
+}
+.light #_cbhtml .is-general-options button:hover,
+.light #_cbhtml .is-general-options div[role=button]:hover,
+.light .is-ui .is-general-options button:hover,
+.light .is-ui .is-general-options div[role=button]:hover {
+  background: #ffc1ec !important;
+}
+.light #_cbhtml .is-general-options button svg,
+.light #_cbhtml .is-general-options div[role=button] svg,
+.light .is-ui .is-general-options button svg,
+.light .is-ui .is-general-options div[role=button] svg {
+  fill: rgba(0, 0, 0, 0.95);
+}
 .light #_cbhtml .is-rte-tool,
 .light #_cbhtml .is-elementrte-tool,
 .light #_cbhtml .is-rte-pop.rte-more-options,

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

@@ -31,6 +31,10 @@
 .light .moveable-control {
   background: #2196f3 !important;
 }
+.light #_cbhtml,
+.light .is-ui {
+  /*  general use */
+}
 .light #_cbhtml .style-helper,
 .light .is-ui .style-helper {
   background: #ffd5f2;
@@ -210,6 +214,40 @@
 .light .is-ui .is-pop-tabs > div.active {
   background: transparent;
 }
+.light #_cbhtml .is-general-options,
+.light .is-ui .is-general-options {
+  color: #000;
+  background: #ffd5f2;
+}
+.light #_cbhtml .is-general-options button,
+.light #_cbhtml .is-general-options div[role=button],
+.light .is-ui .is-general-options button,
+.light .is-ui .is-general-options div[role=button] {
+  background-color: transparent;
+  color: rgba(0, 0, 0, 0.95);
+  width: 45px;
+  height: 40px;
+  margin: 0;
+  box-shadow: none;
+}
+.light #_cbhtml .is-general-options button.on,
+.light #_cbhtml .is-general-options div[role=button].on,
+.light .is-ui .is-general-options button.on,
+.light .is-ui .is-general-options div[role=button].on {
+  background: #ffc6ed;
+}
+.light #_cbhtml .is-general-options button:hover,
+.light #_cbhtml .is-general-options div[role=button]:hover,
+.light .is-ui .is-general-options button:hover,
+.light .is-ui .is-general-options div[role=button]:hover {
+  background: #ffc1ec !important;
+}
+.light #_cbhtml .is-general-options button svg,
+.light #_cbhtml .is-general-options div[role=button] svg,
+.light .is-ui .is-general-options button svg,
+.light .is-ui .is-general-options div[role=button] svg {
+  fill: rgba(0, 0, 0, 0.95);
+}
 .light #_cbhtml .is-rte-tool,
 .light #_cbhtml .is-elementrte-tool,
 .light #_cbhtml .is-rte-pop.rte-more-options,

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

@@ -31,6 +31,10 @@
 .light .moveable-control {
   background: #2196f3 !important;
 }
+.light #_cbhtml,
+.light .is-ui {
+  /*  general use */
+}
 .light #_cbhtml .style-helper,
 .light .is-ui .style-helper {
   background: #dcdaf3;
@@ -210,6 +214,40 @@
 .light .is-ui .is-pop-tabs > div.active {
   background: transparent;
 }
+.light #_cbhtml .is-general-options,
+.light .is-ui .is-general-options {
+  color: #000;
+  background: #dcdaf3;
+}
+.light #_cbhtml .is-general-options button,
+.light #_cbhtml .is-general-options div[role=button],
+.light .is-ui .is-general-options button,
+.light .is-ui .is-general-options div[role=button] {
+  background-color: transparent;
+  color: rgba(0, 0, 0, 0.95);
+  width: 45px;
+  height: 40px;
+  margin: 0;
+  box-shadow: none;
+}
+.light #_cbhtml .is-general-options button.on,
+.light #_cbhtml .is-general-options div[role=button].on,
+.light .is-ui .is-general-options button.on,
+.light .is-ui .is-general-options div[role=button].on {
+  background: #d1ceef;
+}
+.light #_cbhtml .is-general-options button:hover,
+.light #_cbhtml .is-general-options div[role=button]:hover,
+.light .is-ui .is-general-options button:hover,
+.light .is-ui .is-general-options div[role=button]:hover {
+  background: #cdcbee !important;
+}
+.light #_cbhtml .is-general-options button svg,
+.light #_cbhtml .is-general-options div[role=button] svg,
+.light .is-ui .is-general-options button svg,
+.light .is-ui .is-general-options div[role=button] svg {
+  fill: rgba(0, 0, 0, 0.95);
+}
 .light #_cbhtml .is-rte-tool,
 .light #_cbhtml .is-elementrte-tool,
 .light #_cbhtml .is-rte-pop.rte-more-options,