@innovastudio/contentbuilder 1.2.3 → 1.2.4-rc3

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

@@ -354,12 +354,25 @@
 .colored .is-ui .is-rte-pop .is-rangeslider::-moz-range-thumb {
   background: rgba(248, 148, 148, 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: #f24343;
 }
-.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: #f24848;
+}
+.colored #_cbhtml .is-rte-pop.rte-textsetting-options button.on,
+.colored .is-ui .is-rte-pop.rte-textsetting-options button.on {
+  background: #f24343;
+}
+.colored #_cbhtml .is-rte-pop.rte-textsetting-options button:hover,
+.colored .is-ui .is-rte-pop.rte-textsetting-options button:hover {
+  background: #f24848;
+}
+.colored #_cbhtml .is-rte-pop.rte-textsetting-options button:focus,
+.colored .is-ui .is-rte-pop.rte-textsetting-options button:focus {
   background: #f24848;
 }
 .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: #f24848;
 }
+.colored #_cbhtml .is-rte-pop.rte-customtag-options > div button:focus,
+.colored .is-ui .is-rte-pop.rte-customtag-options > div button:focus {
+  background: #f24848;
+}
 .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(241, 179, 179, 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: #f9dede;
+  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: #fae2e2;
+}
+.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: #f9dede;
+}
+.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-red3.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(255, 174, 154, 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: #ffd7cd;
+  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: #ffdbd2;
+}
+.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: #ffd7cd;
+}
+.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-red4.css

@@ -354,12 +354,25 @@
 .colored .is-ui .is-rte-pop .is-rangeslider::-moz-range-thumb {
   background: rgba(248, 148, 148, 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: #f24343;
 }
-.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: #f24848;
+}
+.colored #_cbhtml .is-rte-pop.rte-textsetting-options button.on,
+.colored .is-ui .is-rte-pop.rte-textsetting-options button.on {
+  background: #f24343;
+}
+.colored #_cbhtml .is-rte-pop.rte-textsetting-options button:hover,
+.colored .is-ui .is-rte-pop.rte-textsetting-options button:hover {
+  background: #f24848;
+}
+.colored #_cbhtml .is-rte-pop.rte-textsetting-options button:focus,
+.colored .is-ui .is-rte-pop.rte-textsetting-options button:focus {
   background: #f24848;
 }
 .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: #f24848;
 }
+.colored #_cbhtml .is-rte-pop.rte-customtag-options > div button:focus,
+.colored .is-ui .is-rte-pop.rte-customtag-options > div button:focus {
+  background: #f24848;
+}
 .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-red5.css

@@ -354,12 +354,25 @@
 .colored .is-ui .is-rte-pop .is-rangeslider::-moz-range-thumb {
   background: rgba(255, 165, 136, 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: #ff6331;
 }
-.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: #ff6736;
+}
+.colored #_cbhtml .is-rte-pop.rte-textsetting-options button.on,
+.colored .is-ui .is-rte-pop.rte-textsetting-options button.on {
+  background: #ff6331;
+}
+.colored #_cbhtml .is-rte-pop.rte-textsetting-options button:hover,
+.colored .is-ui .is-rte-pop.rte-textsetting-options button:hover {
+  background: #ff6736;
+}
+.colored #_cbhtml .is-rte-pop.rte-textsetting-options button:focus,
+.colored .is-ui .is-rte-pop.rte-textsetting-options button:focus {
   background: #ff6736;
 }
 .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: #ff6736;
 }
+.colored #_cbhtml .is-rte-pop.rte-customtag-options > div button:focus,
+.colored .is-ui .is-rte-pop.rte-customtag-options > div button:focus {
+  background: #ff6736;
+}
 .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-yellow.css

@@ -354,12 +354,25 @@
 .colored .is-ui .is-rte-pop .is-rangeslider::-moz-range-thumb {
   background: rgba(251, 192, 115, 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: #f99a1e;
 }
-.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: #f99c23;
+}
+.colored #_cbhtml .is-rte-pop.rte-textsetting-options button.on,
+.colored .is-ui .is-rte-pop.rte-textsetting-options button.on {
+  background: #f99a1e;
+}
+.colored #_cbhtml .is-rte-pop.rte-textsetting-options button:hover,
+.colored .is-ui .is-rte-pop.rte-textsetting-options button:hover {
+  background: #f99c23;
+}
+.colored #_cbhtml .is-rte-pop.rte-textsetting-options button:focus,
+.colored .is-ui .is-rte-pop.rte-textsetting-options button:focus {
   background: #f99c23;
 }
 .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: #f99c23;
 }
+.colored #_cbhtml .is-rte-pop.rte-customtag-options > div button:focus,
+.colored .is-ui .is-rte-pop.rte-customtag-options > div button:focus {
+  background: #f99c23;
+}
 .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(189, 185, 174, 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: #d4d1ca;
+  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: #d6d3cd;
+}
+.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: #d4d1ca;
+}
+.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-yellow2.css

@@ -354,12 +354,25 @@
 .colored .is-ui .is-rte-pop .is-rangeslider::-moz-range-thumb {
   background: rgba(251, 192, 115, 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: #f99a1e;
 }
-.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: #f99c23;
+}
+.colored #_cbhtml .is-rte-pop.rte-textsetting-options button.on,
+.colored .is-ui .is-rte-pop.rte-textsetting-options button.on {
+  background: #f99a1e;
+}
+.colored #_cbhtml .is-rte-pop.rte-textsetting-options button:hover,
+.colored .is-ui .is-rte-pop.rte-textsetting-options button:hover {
+  background: #f99c23;
+}
+.colored #_cbhtml .is-rte-pop.rte-textsetting-options button:focus,
+.colored .is-ui .is-rte-pop.rte-textsetting-options button:focus {
   background: #f99c23;
 }
 .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: #f99c23;
 }
