From fc0d0b2da752893f58f3fcd61290b14f9eb8bbd8 Mon Sep 17 00:00:00 2001
From: Sharon Kennedy <sharon@nomadiclabs.ca>
Date: Thu, 2 Apr 2020 18:04:23 -0400
Subject: [PATCH] fix input colours in dark mode

---
 src/components/_dark_mode.scss | 52 ++++++++++++++++++++++++----------
 1 file changed, 37 insertions(+), 15 deletions(-)

diff --git a/src/components/_dark_mode.scss b/src/components/_dark_mode.scss
index d661025..f7cc927 100644
--- a/src/components/_dark_mode.scss
+++ b/src/components/_dark_mode.scss
@@ -117,26 +117,48 @@
     }
 
     .input-window {
-      input[type="text"] {
-        background-color: $dark-background-color;
-        color: $light-text-color;
-        border: 1px solid $white;
+      .message-input-container {
+        input[type="text"] {
+          background-color: $dark-background-color;
+          color: $light-text-color;
+          border: 1px solid $white;
 
-        &:hover {
-          border: 1px solid $theme-color;
-          box-shadow: inset 0px 0px 0px 1px $theme-color;
+          &:hover {
+            border: 1px solid $theme-color;
+            box-shadow: inset 0px 0px 0px 1px $theme-color;
+          }
+
+          &:focus {
+            outline: none;
+            border: 1px solid $theme-color;
+            box-shadow: inset 0px 0px 0px 1px $theme-color;
+            background: $dark-theme-highlight-color;
+          }
         }
 
-        &:focus {
-          outline: none;
-          border: 1px solid $theme-color;
-          box-shadow: inset 0px 0px 0px 1px $theme-color;
-          background: $dark-theme-highlight-color;
+        ::placeholder {
+          color: transparentize($light-text-color, 0.3);
+        }
+
+        .emoji-button-container {
+          button {
+            &#emoji-button {
+
+              &:hover {
+                svg path#icon {
+                  fill: $theme-color;
+                }
+              }
+
+              &:focus {
+                svg path#icon {
+                  fill: $light-purple;
+                }
+              }
+            }
+          }
         }
-      }
 
-      ::placeholder {
-        color: transparentize($light-text-color, 0.3);
       }
 
       input[type="submit"] {