From 25c6cbd29aff90f694d72afe28ab56b0113fb16a Mon Sep 17 00:00:00 2001
From: Guille Cura <cura.gf@gmail.com>
Date: Thu, 5 Jul 2018 02:37:43 -0300
Subject: Update stylesheets and added darkMode variable and toggle.

---
 src/styles/searchInput.scss | 30 +++++++++++++++++++++---------
 1 file changed, 21 insertions(+), 9 deletions(-)

(limited to 'src/styles/searchInput.scss')

diff --git a/src/styles/searchInput.scss b/src/styles/searchInput.scss
index 633a31e09..32b9da065 100644
--- a/src/styles/searchInput.scss
+++ b/src/styles/searchInput.scss
@@ -1,20 +1,32 @@
+@import './config.scss';
+@import './mixins.scss';
+
+.theme__dark .search-input {
+  @extend %headline__dark;
+  background: $dark-theme-gray-dark;
+  border: 1px solid $dark-theme-gray-light;
+  border-radius: $theme-border-radius;
+  color: $dark-theme-gray-lightest;
+
+  input { color: $dark-theme-gray-lightest; }
+}
+
 .search-input {
-  width: 100%;
-  height: auto;
-  display: flex;
+  @extend %headline;
   align-items: center;
-  padding: 0 10px;
-  border-radius: 30px;
   background: $theme-gray-lightest;
-  padding: 5px 10px;
-  @extend %headline;
+  border-radius: 30px;
   color: $theme-gray-light;
+  display: flex;
+  height: auto;
+  padding: 5px 10px;
+  width: 100%;
 
   input {
-    padding-left: 10px;
     background: none;
     border: 0;
-    flex: 1;
     color: $theme-gray-light;
+    flex: 1;
+    padding-left: 10px;
   }
 }
-- 
cgit v1.2.3-70-g09d2