From f7552e9565edd9d387f8e2e542cbc1a6573424ff Mon Sep 17 00:00:00 2001 From: Jake Howard Date: Sat, 27 Aug 2022 20:34:23 +0100 Subject: [PATCH] Add dark mode for search input --- static/src/scss/_search.scss | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/static/src/scss/_search.scss b/static/src/scss/_search.scss index 55c6ea3..b6f05ec 100644 --- 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; + } + } + } }