adjust scss

src/client/styles/scss/theme/_apply-colors-dark.scss

@@ -7,7 +7,7 @@
   &.active,
   &.active:hover,
   &.active:focus {
-    color: white;
+    color: $light;
     background-color: lighten($bgcolor-global, 5%);
   }
 }
@@ -47,14 +47,6 @@ textarea.form-control {
   }
 }
 
-.modal {
-  .modal-header {
-    .close {
-      color: white;
-    }
-  }
-}
-
 /*
  * Panel
  */

src/client/styles/scss/theme/_apply-colors.scss

@@ -116,10 +116,10 @@ $link-hover-color: $color-link-hover;
     &.bg-success,
     &.bg-warning,
     &.bg-danger {
-      color: white;
+      color: $light;
 
       .close {
-        color: white;
+        color: $light;
       }
     }
 

src/client/styles/scss/theme/default.scss

@@ -17,6 +17,7 @@
 //
 html[light] {
   $primary: #112744;
+  $light: white;
 
   // Background colors
   $bgcolor-global: white;
@@ -55,6 +56,7 @@ html[light] {
 //
 html[dark] {
   $primary: #d65a31;
+  $light: white;
 
   $basecolor: #222831;