Fixes for dark mode

app/views/console/database/collection.phtml

@@ -19,7 +19,7 @@
     <div data-ui-modal class="modal width-large box close" data-button-hide="on" data-open-event="open-json">
         <button type="button" class="close pull-end" data-ui-modal-close=""><i class="icon-cancel"></i></button>    
         
-        <h2>View as JSON</h2>
+        <h2>JSON View</h2>
 
         <div class="margin-bottom">
             <input type="hidden" data-ls-bind="{{project-collection}}" data-forms-code />

app/views/console/database/document.phtml

@@ -28,7 +28,7 @@
         <div data-ui-modal class="modal width-large box close" data-button-hide="on" data-open-event="open-json">
             <button type="button" class="close pull-end" data-ui-modal-close=""><i class="icon-cancel"></i></button>    
             
-            <h2>View as JSON</h2>
+            <h2>JSON View</h2>
 
             <div class="margin-bottom">
                 <input type="hidden" data-ls-bind="{{project-document}}" data-forms-code />

public/styles/forms.less

@@ -147,7 +147,7 @@ button,
 
   &.dark {
     background: var(--config-color-dark);
-    color: #fff;
+    color: var(--config-color-background-fade);
 
     &.reverse {
       color: var(--config-color-dark);
@@ -238,7 +238,7 @@ select {
   -moz-appearance: none;
   -webkit-transform: translateZ(0px);
   box-sizing: content-box;
-  color: var(--config-color-dark);
+  color: #313131;
   height: 40px;
   line-height: 40px;
   border: solid 1px var(--config-color-fade-light);

public/styles/themes.less

@@ -90,6 +90,7 @@
         --config-color-focus-glow: #d3deea;
         --config-color-focus-dark: #657586;
         --config-color-normal: #c7d8eb;
+        --config-color-dark: #c7d8eb;
         --config-color-fade: #bec3e0;
         --config-color-fade-light: #181818;
         --config-color-fade-super: #262D50;