Dark mode fixes

Author: octoberapp

assets/css/builder.css

@@ -454,7 +454,7 @@ html.gecko.mac .builder-building-area div[data-root-control-wrapper] {
   margin-right: 0;
 }
 .builder-controllers-builder-area {
-  background: white;
+  background: var(--bs-body-bg, white);
 }
 .builder-controllers-builder-area ul.controller-behavior-list {
   padding: 20px;
@@ -847,7 +847,7 @@ html.gecko.mac .builder-controllers-builder-area ul.controller-behavior-list {
   padding-right: 30px;
 }
 .builder-menu-editor {
-  background: white;
+  background: var(--bs-body-bg, white);
 }
 .builder-menu-editor .builder-menu-editor-workspace {
   padding: 30px;
@@ -1084,7 +1084,7 @@ html.gecko .control-filelist ul li.group {
 }
 .builder-inspector-container {
   width: 350px;
-  border-left: 1px solid #d9d9d9;
+  border-left: 1px solid var(--bs-border-color, #d9d9d9);
 }
 .builder-inspector-container:empty {
   display: none!important;

assets/less/behaviors.less

@@ -1,5 +1,5 @@
 .builder-controllers-builder-area {
-    background: white;
+    background: var(--bs-body-bg, white);
 
     ul.controller-behavior-list {
         .clearfix();
@@ -11,7 +11,7 @@
         li {
             h4 {
                 text-align: center;
-                border-bottom: 1px dotted @builder-control-border-color; 
+                border-bottom: 1px dotted @builder-control-border-color;
                 margin: 0 -20px 40px;
 
                 span {

assets/less/builder.less

@@ -57,7 +57,7 @@ html.gecko .control-filelist ul li.group {
 
 .builder-inspector-container {
     width: 350px;
-    border-left: 1px solid #d9d9d9;
+    border-left: 1px solid var(--bs-border-color, #d9d9d9);
 
     &:empty {
         display: none!important;

assets/less/menus.less

@@ -1,6 +1,6 @@
 .builder-menu-editor {
-    background: white;
-    
+    background: var(--bs-body-bg, white);
+
     .builder-menu-editor-workspace {
         padding: 30px;
     }
@@ -41,10 +41,10 @@
                 &:hover .close-btn {
                     display: block;
                     text-decoration: none;
-                    .opacity(0.5);
+                    opacity: 0.5;
 
                     &:hover {
-                        .opacity(1);
+                        opacity: 1;
                     }
                 }
             }