Fix ace editor and color picker dark theme styles

server/assets/src/scss/main/18201141_custom_webapp.scss

@@ -116,4 +116,61 @@ a.btn:not(.btn-link) {
     -o-transition: min-width 0.2s ease-in-out;
     transition: min-width 0.2s ease-in-out;
   }
+}
+
+// Remove from here when all ace-editors use c-ace-editor
+.ace_editor {
+  color: var(--black) !important;
+  background-color: var(--white) !important;
+  border-radius: 0.25rem;
+  border: 2px solid var(--extra-light);
+
+  .ace_cursor {
+    border-left: 2px solid var(--black);
+  }
+
+  .ace_gutter {
+    background-color: var(--light) !important;
+    color: var(--black) !important;
+
+    .ace_gutter-active-line {
+      background-color: var(--extra-light) !important;
+    }
+  }
+
+  .ace_text {
+    color: var(--black) !important;
+  }
+
+  .ace_keyword {
+    color: var(--primary) !important;
+  }
+
+  .ace_string {
+    color: var(--secondary) !important;
+  }
+
+  .ace_variable {
+    color: var(--warning) !important;
+  }
+
+  .ace_type {
+    color: var(--secondary) !important;
+  }
+
+  .ace_constant {
+    color: var(--primary) !important;
+  }
+
+  .ace_tag {
+    color: var(--primary) !important;
+  }
+
+  .ace_attribute {
+    color: var(--warning) !important;
+  }
+
+  .ace_comment {
+    color: var(--extra-light) !important;
+  }
 }

server/assets/src/scss/variables/18182031_webapp_variable.scss

@@ -69,6 +69,10 @@ $body-color: $black !default;
 $border-color: $extra-light !default;
 $hr-border-color: $border-color !default;
 
+// Modal
+$modal-backdrop-bg: $white !default;
+$modal-backdrop-opacity: .75 !default;
+
 // Options
 $enable-rounded:   true !default;
 $enable-gradients: false !default;