Bunch of dark mode fixes from test page

RIGS/static/scss/_custom-variables.scss

@@ -2,11 +2,10 @@ $font-family-sans-serif:  "Open Sans", sans-serif;
 //Make it look less primary school
 $font-size-base: 0.875rem;
 $theme-colors: (
-  "yellow": #FF8800,
   "success": #00C851,
   "warning": #ffbb33,
   "danger": #CC0000,
   "info": #33b5e5,
-  "primary": #4CB8F1
+  "primary": #3A52A2
 ) !default;
 $enable-shadows: true;

RIGS/static/scss/dark_screen.scss

@@ -21,7 +21,6 @@
     .form-control:not(.btn) {
         background-color: #121416;
         color: $gray-100;
-        border-color: $gray-500;
     }
     .btn-light, .popover-header, .status {
         background-color: #121416 !important;
@@ -43,4 +42,23 @@
     .page-item.disabled {
         opacity: 0.5;
     }
+    .bg-light {
+        color: black;
+        background-color: $gray-200 !important;
+        border-radius: 0.2em;
+    }
+    del {
+      color: black;
+      background-color: $danger;
+      border-radius: 3px;
+    }
+    ins {
+      color: black;
+      background-color: $success;
+      border-radius: 3px;
+    }
+    pre {
+        background: $gray-600;
+        color: white;
+    }
 }

RIGS/static/scss/screen.scss

@@ -64,11 +64,13 @@ textarea {
 del {
   background-color: #f2dede;
   border-radius: 3px;
+  padding: 0.1em;
 }
 
 ins {
   background-color: #dff0d8;
   border-radius: 3px;
+  padding: 0.1em;
 }
 
 .nav-link {
@@ -94,6 +96,19 @@ ins {
   transform: translateY(45px); /* TODO Remove absolute positioning */
 }
 
+pre {
+   page-break-inside: avoid;
+    font-family: monospace;
+    font-size: 15px;
+    line-height: 1.6;
+    margin-bottom: 1.6em;
+    max-width: 100%;
+    overflow: auto;
+    padding: 1em 1.5em;
+    display: block;
+    word-wrap: break-word;
+}
+
 svg {
     display: inline;
     white-space: no-wrap;