fix(scss): hotfix for email dark

Author: xidedix

scss/apps/email/_email.scss

@@ -2,7 +2,7 @@
 .email-app {
   display: flex;
   flex-direction: row;
-  background: #fff;
+  background: $card-bg;
   border: 1px solid $border-color;
 
   nav {
@@ -20,6 +20,12 @@
 
     .nav-item {
       position: relative;
+      &:hover {
+        background-color: $list-group-hover-bg;
+      }
+      a:focus {
+        outline: $border-color auto .2rem;
+      }
     }
 
     .nav-link {
@@ -65,7 +71,7 @@
       border-bottom: 1px solid $border-color;
 
       &:hover {
-        background: $gray-100;
+        background-color: $list-group-hover-bg;
       }
 
       .actions {
@@ -83,10 +89,13 @@
       }
 
       a {
-        color: #000;
+        color: $body-color;
         &:hover {
           text-decoration: none;
         }
+        &:focus {
+          outline: $border-color auto .2rem;
+        }
       }
 
       &.unread {
@@ -191,7 +200,6 @@
       }
     }
   }
-  // .compones { }
 }
 
 @include media-breakpoint-down(sm) {

scss/themes/dark/_email.scss

@@ -0,0 +1,27 @@
+.email-app {
+  .toolbar {
+    .btn {
+      color: $gray-200;
+      background-color: $gray-800;
+      border-color: $gray-800;
+
+      &:hover {
+        background-color: $gray-750;
+      }
+    }
+    .dropdown-menu.show {
+      background-color: $gray-800;
+    }
+    .dropdown-item:active {
+      color: $gray-200;
+      background-color: $gray-700;
+    }
+    .dropdown-item:hover {
+      color: $gray-200;
+      background-color: $gray-750;
+    }
+  }
+  .form-control {
+    border-color: $gray-750;
+  }
+}