Add dark mode for search input

2022-08-27 20:34:23 +01:00 · 2022-08-27 20:34:23 +01:00 · f7552e9565
commit f7552e9565
parent 7c7e81f841
1 changed files with 15 additions and 0 deletions
--- a/static/src/scss/_search.scss
+++ b/static/src/scss/_search.scss
@ -26,4 +26,19 @@ body.page-searchpage {
  #result-count {
    margin-bottom: 1rem;
  }
+
+  input[type="search"] {
+    @include dark-mode {
+      background-color: color.adjust($dark, $alpha: -0.2);
+      color: $white;
+
+      &::placeholder {
+        color: rgba(214 210 205 / 80%);
+      }
+
+      &:focus ~ .icon {
+        color: $grey-light !important;
+      }
+    }
+  }
 }