@innovastudio/contentbuilder 1.2.2 → 1.2.4-rc10

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

@@ -354,12 +354,25 @@
 .dark .is-ui .is-rte-pop .is-rangeslider::-moz-range-thumb {
   background: rgba(69, 153, 241, 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: #0c55a0;
 }
-.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: #0c57a5;
+}
+.dark #_cbhtml .is-rte-pop.rte-textsetting-options button.on,
+.dark .is-ui .is-rte-pop.rte-textsetting-options button.on {
+  background: #0c55a0;
+}
+.dark #_cbhtml .is-rte-pop.rte-textsetting-options button:hover,
+.dark .is-ui .is-rte-pop.rte-textsetting-options button:hover {
+  background: #0c57a5;
+}
+.dark #_cbhtml .is-rte-pop.rte-textsetting-options button:focus,
+.dark .is-ui .is-rte-pop.rte-textsetting-options button:focus {
   background: #0c57a5;
 }
 .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: #0c57a5;
 }
+.dark #_cbhtml .is-rte-pop.rte-customtag-options > div button:focus,
+.dark .is-ui .is-rte-pop.rte-customtag-options > div button:focus {
+  background: #0c57a5;
+}
 .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(69, 153, 241, 0.55);
 }
+.dark #_cbhtml .is-dropdown .dropdown-toggle,
+.dark .is-ui .is-dropdown .dropdown-toggle {
+  color: #fafafa;
+  background: #0b4d93;
+  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: #0b4f97;
+}
+.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: #0b4f97;
+}
+.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(69, 153, 241, 0.55);
+}
+.dark #_cbhtml .is-dropdown .dropdown-menu li.selected,
+.dark .is-ui .is-dropdown .dropdown-menu li.selected {
+  background: rgba(69, 153, 241, 0.55);
+}
 .dark #_cbhtml .elementstyles .elm-list,
 .dark .is-ui .elementstyles .elm-list {
   color: rgba(250, 250, 250, 0.95);

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

@@ -354,12 +354,25 @@
 .dark .is-ui .is-rte-pop .is-rangeslider::-moz-range-thumb {
   background: rgba(119, 184, 255, 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: #0071ec;
 }
-.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: #0074f1;
+}
+.dark #_cbhtml .is-rte-pop.rte-textsetting-options button.on,
+.dark .is-ui .is-rte-pop.rte-textsetting-options button.on {
+  background: #0071ec;
+}
+.dark #_cbhtml .is-rte-pop.rte-textsetting-options button:hover,
+.dark .is-ui .is-rte-pop.rte-textsetting-options button:hover {
+  background: #0074f1;
+}
+.dark #_cbhtml .is-rte-pop.rte-textsetting-options button:focus,
+.dark .is-ui .is-rte-pop.rte-textsetting-options button:focus {
   background: #0074f1;
 }
 .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: #0074f1;
 }
+.dark #_cbhtml .is-rte-pop.rte-customtag-options > div button:focus,
+.dark .is-ui .is-rte-pop.rte-customtag-options > div button:focus {
+  background: #0074f1;
+}
 .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(151, 158, 163, 0.55);
 }
+.dark #_cbhtml .is-dropdown .dropdown-toggle,
+.dark .is-ui .is-dropdown .dropdown-toggle {
+  color: #fafafa;
+  background: #4c5155;
+  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: #4e5458;
+}
+.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: #4e5458;
+}
+.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(151, 158, 163, 0.55);
+}
+.dark #_cbhtml .is-dropdown .dropdown-menu li.selected,
+.dark .is-ui .is-dropdown .dropdown-menu li.selected {
+  background: rgba(151, 158, 163, 0.55);
+}
 .dark #_cbhtml .elementstyles .elm-list,
 .dark .is-ui .elementstyles .elm-list {
   color: rgba(250, 250, 250, 0.95);

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

@@ -354,12 +354,25 @@
 .dark .is-ui .is-rte-pop .is-rangeslider::-moz-range-thumb {
   background: rgba(153, 153, 153, 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: #545454;
 }
-.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: #565656;
+}
+.dark #_cbhtml .is-rte-pop.rte-textsetting-options button.on,
+.dark .is-ui .is-rte-pop.rte-textsetting-options button.on {
+  background: #545454;
+}
+.dark #_cbhtml .is-rte-pop.rte-textsetting-options button:hover,
+.dark .is-ui .is-rte-pop.rte-textsetting-options button:hover {
+  background: #565656;
+}
+.dark #_cbhtml .is-rte-pop.rte-textsetting-options button:focus,
+.dark .is-ui .is-rte-pop.rte-textsetting-options button:focus {
   background: #565656;
 }
 .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: #565656;
 }
