feat: Update search input for dark mode

newrelic · Jun 30, 2020 · 8489c32 · 8489c32
1 parent 83f8f85
commit 8489c32
Showing 1 changed file with 9 additions and 1 deletion.
diff --git 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'] {