@innovastudio/contentbuilder 1.2.3 → 1.2.4-rc3

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

@@ -354,12 +354,25 @@
 .colored .is-ui .is-rte-pop .is-rangeslider::-moz-range-thumb {
   background: rgba(40, 255, 178, 0.55);
 }
-.colored #_cbhtml .is-rte-pop.rte-paragraph-options div.on,
-.colored .is-ui .is-rte-pop.rte-paragraph-options div.on {
+.colored #_cbhtml .is-rte-pop.rte-paragraph-options li.on,
+.colored .is-ui .is-rte-pop.rte-paragraph-options li.on {
   background: #00d086;
 }
-.colored #_cbhtml .is-rte-pop.rte-paragraph-options > div > div:hover,
-.colored .is-ui .is-rte-pop.rte-paragraph-options > div > div:hover {
+.colored #_cbhtml .is-rte-pop.rte-paragraph-options > ul > li:hover, .colored #_cbhtml .is-rte-pop.rte-paragraph-options > ul > li:focus,
+.colored .is-ui .is-rte-pop.rte-paragraph-options > ul > li:hover,
+.colored .is-ui .is-rte-pop.rte-paragraph-options > ul > li:focus {
+  background: #00d589;
+}
+.colored #_cbhtml .is-rte-pop.rte-textsetting-options button.on,
+.colored .is-ui .is-rte-pop.rte-textsetting-options button.on {
+  background: #00d086;
+}
+.colored #_cbhtml .is-rte-pop.rte-textsetting-options button:hover,
+.colored .is-ui .is-rte-pop.rte-textsetting-options button:hover {
+  background: #00d589;
+}
+.colored #_cbhtml .is-rte-pop.rte-textsetting-options button:focus,
+.colored .is-ui .is-rte-pop.rte-textsetting-options button:focus {
   background: #00d589;
 }
 .colored #_cbhtml .is-rte-pop.rte-color-picker button,
@@ -426,6 +439,10 @@
 .colored .is-ui .is-rte-pop.rte-customtag-options > div button:hover {
   background: #00d589;
 }
+.colored #_cbhtml .is-rte-pop.rte-customtag-options > div button:focus,
+.colored .is-ui .is-rte-pop.rte-customtag-options > div button:focus {
+  background: #00d589;
+}
 .colored #_cbhtml[toolbarleft] .is-rte-pop,
 .colored .is-ui[toolbarleft] .is-rte-pop {
   box-shadow: rgba(0, 0, 0, 0.05) 5px 0px 9px 0px;
@@ -813,8 +830,8 @@
   border: transparent 1px solid;
   background: transparent;
 }
-.colored #_cbhtml textarea,
-.colored .is-ui textarea {
+.colored #_cbhtml textarea:not(.monaco-mouse-cursor-text),
+.colored .is-ui textarea:not(.monaco-mouse-cursor-text) {
   border: 1px solid rgba(0, 0, 0, 0.08);
   background-color: rgba(188, 211, 203, 0.25);
   color: rgba(0, 0, 0, 0.83);
@@ -955,6 +972,46 @@
 .colored .is-ui .is-selectbox-options > div.selected {
   background: rgba(255, 255, 255, 0.38);
 }
+.colored #_cbhtml .is-dropdown .dropdown-toggle,
+.colored .is-ui .is-dropdown .dropdown-toggle {
+  color: #000;
+  background: #dbe7e3;
+  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.03);
+}
+.colored #_cbhtml .is-dropdown .dropdown-toggle:hover,
+.colored .is-ui .is-dropdown .dropdown-toggle:hover {
+  background: #dee9e5;
+}
+.colored #_cbhtml .is-dropdown .dropdown-toggle svg,
+.colored .is-ui .is-dropdown .dropdown-toggle svg {
+  fill: #000;
+}
+.colored #_cbhtml .is-dropdown .dropdown-toggle::after,
+.colored .is-ui .is-dropdown .dropdown-toggle::after {
+  border-top-color: #000;
+}
+.colored #_cbhtml .is-dropdown .dropdown-toggle.active::after,
+.colored .is-ui .is-dropdown .dropdown-toggle.active::after {
+  border-bottom-color: #000;
+}
+.colored #_cbhtml .is-dropdown .dropdown-menu,
+.colored .is-ui .is-dropdown .dropdown-menu {
+  border: transparent 1px solid;
+  background-color: #dbe7e3;
+}
+.colored #_cbhtml .is-dropdown .dropdown-menu li,
+.colored .is-ui .is-dropdown .dropdown-menu li {
+  color: #000;
+}
+.colored #_cbhtml .is-dropdown .dropdown-menu li:hover, .colored #_cbhtml .is-dropdown .dropdown-menu li:focus,
+.colored .is-ui .is-dropdown .dropdown-menu li:hover,
+.colored .is-ui .is-dropdown .dropdown-menu li:focus {
+  background: rgba(255, 255, 255, 0.38);
+}
+.colored #_cbhtml .is-dropdown .dropdown-menu li.selected,
+.colored .is-ui .is-dropdown .dropdown-menu li.selected {
+  background: rgba(255, 255, 255, 0.38);
+}
 .colored #_cbhtml .elementstyles .elm-list,
 .colored .is-ui .elementstyles .elm-list {
   color: rgba(0, 0, 0, 0.95);

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

@@ -354,12 +354,25 @@
 .colored .is-ui .is-rte-pop .is-rangeslider::-moz-range-thumb {
   background: rgba(65, 235, 125, 0.55);
 }
-.colored #_cbhtml .is-rte-pop.rte-paragraph-options div.on,
-.colored .is-ui .is-rte-pop.rte-paragraph-options div.on {
+.colored #_cbhtml .is-rte-pop.rte-paragraph-options li.on,
+.colored .is-ui .is-rte-pop.rte-paragraph-options li.on {
   background: #14c151;
 }
-.colored #_cbhtml .is-rte-pop.rte-paragraph-options > div > div:hover,
-.colored .is-ui .is-rte-pop.rte-paragraph-options > div > div:hover {
+.colored #_cbhtml .is-rte-pop.rte-paragraph-options > ul > li:hover, .colored #_cbhtml .is-rte-pop.rte-paragraph-options > ul > li:focus,
+.colored .is-ui .is-rte-pop.rte-paragraph-options > ul > li:hover,
+.colored .is-ui .is-rte-pop.rte-paragraph-options > ul > li:focus {
+  background: #15c553;
+}
+.colored #_cbhtml .is-rte-pop.rte-textsetting-options button.on,
+.colored .is-ui .is-rte-pop.rte-textsetting-options button.on {
+  background: #14c151;
+}
+.colored #_cbhtml .is-rte-pop.rte-textsetting-options button:hover,
+.colored .is-ui .is-rte-pop.rte-textsetting-options button:hover {
+  background: #15c553;
+}
+.colored #_cbhtml .is-rte-pop.rte-textsetting-options button:focus,
+.colored .is-ui .is-rte-pop.rte-textsetting-options button:focus {
   background: #15c553;
 }
 .colored #_cbhtml .is-rte-pop.rte-color-picker button,
@@ -426,6 +439,10 @@
 .colored .is-ui .is-rte-pop.rte-customtag-options > div button:hover {
   background: #15c553;
 }
+.colored #_cbhtml .is-rte-pop.rte-customtag-options > div button:focus,
+.colored .is-ui .is-rte-pop.rte-customtag-options > div button:focus {
+  background: #15c553;
+}
 .colored #_cbhtml[toolbarleft] .is-rte-pop,
 .colored .is-ui[toolbarleft] .is-rte-pop {
   box-shadow: rgba(0, 0, 0, 0.05) 5px 0px 9px 0px;
@@ -813,8 +830,8 @@
   border: transparent 1px solid;
   background: transparent;
 }
-.colored #_cbhtml textarea,
-.colored .is-ui textarea {
+.colored #_cbhtml textarea:not(.monaco-mouse-cursor-text),
+.colored .is-ui textarea:not(.monaco-mouse-cursor-text) {
   border: 1px solid rgba(0, 0, 0, 0.08);
   background-color: rgba(188, 189, 185, 0.25);
   color: rgba(0, 0, 0, 0.83);
@@ -955,6 +972,46 @@
 .colored .is-ui .is-selectbox-options > div.selected {
   background: rgba(255, 255, 255, 0.38);
 }
+.colored #_cbhtml .is-dropdown .dropdown-toggle,
+.colored .is-ui .is-dropdown .dropdown-toggle {
+  color: #000;
+  background: #d5d6d3;
+  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.03);
+}
+.colored #_cbhtml .is-dropdown .dropdown-toggle:hover,
+.colored .is-ui .is-dropdown .dropdown-toggle:hover {
+  background: #d8d8d6;
+}
+.colored #_cbhtml .is-dropdown .dropdown-toggle svg,
+.colored .is-ui .is-dropdown .dropdown-toggle svg {
+  fill: #000;
+}
+.colored #_cbhtml .is-dropdown .dropdown-toggle::after,
+.colored .is-ui .is-dropdown .dropdown-toggle::after {
+  border-top-color: #000;
+}
+.colored #_cbhtml .is-dropdown .dropdown-toggle.active::after,
+.colored .is-ui .is-dropdown .dropdown-toggle.active::after {
+  border-bottom-color: #000;
+}
+.colored #_cbhtml .is-dropdown .dropdown-menu,
+.colored .is-ui .is-dropdown .dropdown-menu {
+  border: transparent 1px solid;
+  background-color: #d5d6d3;
+}
+.colored #_cbhtml .is-dropdown .dropdown-menu li,
+.colored .is-ui .is-dropdown .dropdown-menu li {
+  color: #000;
+}
+.colored #_cbhtml .is-dropdown .dropdown-menu li:hover, .colored #_cbhtml .is-dropdown .dropdown-menu li:focus,
+.colored .is-ui .is-dropdown .dropdown-menu li:hover,
+.colored .is-ui .is-dropdown .dropdown-menu li:focus {
+  background: rgba(255, 255, 255, 0.38);
+}
+.colored #_cbhtml .is-dropdown .dropdown-menu li.selected,
+.colored .is-ui .is-dropdown .dropdown-menu li.selected {
+  background: rgba(255, 255, 255, 0.38);
+}
 .colored #_cbhtml .elementstyles .elm-list,
 .colored .is-ui .elementstyles .elm-list {
   color: rgba(0, 0, 0, 0.95);

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

@@ -354,12 +354,25 @@
 .colored .is-ui .is-rte-pop .is-rangeslider::-moz-range-thumb {
   background: rgba(30, 255, 173, 0.55);
 }
-.colored #_cbhtml .is-rte-pop.rte-paragraph-options div.on,
-.colored .is-ui .is-rte-pop.rte-paragraph-options div.on {
+.colored #_cbhtml .is-rte-pop.rte-paragraph-options li.on,
+.colored .is-ui .is-rte-pop.rte-paragraph-options li.on {
   background: #00c67e;
 }
-.colored #_cbhtml .is-rte-pop.rte-paragraph-options > div > div:hover,
-.colored .is-ui .is-rte-pop.rte-paragraph-options > div > div:hover {
+.colored #_cbhtml .is-rte-pop.rte-paragraph-options > ul > li:hover, .colored #_cbhtml .is-rte-pop.rte-paragraph-options > ul > li:focus,
+.colored .is-ui .is-rte-pop.rte-paragraph-options > ul > li:hover,
+.colored .is-ui .is-rte-pop.rte-paragraph-options > ul > li:focus {
+  background: #00cb81;
+}
+.colored #_cbhtml .is-rte-pop.rte-textsetting-options button.on,
+.colored .is-ui .is-rte-pop.rte-textsetting-options button.on {
+  background: #00c67e;
+}
+.colored #_cbhtml .is-rte-pop.rte-textsetting-options button:hover,
+.colored .is-ui .is-rte-pop.rte-textsetting-options button:hover {
+  background: #00cb81;
+}
+.colored #_cbhtml .is-rte-pop.rte-textsetting-options button:focus,
+.colored .is-ui .is-rte-pop.rte-textsetting-options button:focus {
   background: #00cb81;
 }
 .colored #_cbhtml .is-rte-pop.rte-color-picker button,
@@ -426,6 +439,10 @@
 .colored .is-ui .is-rte-pop.rte-customtag-options > div button:hover {
   background: #00cb81;
 }
+.colored #_cbhtml .is-rte-pop.rte-customtag-options > div button:focus,
+.colored .is-ui .is-rte-pop.rte-customtag-options > div button:focus {
+  background: #00cb81;
+}
 .colored #_cbhtml[toolbarleft] .is-rte-pop,
 .colored .is-ui[toolbarleft] .is-rte-pop {
   box-shadow: rgba(0, 0, 0, 0.05) 5px 0px 9px 0px;
@@ -813,8 +830,8 @@
   border: transparent 1px solid;
   background: transparent;
 }
-.colored #_cbhtml textarea,
-.colored .is-ui textarea {
+.colored #_cbhtml textarea:not(.monaco-mouse-cursor-text),
+.colored .is-ui textarea:not(.monaco-mouse-cursor-text) {
   border: 1px solid rgba(0, 0, 0, 0.08);
   background-color: rgba(202, 202, 202, 0.25);
   color: rgba(0, 0, 0, 0.83);
@@ -955,6 +972,46 @@
 .colored .is-ui .is-selectbox-options > div.selected {
   background: rgba(255, 255, 255, 0.38);
 }
+.colored #_cbhtml .is-dropdown .dropdown-toggle,
+.colored .is-ui .is-dropdown .dropdown-toggle {
+  color: #000;
+  background: #e3e3e3;
+  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.03);
+}
+.colored #_cbhtml .is-dropdown .dropdown-toggle:hover,
+.colored .is-ui .is-dropdown .dropdown-toggle:hover {
+  background: #e6e6e6;
+}
+.colored #_cbhtml .is-dropdown .dropdown-toggle svg,
+.colored .is-ui .is-dropdown .dropdown-toggle svg {
+  fill: #000;
+}
+.colored #_cbhtml .is-dropdown .dropdown-toggle::after,
+.colored .is-ui .is-dropdown .dropdown-toggle::after {
+  border-top-color: #000;
+}
+.colored #_cbhtml .is-dropdown .dropdown-toggle.active::after,
+.colored .is-ui .is-dropdown .dropdown-toggle.active::after {
+  border-bottom-color: #000;
+}
+.colored #_cbhtml .is-dropdown .dropdown-menu,
+.colored .is-ui .is-dropdown .dropdown-menu {
+  border: transparent 1px solid;
+  background-color: #e3e3e3;
+}
+.colored #_cbhtml .is-dropdown .dropdown-menu li,
+.colored .is-ui .is-dropdown .dropdown-menu li {
+  color: #000;
+}
+.colored #_cbhtml .is-dropdown .dropdown-menu li:hover, .colored #_cbhtml .is-dropdown .dropdown-menu li:focus,
+.colored .is-ui .is-dropdown .dropdown-menu li:hover,
+.colored .is-ui .is-dropdown .dropdown-menu li:focus {
+  background: rgba(255, 255, 255, 0.38);
+}
+.colored #_cbhtml .is-dropdown .dropdown-menu li.selected,
+.colored .is-ui .is-dropdown .dropdown-menu li.selected {
+  background: rgba(255, 255, 255, 0.38);
+}
 .colored #_cbhtml .elementstyles .elm-list,
 .colored .is-ui .elementstyles .elm-list {
   color: rgba(0, 0, 0, 0.95);

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

@@ -354,12 +354,25 @@
 .colored .is-ui .is-rte-pop .is-rangeslider::-moz-range-thumb {
   background: rgba(220, 113, 205, 0.55);
 }
-.colored #_cbhtml .is-rte-pop.rte-paragraph-options div.on,
-.colored .is-ui .is-rte-pop.rte-paragraph-options div.on {
+.colored #_cbhtml .is-rte-pop.rte-paragraph-options li.on,
+.colored .is-ui .is-rte-pop.rte-paragraph-options li.on {
   background: #c531b1;
 }
-.colored #_cbhtml .is-rte-pop.rte-paragraph-options > div > div:hover,
-.colored .is-ui .is-rte-pop.rte-paragraph-options > div > div:hover {
+.colored #_cbhtml .is-rte-pop.rte-paragraph-options > ul > li:hover, .colored #_cbhtml .is-rte-pop.rte-paragraph-options > ul > li:focus,
+.colored .is-ui .is-rte-pop.rte-paragraph-options > ul > li:hover,
+.colored .is-ui .is-rte-pop.rte-paragraph-options > ul > li:focus {
+  background: #c932b5;
+}
+.colored #_cbhtml .is-rte-pop.rte-textsetting-options button.on,
+.colored .is-ui .is-rte-pop.rte-textsetting-options button.on {
+  background: #c531b1;
+}
+.colored #_cbhtml .is-rte-pop.rte-textsetting-options button:hover,
+.colored .is-ui .is-rte-pop.rte-textsetting-options button:hover {
+  background: #c932b5;
+}
+.colored #_cbhtml .is-rte-pop.rte-textsetting-options button:focus,
+.colored .is-ui .is-rte-pop.rte-textsetting-options button:focus {
   background: #c932b5;
 }
 .colored #_cbhtml .is-rte-pop.rte-color-picker button,
@@ -426,6 +439,10 @@
 .colored .is-ui .is-rte-pop.rte-customtag-options > div button:hover {
   background: #c932b5;
 }
+.colored #_cbhtml .is-rte-pop.rte-customtag-options > div button:focus,
+.colored .is-ui .is-rte-pop.rte-customtag-options > div button:focus {
+  background: #c932b5;
+}
 .colored #_cbhtml[toolbarleft] .is-rte-pop,
 .colored .is-ui[toolbarleft] .is-rte-pop {
   box-shadow: rgba(0, 0, 0, 0.05) 5px 0px 9px 0px;
@@ -813,8 +830,8 @@
   border: transparent 1px solid;
   background: transparent;
 }
-.colored #_cbhtml textarea,
-.colored .is-ui textarea {
+.colored #_cbhtml textarea:not(.monaco-mouse-cursor-text),
+.colored .is-ui textarea:not(.monaco-mouse-cursor-text) {
   border: 1px solid rgba(0, 0, 0, 0.08);
   background-color: rgba(190, 182, 187, 0.25);
   color: rgba(0, 0, 0, 0.83);
@@ -955,6 +972,46 @@
 .colored .is-ui .is-selectbox-options > div.selected {
   background: rgba(255, 255, 255, 0.38);
 }
+.colored #_cbhtml .is-dropdown .dropdown-toggle,
+.colored .is-ui .is-dropdown .dropdown-toggle {
+  color: #000;
+  background: #d6d1d4;
+  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.03);
+}
+.colored #_cbhtml .is-dropdown .dropdown-toggle:hover,
+.colored .is-ui .is-dropdown .dropdown-toggle:hover {
+  background: #d8d4d7;
+}
+.colored #_cbhtml .is-dropdown .dropdown-toggle svg,
+.colored .is-ui .is-dropdown .dropdown-toggle svg {
+  fill: #000;
+}
+.colored #_cbhtml .is-dropdown .dropdown-toggle::after,
+.colored .is-ui .is-dropdown .dropdown-toggle::after {
+  border-top-color: #000;
+}
+.colored #_cbhtml .is-dropdown .dropdown-toggle.active::after,
+.colored .is-ui .is-dropdown .dropdown-toggle.active::after {
+  border-bottom-color: #000;
+}
+.colored #_cbhtml .is-dropdown .dropdown-menu,
+.colored .is-ui .is-dropdown .dropdown-menu {
+  border: transparent 1px solid;
+  background-color: #d6d1d4;
+}
+.colored #_cbhtml .is-dropdown .dropdown-menu li,
+.colored .is-ui .is-dropdown .dropdown-menu li {
+  color: #000;
+}
+.colored #_cbhtml .is-dropdown .dropdown-menu li:hover, .colored #_cbhtml .is-dropdown .dropdown-menu li:focus,
+.colored .is-ui .is-dropdown .dropdown-menu li:hover,
+.colored .is-ui .is-dropdown .dropdown-menu li:focus {
+  background: rgba(255, 255, 255, 0.38);
+}
+.colored #_cbhtml .is-dropdown .dropdown-menu li.selected,
+.colored .is-ui .is-dropdown .dropdown-menu li.selected {
+  background: rgba(255, 255, 255, 0.38);
+}
 .colored #_cbhtml .elementstyles .elm-list,
 .colored .is-ui .elementstyles .elm-list {
   color: rgba(0, 0, 0, 0.95);

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

@@ -354,12 +354,25 @@
 .colored .is-ui .is-rte-pop .is-rangeslider::-moz-range-thumb {
   background: rgba(248, 161, 140, 0.55);
 }
-.colored #_cbhtml .is-rte-pop.rte-paragraph-options div.on,
-.colored .is-ui .is-rte-pop.rte-paragraph-options div.on {
+.colored #_cbhtml .is-rte-pop.rte-paragraph-options li.on,
+.colored .is-ui .is-rte-pop.rte-paragraph-options li.on {
   background: #f45e39;
 }
-.colored #_cbhtml .is-rte-pop.rte-paragraph-options > div > div:hover,
-.colored .is-ui .is-rte-pop.rte-paragraph-options > div > div:hover {
+.colored #_cbhtml .is-rte-pop.rte-paragraph-options > ul > li:hover, .colored #_cbhtml .is-rte-pop.rte-paragraph-options > ul > li:focus,
+.colored .is-ui .is-rte-pop.rte-paragraph-options > ul > li:hover,
+.colored .is-ui .is-rte-pop.rte-paragraph-options > ul > li:focus {
+  background: #f4623e;
+}
+.colored #_cbhtml .is-rte-pop.rte-textsetting-options button.on,
+.colored .is-ui .is-rte-pop.rte-textsetting-options button.on {
+  background: #f45e39;
+}
+.colored #_cbhtml .is-rte-pop.rte-textsetting-options button:hover,
+.colored .is-ui .is-rte-pop.rte-textsetting-options button:hover {
+  background: #f4623e;
+}
+.colored #_cbhtml .is-rte-pop.rte-textsetting-options button:focus,
+.colored .is-ui .is-rte-pop.rte-textsetting-options button:focus {
   background: #f4623e;
 }
 .colored #_cbhtml .is-rte-pop.rte-color-picker button,
@@ -426,6 +439,10 @@
 .colored .is-ui .is-rte-pop.rte-customtag-options > div button:hover {
   background: #f4623e;
 }
+.colored #_cbhtml .is-rte-pop.rte-customtag-options > div button:focus,
+.colored .is-ui .is-rte-pop.rte-customtag-options > div button:focus {
+  background: #f4623e;
+}
 .colored #_cbhtml[toolbarleft] .is-rte-pop,
 .colored .is-ui[toolbarleft] .is-rte-pop {
   box-shadow: rgba(0, 0, 0, 0.05) 5px 0px 9px 0px;
@@ -813,8 +830,8 @@
   border: transparent 1px solid;
   background: transparent;
 }
-.colored #_cbhtml textarea,
-.colored .is-ui textarea {
+.colored #_cbhtml textarea:not(.monaco-mouse-cursor-text),
+.colored .is-ui textarea:not(.monaco-mouse-cursor-text) {
   border: 1px solid rgba(0, 0, 0, 0.08);
   background-color: rgba(193, 185, 180, 0.25);
   color: rgba(0, 0, 0, 0.83);
@@ -955,6 +972,46 @@
 .colored .is-ui .is-selectbox-options > div.selected {
   background: rgba(255, 255, 255, 0.38);
 }
+.colored #_cbhtml .is-dropdown .dropdown-toggle,
+.colored .is-ui .is-dropdown .dropdown-toggle {
+  color: #000;
+  background: #d8d3d0;
+  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.03);
+}
+.colored #_cbhtml .is-dropdown .dropdown-toggle:hover,
+.colored .is-ui .is-dropdown .dropdown-toggle:hover {
+  background: #dad6d3;
+}
+.colored #_cbhtml .is-dropdown .dropdown-toggle svg,
+.colored .is-ui .is-dropdown .dropdown-toggle svg {
+  fill: #000;
+}
+.colored #_cbhtml .is-dropdown .dropdown-toggle::after,
+.colored .is-ui .is-dropdown .dropdown-toggle::after {
+  border-top-color: #000;
+}
+.colored #_cbhtml .is-dropdown .dropdown-toggle.active::after,
+.colored .is-ui .is-dropdown .dropdown-toggle.active::after {
+  border-bottom-color: #000;
+}
+.colored #_cbhtml .is-dropdown .dropdown-menu,
+.colored .is-ui .is-dropdown .dropdown-menu {
+  border: transparent 1px solid;
+  background-color: #d8d3d0;
+}
+.colored #_cbhtml .is-dropdown .dropdown-menu li,
+.colored .is-ui .is-dropdown .dropdown-menu li {
+  color: #000;
+}
+.colored #_cbhtml .is-dropdown .dropdown-menu li:hover, .colored #_cbhtml .is-dropdown .dropdown-menu li:focus,
+.colored .is-ui .is-dropdown .dropdown-menu li:hover,
+.colored .is-ui .is-dropdown .dropdown-menu li:focus {
+  background: rgba(255, 255, 255, 0.38);
+}
+.colored #_cbhtml .is-dropdown .dropdown-menu li.selected,
+.colored .is-ui .is-dropdown .dropdown-menu li.selected {
+  background: rgba(255, 255, 255, 0.38);
+}
 .colored #_cbhtml .elementstyles .elm-list,
 .colored .is-ui .elementstyles .elm-list {
   color: rgba(0, 0, 0, 0.95);

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

@@ -354,12 +354,25 @@
 .colored .is-ui .is-rte-pop .is-rangeslider::-moz-range-thumb {
   background: rgba(255, 172, 121, 0.55);
 }
-.colored #_cbhtml .is-rte-pop.rte-paragraph-options div.on,
-.colored .is-ui .is-rte-pop.rte-paragraph-options div.on {
+.colored #_cbhtml .is-rte-pop.rte-paragraph-options li.on,
+.colored .is-ui .is-rte-pop.rte-paragraph-options li.on {
   background: #ff7622;
 }
-.colored #_cbhtml .is-rte-pop.rte-paragraph-options > div > div:hover,
-.colored .is-ui .is-rte-pop.rte-paragraph-options > div > div:hover {
+.colored #_cbhtml .is-rte-pop.rte-paragraph-options > ul > li:hover, .colored #_cbhtml .is-rte-pop.rte-paragraph-options > ul > li:focus,
+.colored .is-ui .is-rte-pop.rte-paragraph-options > ul > li:hover,
+.colored .is-ui .is-rte-pop.rte-paragraph-options > ul > li:focus {
+  background: #ff7a27;
+}
+.colored #_cbhtml .is-rte-pop.rte-textsetting-options button.on,
+.colored .is-ui .is-rte-pop.rte-textsetting-options button.on {
+  background: #ff7622;
+}
+.colored #_cbhtml .is-rte-pop.rte-textsetting-options button:hover,
+.colored .is-ui .is-rte-pop.rte-textsetting-options button:hover {
+  background: #ff7a27;
+}
+.colored #_cbhtml .is-rte-pop.rte-textsetting-options button:focus,
+.colored .is-ui .is-rte-pop.rte-textsetting-options button:focus {
   background: #ff7a27;
 }
 .colored #_cbhtml .is-rte-pop.rte-color-picker button,
@@ -426,6 +439,10 @@
 .colored .is-ui .is-rte-pop.rte-customtag-options > div button:hover {
   background: #ff7a27;
 }
+.colored #_cbhtml .is-rte-pop.rte-customtag-options > div button:focus,
+.colored .is-ui .is-rte-pop.rte-customtag-options > div button:focus {
+  background: #ff7a27;
+}
 .colored #_cbhtml[toolbarleft] .is-rte-pop,
 .colored .is-ui[toolbarleft] .is-rte-pop {
   box-shadow: rgba(0, 0, 0, 0.05) 5px 0px 9px 0px;
@@ -813,8 +830,8 @@
   border: transparent 1px solid;
   background: transparent;
 }
-.colored #_cbhtml textarea,
-.colored .is-ui textarea {
+.colored #_cbhtml textarea:not(.monaco-mouse-cursor-text),
+.colored .is-ui textarea:not(.monaco-mouse-cursor-text) {
   border: 1px solid rgba(0, 0, 0, 0.08);
   background-color: rgba(255, 203, 169, 0.25);
   color: rgba(0, 0, 0, 0.83);
@@ -955,6 +972,46 @@
 .colored .is-ui .is-selectbox-options > div.selected {
   background: rgba(255, 255, 255, 0.38);
 }
+.colored #_cbhtml .is-dropdown .dropdown-toggle,
+.colored .is-ui .is-dropdown .dropdown-toggle {
+  color: #000;
+  background: #ffeadc;
+  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.03);
+}
+.colored #_cbhtml .is-dropdown .dropdown-toggle:hover,
+.colored .is-ui .is-dropdown .dropdown-toggle:hover {
+  background: #ffede1;
+}
+.colored #_cbhtml .is-dropdown .dropdown-toggle svg,
+.colored .is-ui .is-dropdown .dropdown-toggle svg {
+  fill: #000;
+}
+.colored #_cbhtml .is-dropdown .dropdown-toggle::after,
+.colored .is-ui .is-dropdown .dropdown-toggle::after {
+  border-top-color: #000;
+}
+.colored #_cbhtml .is-dropdown .dropdown-toggle.active::after,
+.colored .is-ui .is-dropdown .dropdown-toggle.active::after {
+  border-bottom-color: #000;
+}
+.colored #_cbhtml .is-dropdown .dropdown-menu,
+.colored .is-ui .is-dropdown .dropdown-menu {
+  border: transparent 1px solid;
+  background-color: #ffeadc;
+}
+.colored #_cbhtml .is-dropdown .dropdown-menu li,
+.colored .is-ui .is-dropdown .dropdown-menu li {
+  color: #000;
+}
+.colored #_cbhtml .is-dropdown .dropdown-menu li:hover, .colored #_cbhtml .is-dropdown .dropdown-menu li:focus,
+.colored .is-ui .is-dropdown .dropdown-menu li:hover,
+.colored .is-ui .is-dropdown .dropdown-menu li:focus {
+  background: rgba(255, 255, 255, 0.38);
+}
+.colored #_cbhtml .is-dropdown .dropdown-menu li.selected,
+.colored .is-ui .is-dropdown .dropdown-menu li.selected {
+  background: rgba(255, 255, 255, 0.38);
+}
 .colored #_cbhtml .elementstyles .elm-list,
 .colored .is-ui .elementstyles .elm-list {
   color: rgba(0, 0, 0, 0.95);

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

@@ -354,12 +354,25 @@
 .colored .is-ui .is-rte-pop .is-rangeslider::-moz-range-thumb {
   background: rgba(255, 182, 137, 0.55);
 }
-.colored #_cbhtml .is-rte-pop.rte-paragraph-options div.on,
-.colored .is-ui .is-rte-pop.rte-paragraph-options div.on {
+.colored #_cbhtml .is-rte-pop.rte-paragraph-options li.on,
+.colored .is-ui .is-rte-pop.rte-paragraph-options li.on {
   background: #ff8032;
 }
-.colored #_cbhtml .is-rte-pop.rte-paragraph-options > div > div:hover,
-.colored .is-ui .is-rte-pop.rte-paragraph-options > div > div:hover {
+.colored #_cbhtml .is-rte-pop.rte-paragraph-options > ul > li:hover, .colored #_cbhtml .is-rte-pop.rte-paragraph-options > ul > li:focus,
+.colored .is-ui .is-rte-pop.rte-paragraph-options > ul > li:hover,
+.colored .is-ui .is-rte-pop.rte-paragraph-options > ul > li:focus {
+  background: #ff8437;
+}
+.colored #_cbhtml .is-rte-pop.rte-textsetting-options button.on,
+.colored .is-ui .is-rte-pop.rte-textsetting-options button.on {
+  background: #ff8032;
+}
+.colored #_cbhtml .is-rte-pop.rte-textsetting-options button:hover,
+.colored .is-ui .is-rte-pop.rte-textsetting-options button:hover {
+  background: #ff8437;
+}
+.colored #_cbhtml .is-rte-pop.rte-textsetting-options button:focus,
+.colored .is-ui .is-rte-pop.rte-textsetting-options button:focus {
   background: #ff8437;
 }
 .colored #_cbhtml .is-rte-pop.rte-color-picker button,
@@ -426,6 +439,10 @@
 .colored .is-ui .is-rte-pop.rte-customtag-options > div button:hover {
   background: #ff8437;
 }
+.colored #_cbhtml .is-rte-pop.rte-customtag-options > div button:focus,
+.colored .is-ui .is-rte-pop.rte-customtag-options > div button:focus {
+  background: #ff8437;
+}
 .colored #_cbhtml[toolbarleft] .is-rte-pop,
 .colored .is-ui[toolbarleft] .is-rte-pop {
   box-shadow: rgba(0, 0, 0, 0.05) 5px 0px 9px 0px;
@@ -813,8 +830,8 @@
   border: transparent 1px solid;
   background: transparent;
 }
-.colored #_cbhtml textarea,
-.colored .is-ui textarea {
+.colored #_cbhtml textarea:not(.monaco-mouse-cursor-text),
+.colored .is-ui textarea:not(.monaco-mouse-cursor-text) {
   border: 1px solid rgba(0, 0, 0, 0.08);
   background-color: rgba(202, 202, 202, 0.25);
   color: rgba(0, 0, 0, 0.83);
@@ -955,6 +972,46 @@
 .colored .is-ui .is-selectbox-options > div.selected {
   background: rgba(255, 255, 255, 0.38);
 }
+.colored #_cbhtml .is-dropdown .dropdown-toggle,
+.colored .is-ui .is-dropdown .dropdown-toggle {
+  color: #000;
+  background: #e3e3e3;
+  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.03);
+}
+.colored #_cbhtml .is-dropdown .dropdown-toggle:hover,
+.colored .is-ui .is-dropdown .dropdown-toggle:hover {
+  background: #e6e6e6;
+}
+.colored #_cbhtml .is-dropdown .dropdown-toggle svg,
+.colored .is-ui .is-dropdown .dropdown-toggle svg {
+  fill: #000;
+}
+.colored #_cbhtml .is-dropdown .dropdown-toggle::after,
+.colored .is-ui .is-dropdown .dropdown-toggle::after {
+  border-top-color: #000;
+}
+.colored #_cbhtml .is-dropdown .dropdown-toggle.active::after,
+.colored .is-ui .is-dropdown .dropdown-toggle.active::after {
+  border-bottom-color: #000;
+}
+.colored #_cbhtml .is-dropdown .dropdown-menu,
+.colored .is-ui .is-dropdown .dropdown-menu {
+  border: transparent 1px solid;
+  background-color: #e3e3e3;
+}
+.colored #_cbhtml .is-dropdown .dropdown-menu li,
+.colored .is-ui .is-dropdown .dropdown-menu li {
+  color: #000;
+}
+.colored #_cbhtml .is-dropdown .dropdown-menu li:hover, .colored #_cbhtml .is-dropdown .dropdown-menu li:focus,
+.colored .is-ui .is-dropdown .dropdown-menu li:hover,
+.colored .is-ui .is-dropdown .dropdown-menu li:focus {
+  background: rgba(255, 255, 255, 0.38);
+}
+.colored #_cbhtml .is-dropdown .dropdown-menu li.selected,
+.colored .is-ui .is-dropdown .dropdown-menu li.selected {
+  background: rgba(255, 255, 255, 0.38);
+}
 .colored #_cbhtml .elementstyles .elm-list,
 .colored .is-ui .elementstyles .elm-list {
   color: rgba(0, 0, 0, 0.95);