+.colored #_cbhtml .is-rte-pop.rte-customtag-options > div button:focus,
+.colored .is-ui .is-rte-pop.rte-customtag-options > div button:focus {
+  background: #f99c23;
+}
 .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(241, 200, 147, 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: #f7dfc0;
+  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: #f8e1c5;
+}
+.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: #f7dfc0;
+}
+.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/dark-blue.css

@@ -354,12 +354,25 @@
 .dark .is-ui .is-rte-pop .is-rangeslider::-moz-range-thumb {
   background: rgba(182, 188, 235, 0.55);
 }
-.dark #_cbhtml .is-rte-pop.rte-paragraph-options div.on,
-.dark .is-ui .is-rte-pop.rte-paragraph-options div.on {
+.dark #_cbhtml .is-rte-pop.rte-paragraph-options li.on,
+.dark .is-ui .is-rte-pop.rte-paragraph-options li.on {
   background: #4b59cc;
 }
-.dark #_cbhtml .is-rte-pop.rte-paragraph-options > div > div:hover,
-.dark .is-ui .is-rte-pop.rte-paragraph-options > div > div:hover {
+.dark #_cbhtml .is-rte-pop.rte-paragraph-options > ul > li:hover, .dark #_cbhtml .is-rte-pop.rte-paragraph-options > ul > li:focus,
+.dark .is-ui .is-rte-pop.rte-paragraph-options > ul > li:hover,
+.dark .is-ui .is-rte-pop.rte-paragraph-options > ul > li:focus {
+  background: #4f5dcd;
+}
+.dark #_cbhtml .is-rte-pop.rte-textsetting-options button.on,
+.dark .is-ui .is-rte-pop.rte-textsetting-options button.on {
+  background: #4b59cc;
+}
+.dark #_cbhtml .is-rte-pop.rte-textsetting-options button:hover,
+.dark .is-ui .is-rte-pop.rte-textsetting-options button:hover {
+  background: #4f5dcd;
+}
+.dark #_cbhtml .is-rte-pop.rte-textsetting-options button:focus,
+.dark .is-ui .is-rte-pop.rte-textsetting-options button:focus {
   background: #4f5dcd;
 }
 .dark #_cbhtml .is-rte-pop.rte-color-picker button,
@@ -426,6 +439,10 @@
 .dark .is-ui .is-rte-pop.rte-customtag-options > div button:hover {
   background: #4f5dcd;
 }
+.dark #_cbhtml .is-rte-pop.rte-customtag-options > div button:focus,
+.dark .is-ui .is-rte-pop.rte-customtag-options > div button:focus {
+  background: #4f5dcd;
+}
 .dark #_cbhtml[toolbarleft] .is-rte-pop,
 .dark .is-ui[toolbarleft] .is-rte-pop {
   box-shadow: rgba(0, 0, 0, 0.05) 5px 0px 9px 0px;
@@ -821,8 +838,8 @@
   border: transparent 1px solid;
   background: transparent;
 }
-.dark #_cbhtml textarea,
-.dark .is-ui textarea {
+.dark #_cbhtml textarea:not(.monaco-mouse-cursor-text),
+.dark .is-ui textarea:not(.monaco-mouse-cursor-text) {
   border: 1px solid rgba(255, 255, 255, 0.1);
   background-color: rgba(255, 255, 255, 0.08);
   color: rgba(250, 250, 250, 0.83);
@@ -963,6 +980,46 @@
 .dark .is-ui .is-selectbox-options > div.selected {
   background: rgba(187, 192, 231, 0.55);
 }
+.dark #_cbhtml .is-dropdown .dropdown-toggle,
+.dark .is-ui .is-dropdown .dropdown-toggle {
+  color: #fafafa;
+  background: #4a58c0;
+  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.04);
+}
+.dark #_cbhtml .is-dropdown .dropdown-toggle:hover,
+.dark .is-ui .is-dropdown .dropdown-toggle:hover {
+  background: #4d5bc1;
+}
+.dark #_cbhtml .is-dropdown .dropdown-toggle svg,
+.dark .is-ui .is-dropdown .dropdown-toggle svg {
+  fill: #fafafa;
+}
+.dark #_cbhtml .is-dropdown .dropdown-toggle::after,
+.dark .is-ui .is-dropdown .dropdown-toggle::after {
+  border-top-color: #fafafa;
+}
+.dark #_cbhtml .is-dropdown .dropdown-toggle.active::after,
+.dark .is-ui .is-dropdown .dropdown-toggle.active::after {
+  border-bottom-color: #fafafa;
+}
+.dark #_cbhtml .is-dropdown .dropdown-menu,
+.dark .is-ui .is-dropdown .dropdown-menu {
+  border: transparent 1px solid;
+  background-color: #4d5bc1;
+}
+.dark #_cbhtml .is-dropdown .dropdown-menu li,
+.dark .is-ui .is-dropdown .dropdown-menu li {
+  color: #fafafa;
+}
+.dark #_cbhtml .is-dropdown .dropdown-menu li:hover, .dark #_cbhtml .is-dropdown .dropdown-menu li:focus,
+.dark .is-ui .is-dropdown .dropdown-menu li:hover,
+.dark .is-ui .is-dropdown .dropdown-menu li:focus {
+  background: rgba(187, 192, 231, 0.55);
+}
+.dark #_cbhtml .is-dropdown .dropdown-menu li.selected,
+.dark .is-ui .is-dropdown .dropdown-menu li.selected {
+  background: rgba(187, 192, 231, 0.55);
+}
 .dark #_cbhtml .elementstyles .elm-list,
 .dark .is-ui .elementstyles .elm-list {
   color: rgba(250, 250, 250, 0.95);