@innovastudio/contentbuilder 1.3.25 → 1.3.27

package/public/contentbuilder/themes/dark.css

@@ -157,6 +157,32 @@
 .dark .is-ui .style-helper-button-classic svg {
   fill: #fafafa;
 }
+.dark #_cbhtml .is-area,
+.dark .is-ui .is-area {
+  color: #fafafa !important;
+  background: #343434 !important;
+}
+.dark #_cbhtml .is-area button,
+.dark .is-ui .is-area button {
+  color: #fafafa !important;
+}
+.dark #_cbhtml .is-area button svg,
+.dark .is-ui .is-area button svg {
+  fill: #fafafa !important;
+}
+.dark #_cbhtml .is-area-2nd,
+.dark .is-ui .is-area-2nd {
+  color: #fafafa !important;
+  background: #868686 !important;
+}
+.dark #_cbhtml .is-area-2nd button,
+.dark .is-ui .is-area-2nd button {
+  color: #fafafa !important;
+}
+.dark #_cbhtml .is-area-2nd button svg,
+.dark .is-ui .is-area-2nd button svg {
+  fill: #fafafa !important;
+}
 .dark #_cbhtml .is-pop,
 .dark .is-ui .is-pop {
   color: #fafafa;
@@ -995,10 +1021,12 @@
 .dark #_cbhtml .is-dropdown .dropdown-toggle::after,
 .dark .is-ui .is-dropdown .dropdown-toggle::after {
   border-top-color: #000;
+  border-bottom-color: transparent;
 }
 .dark #_cbhtml .is-dropdown .dropdown-toggle.active::after,
 .dark .is-ui .is-dropdown .dropdown-toggle.active::after {
   border-bottom-color: #000;
+  border-top-color: transparent;
 }
 .dark #_cbhtml .is-dropdown .dropdown-menu,
 .dark .is-ui .is-dropdown .dropdown-menu {
@@ -1008,6 +1036,7 @@
 .dark #_cbhtml .is-dropdown .dropdown-menu li,
 .dark .is-ui .is-dropdown .dropdown-menu li {
   color: #000;
+  background-color: #d8d8d8;
 }
 .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,

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

@@ -157,6 +157,32 @@
 .light .is-ui .style-helper-button-classic svg {
   fill: #000;
 }
+.light #_cbhtml .is-area,
+.light .is-ui .is-area {
+  color: #000 !important;
+  background: #e3e9f3 !important;
+}
+.light #_cbhtml .is-area button,
+.light .is-ui .is-area button {
+  color: #000 !important;
+}
+.light #_cbhtml .is-area button svg,
+.light .is-ui .is-area button svg {
+  fill: #000 !important;
+}
+.light #_cbhtml .is-area-2nd,
+.light .is-ui .is-area-2nd {
+  color: #000 !important;
+  background: #eaeff6 !important;
+}
+.light #_cbhtml .is-area-2nd button,
+.light .is-ui .is-area-2nd button {
+  color: #000 !important;
+}
+.light #_cbhtml .is-area-2nd button svg,
+.light .is-ui .is-area-2nd button svg {
+  fill: #000 !important;
+}
 .light #_cbhtml .is-pop,
 .light .is-ui .is-pop {
   color: #000;
@@ -989,10 +1015,12 @@
 .light #_cbhtml .is-dropdown .dropdown-toggle::after,
 .light .is-ui .is-dropdown .dropdown-toggle::after {
   border-top-color: #000;
+  border-bottom-color: transparent;
 }
 .light #_cbhtml .is-dropdown .dropdown-toggle.active::after,
 .light .is-ui .is-dropdown .dropdown-toggle.active::after {
   border-bottom-color: #000;
+  border-top-color: transparent;
 }
 .light #_cbhtml .is-dropdown .dropdown-menu,
 .light .is-ui .is-dropdown .dropdown-menu {
@@ -1002,6 +1030,7 @@
 .light #_cbhtml .is-dropdown .dropdown-menu li,
 .light .is-ui .is-dropdown .dropdown-menu li {
   color: #000;
+  background-color: #e3e9f3;
 }
 .light #_cbhtml .is-dropdown .dropdown-menu li:hover, .light #_cbhtml .is-dropdown .dropdown-menu li:focus,
 .light .is-ui .is-dropdown .dropdown-menu li:hover,

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

@@ -157,6 +157,32 @@
 .light .is-ui .style-helper-button-classic svg {
   fill: #000;
 }
+.light #_cbhtml .is-area,
+.light .is-ui .is-area {
+  color: #000 !important;
+  background: #cfe8f5 !important;
+}
+.light #_cbhtml .is-area button,
+.light .is-ui .is-area button {
+  color: #000 !important;
+}
+.light #_cbhtml .is-area button svg,
+.light .is-ui .is-area button svg {
+  fill: #000 !important;
+}
+.light #_cbhtml .is-area-2nd,
+.light .is-ui .is-area-2nd {
+  color: #000 !important;
+  background: #ecf2f6 !important;
+}
+.light #_cbhtml .is-area-2nd button,
+.light .is-ui .is-area-2nd button {
+  color: #000 !important;
+}
+.light #_cbhtml .is-area-2nd button svg,
+.light .is-ui .is-area-2nd button svg {
+  fill: #000 !important;
+}
 .light #_cbhtml .is-pop,
 .light .is-ui .is-pop {
   color: #000;
@@ -989,10 +1015,12 @@
 .light #_cbhtml .is-dropdown .dropdown-toggle::after,
 .light .is-ui .is-dropdown .dropdown-toggle::after {
   border-top-color: #000;
+  border-bottom-color: transparent;
 }
 .light #_cbhtml .is-dropdown .dropdown-toggle.active::after,
 .light .is-ui .is-dropdown .dropdown-toggle.active::after {
   border-bottom-color: #000;
+  border-top-color: transparent;
 }
 .light #_cbhtml .is-dropdown .dropdown-menu,
 .light .is-ui .is-dropdown .dropdown-menu {
@@ -1002,6 +1030,7 @@
 .light #_cbhtml .is-dropdown .dropdown-menu li,
 .light .is-ui .is-dropdown .dropdown-menu li {
   color: #000;
+  background-color: #cfe8f5;
 }
 .light #_cbhtml .is-dropdown .dropdown-menu li:hover, .light #_cbhtml .is-dropdown .dropdown-menu li:focus,
 .light .is-ui .is-dropdown .dropdown-menu li:hover,

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

@@ -157,6 +157,32 @@
 .light .is-ui .style-helper-button-classic svg {
   fill: #000;
 }
+.light #_cbhtml .is-area,
+.light .is-ui .is-area {
+  color: #000 !important;
+  background: #bfcdf7 !important;
+}
+.light #_cbhtml .is-area button,
+.light .is-ui .is-area button {
+  color: #000 !important;
+}
+.light #_cbhtml .is-area button svg,
+.light .is-ui .is-area button svg {
+  fill: #000 !important;
+}
+.light #_cbhtml .is-area-2nd,
+.light .is-ui .is-area-2nd {
+  color: #000 !important;
+  background: #dbdee9 !important;
+}
+.light #_cbhtml .is-area-2nd button,
+.light .is-ui .is-area-2nd button {
+  color: #000 !important;
+}
+.light #_cbhtml .is-area-2nd button svg,
+.light .is-ui .is-area-2nd button svg {
+  fill: #000 !important;
+}
 .light #_cbhtml .is-pop,
 .light .is-ui .is-pop {
   color: #000;
@@ -989,10 +1015,12 @@
 .light #_cbhtml .is-dropdown .dropdown-toggle::after,
 .light .is-ui .is-dropdown .dropdown-toggle::after {
   border-top-color: #000;
+  border-bottom-color: transparent;
 }
 .light #_cbhtml .is-dropdown .dropdown-toggle.active::after,
 .light .is-ui .is-dropdown .dropdown-toggle.active::after {
   border-bottom-color: #000;
+  border-top-color: transparent;
 }
 .light #_cbhtml .is-dropdown .dropdown-menu,
 .light .is-ui .is-dropdown .dropdown-menu {
@@ -1002,6 +1030,7 @@
 .light #_cbhtml .is-dropdown .dropdown-menu li,
 .light .is-ui .is-dropdown .dropdown-menu li {
   color: #000;
+  background-color: #bfcdf7;
 }
 .light #_cbhtml .is-dropdown .dropdown-menu li:hover, .light #_cbhtml .is-dropdown .dropdown-menu li:focus,
 .light .is-ui .is-dropdown .dropdown-menu li:hover,

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

@@ -157,6 +157,32 @@
 .light .is-ui .style-helper-button-classic svg {
   fill: #000;
 }
+.light #_cbhtml .is-area,
+.light .is-ui .is-area {
+  color: #000 !important;
+  background: #d4f1eb !important;
+}
+.light #_cbhtml .is-area button,
+.light .is-ui .is-area button {
+  color: #000 !important;
+}
+.light #_cbhtml .is-area button svg,
+.light .is-ui .is-area button svg {
+  fill: #000 !important;
+}
+.light #_cbhtml .is-area-2nd,
+.light .is-ui .is-area-2nd {
+  color: #000 !important;
+  background: #e8f1ee !important;
+}
+.light #_cbhtml .is-area-2nd button,
+.light .is-ui .is-area-2nd button {
+  color: #000 !important;
+}
+.light #_cbhtml .is-area-2nd button svg,
+.light .is-ui .is-area-2nd button svg {
+  fill: #000 !important;
+}
 .light #_cbhtml .is-pop,
 .light .is-ui .is-pop {
   color: #000;
@@ -989,10 +1015,12 @@
 .light #_cbhtml .is-dropdown .dropdown-toggle::after,
 .light .is-ui .is-dropdown .dropdown-toggle::after {
   border-top-color: #000;
+  border-bottom-color: transparent;
 }
 .light #_cbhtml .is-dropdown .dropdown-toggle.active::after,
 .light .is-ui .is-dropdown .dropdown-toggle.active::after {
   border-bottom-color: #000;
+  border-top-color: transparent;
 }
 .light #_cbhtml .is-dropdown .dropdown-menu,
 .light .is-ui .is-dropdown .dropdown-menu {
@@ -1002,6 +1030,7 @@
 .light #_cbhtml .is-dropdown .dropdown-menu li,
 .light .is-ui .is-dropdown .dropdown-menu li {
   color: #000;
+  background-color: #d4f1eb;
 }
 .light #_cbhtml .is-dropdown .dropdown-menu li:hover, .light #_cbhtml .is-dropdown .dropdown-menu li:focus,
 .light .is-ui .is-dropdown .dropdown-menu li:hover,

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

@@ -157,6 +157,32 @@
 .light .is-ui .style-helper-button-classic svg {
   fill: #000;
 }
+.light #_cbhtml .is-area,
+.light .is-ui .is-area {
+  color: #000 !important;
+  background: #cecece !important;
+}
+.light #_cbhtml .is-area button,
+.light .is-ui .is-area button {
+  color: #000 !important;
+}
+.light #_cbhtml .is-area button svg,
+.light .is-ui .is-area button svg {
+  fill: #000 !important;
+}
+.light #_cbhtml .is-area-2nd,
+.light .is-ui .is-area-2nd {
+  color: #000 !important;
+  background: #e7e7e7 !important;
+}
+.light #_cbhtml .is-area-2nd button,
+.light .is-ui .is-area-2nd button {
+  color: #000 !important;
+}
+.light #_cbhtml .is-area-2nd button svg,
+.light .is-ui .is-area-2nd button svg {
+  fill: #000 !important;
+}
 .light #_cbhtml .is-pop,
 .light .is-ui .is-pop {
   color: #000;
@@ -989,10 +1015,12 @@
 .light #_cbhtml .is-dropdown .dropdown-toggle::after,
 .light .is-ui .is-dropdown .dropdown-toggle::after {
   border-top-color: #000;
+  border-bottom-color: transparent;
 }
 .light #_cbhtml .is-dropdown .dropdown-toggle.active::after,
 .light .is-ui .is-dropdown .dropdown-toggle.active::after {
   border-bottom-color: #000;
+  border-top-color: transparent;
 }
 .light #_cbhtml .is-dropdown .dropdown-menu,
 .light .is-ui .is-dropdown .dropdown-menu {
@@ -1002,6 +1030,7 @@
 .light #_cbhtml .is-dropdown .dropdown-menu li,
 .light .is-ui .is-dropdown .dropdown-menu li {
   color: #000;
+  background-color: #cecece;
 }
 .light #_cbhtml .is-dropdown .dropdown-menu li:hover, .light #_cbhtml .is-dropdown .dropdown-menu li:focus,
 .light .is-ui .is-dropdown .dropdown-menu li:hover,

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

@@ -157,6 +157,32 @@
 .light .is-ui .style-helper-button-classic svg {
   fill: #000;
 }
+.light #_cbhtml .is-area,
+.light .is-ui .is-area {
+  color: #000 !important;
+  background: #e3e3e3 !important;
+}
+.light #_cbhtml .is-area button,
+.light .is-ui .is-area button {
+  color: #000 !important;
+}
+.light #_cbhtml .is-area button svg,
+.light .is-ui .is-area button svg {
+  fill: #000 !important;
+}
+.light #_cbhtml .is-area-2nd,
+.light .is-ui .is-area-2nd {
+  color: #000 !important;
+  background: #eaeaea !important;
+}
+.light #_cbhtml .is-area-2nd button,
+.light .is-ui .is-area-2nd button {
+  color: #000 !important;
+}
+.light #_cbhtml .is-area-2nd button svg,
+.light .is-ui .is-area-2nd button svg {
+  fill: #000 !important;
+}
 .light #_cbhtml .is-pop,
 .light .is-ui .is-pop {
   color: #000;
@@ -989,10 +1015,12 @@
 .light #_cbhtml .is-dropdown .dropdown-toggle::after,
 .light .is-ui .is-dropdown .dropdown-toggle::after {
   border-top-color: #000;
+  border-bottom-color: transparent;
 }
 .light #_cbhtml .is-dropdown .dropdown-toggle.active::after,
 .light .is-ui .is-dropdown .dropdown-toggle.active::after {
   border-bottom-color: #000;
+  border-top-color: transparent;
 }
 .light #_cbhtml .is-dropdown .dropdown-menu,
 .light .is-ui .is-dropdown .dropdown-menu {
@@ -1002,6 +1030,7 @@
 .light #_cbhtml .is-dropdown .dropdown-menu li,
 .light .is-ui .is-dropdown .dropdown-menu li {
   color: #000;
+  background-color: #e3e3e3;
 }
 .light #_cbhtml .is-dropdown .dropdown-menu li:hover, .light #_cbhtml .is-dropdown .dropdown-menu li:focus,
 .light .is-ui .is-dropdown .dropdown-menu li:hover,

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

@@ -157,6 +157,32 @@
 .light .is-ui .style-helper-button-classic svg {
   fill: #000;
 }
+.light #_cbhtml .is-area,
+.light .is-ui .is-area {
+  color: #000 !important;
+  background: #e3e3e3 !important;
+}
+.light #_cbhtml .is-area button,
+.light .is-ui .is-area button {
+  color: #000 !important;
+}
+.light #_cbhtml .is-area button svg,
+.light .is-ui .is-area button svg {
+  fill: #000 !important;
+}
+.light #_cbhtml .is-area-2nd,
+.light .is-ui .is-area-2nd {
+  color: #000 !important;
+  background: #eaeaea !important;
+}
+.light #_cbhtml .is-area-2nd button,
+.light .is-ui .is-area-2nd button {
+  color: #000 !important;
+}
+.light #_cbhtml .is-area-2nd button svg,
+.light .is-ui .is-area-2nd button svg {
+  fill: #000 !important;
+}
 .light #_cbhtml .is-pop,
 .light .is-ui .is-pop {
   color: #000;
@@ -989,10 +1015,12 @@
 .light #_cbhtml .is-dropdown .dropdown-toggle::after,
 .light .is-ui .is-dropdown .dropdown-toggle::after {
   border-top-color: #000;
+  border-bottom-color: transparent;
 }
 .light #_cbhtml .is-dropdown .dropdown-toggle.active::after,
 .light .is-ui .is-dropdown .dropdown-toggle.active::after {
   border-bottom-color: #000;
+  border-top-color: transparent;
 }
 .light #_cbhtml .is-dropdown .dropdown-menu,
 .light .is-ui .is-dropdown .dropdown-menu {
@@ -1002,6 +1030,7 @@
 .light #_cbhtml .is-dropdown .dropdown-menu li,
 .light .is-ui .is-dropdown .dropdown-menu li {
   color: #000;
+  background-color: #e3e3e3;
 }
 .light #_cbhtml .is-dropdown .dropdown-menu li:hover, .light #_cbhtml .is-dropdown .dropdown-menu li:focus,
 .light .is-ui .is-dropdown .dropdown-menu li:hover,

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

@@ -157,6 +157,32 @@
 .light .is-ui .style-helper-button-classic svg {
   fill: #000;
 }
+.light #_cbhtml .is-area,
+.light .is-ui .is-area {
+  color: #000 !important;
+  background: #d9ead7 !important;
+}
+.light #_cbhtml .is-area button,
+.light .is-ui .is-area button {
+  color: #000 !important;
+}
+.light #_cbhtml .is-area button svg,
+.light .is-ui .is-area button svg {
+  fill: #000 !important;
+}
+.light #_cbhtml .is-area-2nd,
+.light .is-ui .is-area-2nd {
+  color: #000 !important;
+  background: #e7efe7 !important;
+}
+.light #_cbhtml .is-area-2nd button,
+.light .is-ui .is-area-2nd button {
+  color: #000 !important;
+}
+.light #_cbhtml .is-area-2nd button svg,
+.light .is-ui .is-area-2nd button svg {
+  fill: #000 !important;
+}
 .light #_cbhtml .is-pop,
 .light .is-ui .is-pop {
   color: #000;
@@ -989,10 +1015,12 @@
 .light #_cbhtml .is-dropdown .dropdown-toggle::after,
 .light .is-ui .is-dropdown .dropdown-toggle::after {
   border-top-color: #000;
+  border-bottom-color: transparent;
 }
 .light #_cbhtml .is-dropdown .dropdown-toggle.active::after,
 .light .is-ui .is-dropdown .dropdown-toggle.active::after {
   border-bottom-color: #000;
+  border-top-color: transparent;
 }
 .light #_cbhtml .is-dropdown .dropdown-menu,
 .light .is-ui .is-dropdown .dropdown-menu {
@@ -1002,6 +1030,7 @@
 .light #_cbhtml .is-dropdown .dropdown-menu li,
 .light .is-ui .is-dropdown .dropdown-menu li {
   color: #000;
+  background-color: #d9ead7;
 }
 .light #_cbhtml .is-dropdown .dropdown-menu li:hover, .light #_cbhtml .is-dropdown .dropdown-menu li:focus,
 .light .is-ui .is-dropdown .dropdown-menu li:hover,

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

@@ -157,6 +157,32 @@
 .light .is-ui .style-helper-button-classic svg {
   fill: #000;
 }
+.light #_cbhtml .is-area,
+.light .is-ui .is-area {
+  color: #000 !important;
+  background: #fbd6f0 !important;
+}
+.light #_cbhtml .is-area button,
+.light .is-ui .is-area button {
+  color: #000 !important;
+}
+.light #_cbhtml .is-area button svg,
+.light .is-ui .is-area button svg {
+  fill: #000 !important;
+}
+.light #_cbhtml .is-area-2nd,
+.light .is-ui .is-area-2nd {
+  color: #000 !important;
+  background: #f3ebf0 !important;
+}
+.light #_cbhtml .is-area-2nd button,
+.light .is-ui .is-area-2nd button {
+  color: #000 !important;
+}
+.light #_cbhtml .is-area-2nd button svg,
+.light .is-ui .is-area-2nd button svg {
+  fill: #000 !important;
+}
 .light #_cbhtml .is-pop,
 .light .is-ui .is-pop {
   color: #000;
@@ -989,10 +1015,12 @@
 .light #_cbhtml .is-dropdown .dropdown-toggle::after,
 .light .is-ui .is-dropdown .dropdown-toggle::after {
   border-top-color: #000;
+  border-bottom-color: transparent;
 }
 .light #_cbhtml .is-dropdown .dropdown-toggle.active::after,
 .light .is-ui .is-dropdown .dropdown-toggle.active::after {
   border-bottom-color: #000;
+  border-top-color: transparent;
 }
 .light #_cbhtml .is-dropdown .dropdown-menu,
 .light .is-ui .is-dropdown .dropdown-menu {
@@ -1002,6 +1030,7 @@
 .light #_cbhtml .is-dropdown .dropdown-menu li,
 .light .is-ui .is-dropdown .dropdown-menu li {
   color: #000;
+  background-color: #fbd6f0;
 }
 .light #_cbhtml .is-dropdown .dropdown-menu li:hover, .light #_cbhtml .is-dropdown .dropdown-menu li:focus,
 .light .is-ui .is-dropdown .dropdown-menu li:hover,

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

@@ -157,6 +157,32 @@
 .light .is-ui .style-helper-button-classic svg {
   fill: #000;
 }
+.light #_cbhtml .is-area,
+.light .is-ui .is-area {
+  color: #000 !important;
+  background: #fbd6f0 !important;
+}
+.light #_cbhtml .is-area button,
+.light .is-ui .is-area button {
+  color: #000 !important;
+}
+.light #_cbhtml .is-area button svg,
+.light .is-ui .is-area button svg {
+  fill: #000 !important;
+}
+.light #_cbhtml .is-area-2nd,
+.light .is-ui .is-area-2nd {
+  color: #000 !important;
+  background: #f3ebf0 !important;
+}
+.light #_cbhtml .is-area-2nd button,
+.light .is-ui .is-area-2nd button {
+  color: #000 !important;
+}
+.light #_cbhtml .is-area-2nd button svg,
+.light .is-ui .is-area-2nd button svg {
+  fill: #000 !important;
+}
 .light #_cbhtml .is-pop,
 .light .is-ui .is-pop {
   color: #000;
@@ -989,10 +1015,12 @@
 .light #_cbhtml .is-dropdown .dropdown-toggle::after,
 .light .is-ui .is-dropdown .dropdown-toggle::after {
   border-top-color: #000;
+  border-bottom-color: transparent;
 }
 .light #_cbhtml .is-dropdown .dropdown-toggle.active::after,
 .light .is-ui .is-dropdown .dropdown-toggle.active::after {
   border-bottom-color: #000;
+  border-top-color: transparent;
 }
 .light #_cbhtml .is-dropdown .dropdown-menu,
 .light .is-ui .is-dropdown .dropdown-menu {
@@ -1002,6 +1030,7 @@
 .light #_cbhtml .is-dropdown .dropdown-menu li,
 .light .is-ui .is-dropdown .dropdown-menu li {
   color: #000;
+  background-color: #fbd6f0;
 }
 .light #_cbhtml .is-dropdown .dropdown-menu li:hover, .light #_cbhtml .is-dropdown .dropdown-menu li:focus,
 .light .is-ui .is-dropdown .dropdown-menu li:hover,

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

@@ -157,6 +157,32 @@
 .light .is-ui .style-helper-button-classic svg {
   fill: #000;
 }
+.light #_cbhtml .is-area,
+.light .is-ui .is-area {
+  color: #000 !important;
+  background: #e3e2f3 !important;
+}
+.light #_cbhtml .is-area button,
+.light .is-ui .is-area button {
+  color: #000 !important;
+}
+.light #_cbhtml .is-area button svg,
+.light .is-ui .is-area button svg {
+  fill: #000 !important;
+}
+.light #_cbhtml .is-area-2nd,
+.light .is-ui .is-area-2nd {
+  color: #000 !important;
+  background: #eae9f6 !important;
+}
+.light #_cbhtml .is-area-2nd button,
+.light .is-ui .is-area-2nd button {
+  color: #000 !important;
+}
+.light #_cbhtml .is-area-2nd button svg,
+.light .is-ui .is-area-2nd button svg {
+  fill: #000 !important;
+}
 .light #_cbhtml .is-pop,
 .light .is-ui .is-pop {
   color: #000;
@@ -989,10 +1015,12 @@
 .light #_cbhtml .is-dropdown .dropdown-toggle::after,
 .light .is-ui .is-dropdown .dropdown-toggle::after {
   border-top-color: #000;
+  border-bottom-color: transparent;
 }
 .light #_cbhtml .is-dropdown .dropdown-toggle.active::after,
 .light .is-ui .is-dropdown .dropdown-toggle.active::after {
   border-bottom-color: #000;
+  border-top-color: transparent;
 }
 .light #_cbhtml .is-dropdown .dropdown-menu,
 .light .is-ui .is-dropdown .dropdown-menu {
@@ -1002,6 +1030,7 @@
 .light #_cbhtml .is-dropdown .dropdown-menu li,
 .light .is-ui .is-dropdown .dropdown-menu li {
   color: #000;
+  background-color: #e3e2f3;
 }
 .light #_cbhtml .is-dropdown .dropdown-menu li:hover, .light #_cbhtml .is-dropdown .dropdown-menu li:focus,
 .light .is-ui .is-dropdown .dropdown-menu li:hover,

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

@@ -157,6 +157,32 @@
 .light .is-ui .style-helper-button-classic svg {
   fill: #000;
 }
+.light #_cbhtml .is-area,
+.light .is-ui .is-area {
+  color: #000 !important;
+  background: #e3d8ef !important;
+}
+.light #_cbhtml .is-area button,
+.light .is-ui .is-area button {
+  color: #000 !important;
+}
+.light #_cbhtml .is-area button svg,
+.light .is-ui .is-area button svg {
+  fill: #000 !important;
+}
+.light #_cbhtml .is-area-2nd,
+.light .is-ui .is-area-2nd {
+  color: #000 !important;
+  background: #eae5ef !important;
+}
+.light #_cbhtml .is-area-2nd button,
+.light .is-ui .is-area-2nd button {
+  color: #000 !important;
+}
+.light #_cbhtml .is-area-2nd button svg,
+.light .is-ui .is-area-2nd button svg {
+  fill: #000 !important;
+}
 .light #_cbhtml .is-pop,
 .light .is-ui .is-pop {
   color: #000;
@@ -989,10 +1015,12 @@
 .light #_cbhtml .is-dropdown .dropdown-toggle::after,
 .light .is-ui .is-dropdown .dropdown-toggle::after {
   border-top-color: #000;
+  border-bottom-color: transparent;
 }
 .light #_cbhtml .is-dropdown .dropdown-toggle.active::after,
 .light .is-ui .is-dropdown .dropdown-toggle.active::after {
   border-bottom-color: #000;
+  border-top-color: transparent;
 }
 .light #_cbhtml .is-dropdown .dropdown-menu,
 .light .is-ui .is-dropdown .dropdown-menu {
@@ -1002,6 +1030,7 @@
 .light #_cbhtml .is-dropdown .dropdown-menu li,
 .light .is-ui .is-dropdown .dropdown-menu li {
   color: #000;
+  background-color: #e3d8ef;
 }
 .light #_cbhtml .is-dropdown .dropdown-menu li:hover, .light #_cbhtml .is-dropdown .dropdown-menu li:focus,
 .light .is-ui .is-dropdown .dropdown-menu li:hover,