+.dark #_cbhtml .is-rte-pop.rte-customtag-options > div button:focus,
+.dark .is-ui .is-rte-pop.rte-customtag-options > div button:focus {
+  background: #565656;
+}
 .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(158, 158, 158, 0.55);
 }
+.dark #_cbhtml .is-dropdown .dropdown-toggle,
+.dark .is-ui .is-dropdown .dropdown-toggle {
+  color: #fafafa;
+  background: #515151;
+  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: #545454;
+}
+.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: #545454;
+}
+.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(158, 158, 158, 0.55);
+}
+.dark #_cbhtml .is-dropdown .dropdown-menu li.selected,
+.dark .is-ui .is-dropdown .dropdown-menu li.selected {
+  background: rgba(158, 158, 158, 0.55);
+}
 .dark #_cbhtml .elementstyles .elm-list,
 .dark .is-ui .elementstyles .elm-list {
   color: rgba(250, 250, 250, 0.95);

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

@@ -354,12 +354,25 @@
 .dark .is-ui .is-rte-pop .is-rangeslider::-moz-range-thumb {
   background: rgba(248, 185, 205, 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: #ea3d73;
 }
-.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: #eb4176;
+}
+.dark #_cbhtml .is-rte-pop.rte-textsetting-options button.on,
+.dark .is-ui .is-rte-pop.rte-textsetting-options button.on {
+  background: #ea3d73;
+}
+.dark #_cbhtml .is-rte-pop.rte-textsetting-options button:hover,
+.dark .is-ui .is-rte-pop.rte-textsetting-options button:hover {
+  background: #eb4176;
+}
+.dark #_cbhtml .is-rte-pop.rte-textsetting-options button:focus,
+.dark .is-ui .is-rte-pop.rte-textsetting-options button:focus {
   background: #eb4176;
 }
 .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: #eb4176;
 }
+.dark #_cbhtml .is-rte-pop.rte-customtag-options > div button:focus,
+.dark .is-ui .is-rte-pop.rte-customtag-options > div button:focus {
+  background: #eb4176;
+}
 .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(155, 147, 150, 0.55);
 }
+.dark #_cbhtml .is-dropdown .dropdown-toggle,
+.dark .is-ui .is-dropdown .dropdown-toggle {
+  color: #fafafa;
+  background: #4d484a;
+  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: #504a4d;
+}
+.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: #504a4d;
+}
+.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(155, 147, 150, 0.55);
+}
+.dark #_cbhtml .is-dropdown .dropdown-menu li.selected,
+.dark .is-ui .is-dropdown .dropdown-menu li.selected {
+  background: rgba(155, 147, 150, 0.55);
+}
 .dark #_cbhtml .elementstyles .elm-list,
 .dark .is-ui .elementstyles .elm-list {
   color: rgba(250, 250, 250, 0.95);

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

@@ -354,12 +354,25 @@
 .dark .is-ui .is-rte-pop .is-rangeslider::-moz-range-thumb {
   background: rgba(190, 176, 230, 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: #6849c4;
 }
-.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: #6b4cc5;
+}
+.dark #_cbhtml .is-rte-pop.rte-textsetting-options button.on,
+.dark .is-ui .is-rte-pop.rte-textsetting-options button.on {
+  background: #6849c4;
+}
+.dark #_cbhtml .is-rte-pop.rte-textsetting-options button:hover,
+.dark .is-ui .is-rte-pop.rte-textsetting-options button:hover {
+  background: #6b4cc5;
+}
+.dark #_cbhtml .is-rte-pop.rte-textsetting-options button:focus,
+.dark .is-ui .is-rte-pop.rte-textsetting-options button:focus {
   background: #6b4cc5;
 }
 .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: #6b4cc5;
 }
+.dark #_cbhtml .is-rte-pop.rte-customtag-options > div button:focus,
+.dark .is-ui .is-rte-pop.rte-customtag-options > div button:focus {
+  background: #6b4cc5;
+}
 .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(184, 170, 228, 0.55);
 }
+.dark #_cbhtml .is-dropdown .dropdown-toggle,
+.dark .is-ui .is-dropdown .dropdown-toggle {
+  color: #fafafa;
+  background: #5b3bb9;
+  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: #5d3dbd;
+}
+.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: #5d3dbd;
+}
+.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(184, 170, 228, 0.55);
+}
+.dark #_cbhtml .is-dropdown .dropdown-menu li.selected,
+.dark .is-ui .is-dropdown .dropdown-menu li.selected {
+  background: rgba(184, 170, 228, 0.55);
+}
 .dark #_cbhtml .elementstyles .elm-list,
 .dark .is-ui .elementstyles .elm-list {
   color: rgba(250, 250, 250, 0.95);

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

@@ -354,12 +354,25 @@
 .dark .is-ui .is-rte-pop .is-rangeslider::-moz-range-thumb {
   background: rgba(249, 181, 181, 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: #ee3636;
 }
-.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: #ef3b3b;
+}
+.dark #_cbhtml .is-rte-pop.rte-textsetting-options button.on,
+.dark .is-ui .is-rte-pop.rte-textsetting-options button.on {
+  background: #ee3636;
+}
+.dark #_cbhtml .is-rte-pop.rte-textsetting-options button:hover,
+.dark .is-ui .is-rte-pop.rte-textsetting-options button:hover {
+  background: #ef3b3b;
+}
+.dark #_cbhtml .is-rte-pop.rte-textsetting-options button:focus,
+.dark .is-ui .is-rte-pop.rte-textsetting-options button:focus {
   background: #ef3b3b;
 }
 .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: #ef3b3b;
 }
