From 8489c32e42c6ee73a5dc28eb3be00bf3f14c7ff9 Mon Sep 17 00:00:00 2001 From: Jerel Miller Date: Mon, 29 Jun 2020 18:10:58 -0700 Subject: [PATCH] feat: Update search input for dark mode --- src/components/SearchInput.module.scss | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/src/components/SearchInput.module.scss b/src/components/SearchInput.module.scss index 6a5d7a54b..ca4bcb36b 100644 --- a/src/components/SearchInput.module.scss +++ b/src/components/SearchInput.module.scss @@ -6,14 +6,22 @@ } .icon { - stroke: var(--color-neutrals-700); + stroke: var(--primary-text-color); } .input { + color: var(--primary-text-color); width: 100%; font-size: 0.875rem; padding: 0.5rem; padding-right: calc(1rem + 1em); + background: var(--primary-background-color); + + &:focus { + outline: none; + border: 1px solid rgba(0, 126, 138, 0.6); + box-shadow: 0 0 0 4px rgba(0, 126, 138, 0.1); + } } .button[type='button'] {