From eb0caf5b303a657285031ec53ec11a830dbd8099 Mon Sep 17 00:00:00 2001
From: REJack <info@rejack.de>
Date: Mon, 30 Nov 2020 08:45:57 +0100
Subject: [PATCH] small navbar/sidebar dark-mode fixes

---
 build/scss/_forms.scss | 59 ++++++++++++++++++++++--------------------
 1 file changed, 31 insertions(+), 28 deletions(-)

diff --git a/build/scss/_forms.scss b/build/scss/_forms.scss
index 5a37e7151..97c20bb1f 100644
--- a/build/scss/_forms.scss
+++ b/build/scss/_forms.scss
@@ -331,8 +331,35 @@ body.text-sm {
   }
 }
 
+.navbar-dark {
+  .btn-navbar,
+  .form-control-navbar {
+    background-color: lighten($sidebar-dark-bg, 5%);
+    border: 1px solid lighten($sidebar-dark-bg, 15%);
+    color: lighten(color-yiq(lighten($sidebar-dark-bg, 5%)), 15%);
+  }
+  .btn-navbar {
+    &:hover {
+      background-color: lighten($sidebar-dark-bg, 7.5%);
+    }
+    &:focus {
+      background-color: lighten($sidebar-dark-bg, 10%);
+    }
+  }
+
+  .form-control-navbar + .input-group-prepend,
+  .form-control-navbar + .input-group-append {
+    > .btn-navbar {
+      background-color: lighten($sidebar-dark-bg, 5%);
+      color: $white;
+      border: 1px solid lighten($sidebar-dark-bg, 15%);
+      border-left: none;
+    }
+  }
+}
+
 .dark-mode {
-  .form-control,
+  .form-control:not(.form-control-navbar):not(.form-control-sidebar),
   .custom-select,
   .custom-file-label,
   .custom-file-label::after,
@@ -341,7 +368,9 @@ body.text-sm {
     background-color: $dark;
     color: $white;
   }
-  .form-control:not(.form-control-navbar):not(.is-invalid):not(:focus) {
+  .form-control:not(.form-control-navbar):not(.form-control-sidebar):not(.is-invalid):not(:focus),
+  .custom-file-label,
+  .custom-file-label::after {
     border-color: $gray-600;
   }
   select {
@@ -372,30 +401,4 @@ body.text-sm {
       background-color: lighten($dark, 7.5%);
     }
   }
-
-  .navbar-dark {
-    .btn-navbar,
-    .form-control-navbar {
-      background-color: $dark;
-      border: $input-border-width solid $gray-600;
-    }
-    .btn-navbar {
-      &:hover {
-        background-color: lighten($sidebar-dark-bg, 7.5%);
-      }
-      &:focus {
-        background-color: lighten($sidebar-dark-bg, 10%);
-      }
-    }
-
-    .form-control-navbar + .input-group-prepend,
-    .form-control-navbar + .input-group-append {
-      > .btn-navbar {
-        background-color: lighten($dark, 5%);
-        color: $white;
-        border: $input-border-width solid $gray-600;
-        border-left: none;
-      }
-    }
-  }
 }