+.dark #_cbhtml .is-rte-pop.rte-customtag-options > div button:focus,
+.dark .is-ui .is-rte-pop.rte-customtag-options > div button:focus {
+  background: #ef3b3b;
+}
 .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(149, 144, 144, 0.55);
 }
+.dark #_cbhtml .is-dropdown .dropdown-toggle,
+.dark .is-ui .is-dropdown .dropdown-toggle {
+  color: #fafafa;
+  background: #474444;
+  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: #4a4646;
+}
+.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: #4a4646;
+}
+.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(149, 144, 144, 0.55);
+}
+.dark #_cbhtml .is-dropdown .dropdown-menu li.selected,
+.dark .is-ui .is-dropdown .dropdown-menu li.selected {
+  background: rgba(149, 144, 144, 0.55);
+}
 .dark #_cbhtml .elementstyles .elm-list,
 .dark .is-ui .elementstyles .elm-list {
   color: rgba(250, 250, 250, 0.95);

package/public/contentbuilder/themes/dark.css

@@ -354,12 +354,25 @@
 .dark .is-ui .is-rte-pop .is-rangeslider::-moz-range-thumb {
   background: #9a9a9a;
 }
-.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: #535353;
 }
-.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: #535353;
+}
+.dark #_cbhtml .is-rte-pop.rte-textsetting-options button.on,
+.dark .is-ui .is-rte-pop.rte-textsetting-options button.on {
+  background: #535353;
+}
+.dark #_cbhtml .is-rte-pop.rte-textsetting-options button:hover,
+.dark .is-ui .is-rte-pop.rte-textsetting-options button:hover {
+  background: #535353;
+}
+.dark #_cbhtml .is-rte-pop.rte-textsetting-options button:focus,
+.dark .is-ui .is-rte-pop.rte-textsetting-options button:focus {
   background: #535353;
 }
 .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: #535353;
 }
+.dark #_cbhtml .is-rte-pop.rte-customtag-options > div button:focus,
+.dark .is-ui .is-rte-pop.rte-customtag-options > div button:focus {
+  background: #535353;
+}
 .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);
@@ -962,6 +979,45 @@
 .dark .is-ui .is-selectbox-options > div.selected {
   background: #c5c5c5;
 }
+.dark #_cbhtml .is-dropdown .dropdown-toggle,
+.dark .is-ui .is-dropdown .dropdown-toggle {
+  color: #000;
+  background: #bdbdbd;
+}
+.dark #_cbhtml .is-dropdown .dropdown-toggle:hover,
+.dark .is-ui .is-dropdown .dropdown-toggle:hover {
+  background: #c1c1c1;
+}
+.dark #_cbhtml .is-dropdown .dropdown-toggle svg,
+.dark .is-ui .is-dropdown .dropdown-toggle svg {
+  fill: #000;
+}
+.dark #_cbhtml .is-dropdown .dropdown-toggle::after,
+.dark .is-ui .is-dropdown .dropdown-toggle::after {
+  border-top-color: #000;
+}
+.dark #_cbhtml .is-dropdown .dropdown-toggle.active::after,
+.dark .is-ui .is-dropdown .dropdown-toggle.active::after {
+  border-bottom-color: #000;
+}
+.dark #_cbhtml .is-dropdown .dropdown-menu,
+.dark .is-ui .is-dropdown .dropdown-menu {
+  border: transparent 1px solid;
+  background-color: #d8d8d8;
+}
+.dark #_cbhtml .is-dropdown .dropdown-menu li,
+.dark .is-ui .is-dropdown .dropdown-menu li {
+  color: #000;
+}
+.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: #c5c5c5;
+}
+.dark #_cbhtml .is-dropdown .dropdown-menu li.selected,
+.dark .is-ui .is-dropdown .dropdown-menu li.selected {
+  background: #c5c5c5;
+}
 .dark #_cbhtml .elementstyles .elm-list,
 .dark .is-ui .elementstyles .elm-list {
   color: rgba(250, 250, 250, 0.95);