X-Git-Url: http://source.bookstackapp.com/bookstack/blobdiff_plain/c617190905fe74cae33bcbd1e90ec2340f68d9b7..refs/pull/4467/head:/resources/sass/_header.scss

diff --git a/resources/sass/_header.scss b/resources/sass/_header.scss
index ca2ab83a4..c1b6af4c6 100644
--- a/resources/sass/_header.scss
+++ b/resources/sass/_header.scss
@@ -22,9 +22,6 @@ header {
   border-bottom: 1px solid #DDD;
   box-shadow: $bs-card;
   @include lightDark(border-bottom-color, #DDD, #000);
-  @include whenDark {
-    filter: saturate(0.8) brightness(0.8);
-  }
   .header-links {
     display: flex;
     align-items: center;
@@ -121,15 +118,11 @@ header .search-box {
 }
 #header-search-box-button {
   z-index: 1;
-  left: 16px;
+  inset-inline-start: 16px;
   top: 10px;
   color: #FFF;
   opacity: 0.6;
   @include lightDark(color, rgba(255, 255, 255, 0.8), #AAA);
-  @include rtl {
-    left: auto;
-    right: 16px;
-  }
   svg {
     margin-inline-end: 0;
   }
@@ -173,12 +166,11 @@ header .search-box.search-active:focus-within {
     display: block;
   }
   input {
-    background-color: #EEE;
-    color: #444;
-    border-color: #DDD;
+    @include lightDark(background-color, #EEE, #333);
+    @include lightDark(border-color, #DDD, #111);
   }
-  #header-search-box-button {
-    color: #444;
+  #header-search-box-button, input {
+    @include lightDark(color, #444, #AAA);
   }
 }