style: change search bar background and border

razonyang · Jan 29, 2023 · 7f5c35b · 7f5c35b
1 parent 40a9b14
commit 7f5c35b
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 6 deletions.
diff --git a/assets/main/scss/_search.scss b/assets/main/scss/_search.scss
@@ -31,7 +31,7 @@
 
 .btn-search {
   background: transparent !important;
-  color: var(--#{$prefix}accent) !important;
+  color: var(--#{$prefix}primary) !important;
   z-index: 6 !important;
   box-shadow: none !important;
 }

diff --git a/assets/main/scss/_top-app-bar.scss b/assets/main/scss/_top-app-bar.scss
@@ -32,10 +32,6 @@ $header-caret-width: 0.35em;
     }
   }
 
-  .form-control {
-    color: var(--#{$prefix}on-primary);
-  }
-
   a {
     &:hover {
       text-decoration: none;

diff --git a/layouts/partials/header/search-bar.html b/layouts/partials/header/search-bar.html
@@ -7,7 +7,7 @@
         <span class="btn btn-search disabled position-absolute left-0 border-0">
           <i class="fas fa-fw fa-search fa-lg"></i>
         </span>
-        <input class="py-2 form-control rounded search-input" name="q" type="search" aria-label="Search" required>
+        <input class="py-2 form-control border-white rounded search-input bg-body" name="q" type="search" aria-label="Search" required>
       </div>
     </form>
   {{- end }}