From 1e169729e06ae694ba059852521e42c7a914640b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E3=83=9D=E3=83=BC=E3=83=AB=20=E3=82=A6=E3=82=A7=E3=83=83?=
 =?UTF-8?q?=E3=83=96?= <netopwibby@thenetwork.email>
Date: Fri, 19 Oct 2018 16:37:46 -0500
Subject: [PATCH] Fixed input styling

---
 src/renderer/scss/_gui.scss                   |  2 +-
 .../scss/component/_markdown-editor.scss      |  7 +++++--
 src/renderer/scss/themes/_dark.scss           | 20 ++++++++++++++++---
 3 files changed, 23 insertions(+), 6 deletions(-)

diff --git a/src/renderer/scss/_gui.scss b/src/renderer/scss/_gui.scss
index d7c462e0d..28546d994 100644
--- a/src/renderer/scss/_gui.scss
+++ b/src/renderer/scss/_gui.scss
@@ -331,7 +331,7 @@ p:not(:first-of-type) {
 }
 
 .empty {
-  color: $lbry-gray-1;
+  color: $lbry-gray-5;
   font-style: italic;
 }
 
diff --git a/src/renderer/scss/component/_markdown-editor.scss b/src/renderer/scss/component/_markdown-editor.scss
index 0cbf8c3ea..b6132a137 100644
--- a/src/renderer/scss/component/_markdown-editor.scss
+++ b/src/renderer/scss/component/_markdown-editor.scss
@@ -1,5 +1,8 @@
 .CodeMirror {
-  border: none;
+  border-top: none;
+  border-right: 1px solid $lbry-gray-1;
+  border-bottom: 1px solid $lbry-gray-1;
+  border-left: 1px solid $lbry-gray-1;
   border-radius: 0;
   background: $lbry-white;
   color: $lbry-black;
@@ -17,7 +20,7 @@
   }
 
   .CodeMirror-selectedtext {
-    background-color: rgba($lbry-teal-3, 0.3);
+    background-color: $lbry-teal-5;
     color: $lbry-white;
   }
 
diff --git a/src/renderer/scss/themes/_dark.scss b/src/renderer/scss/themes/_dark.scss
index 7ab69ed14..45b1ba2e5 100644
--- a/src/renderer/scss/themes/_dark.scss
+++ b/src/renderer/scss/themes/_dark.scss
@@ -10,17 +10,22 @@ html[data-theme='dark'] {
     }
   }
 
+  .wunderbar > .icon {
+    color: $lbry-gray-5;
+  }
+
   .wunderbar__active-suggestion {
     background-color: $lbry-blue-4;
     color: inherit;
   }
 
   .wunderbar__input {
-    background-color: rgba($lbry-white, 0.3);
-    color: $lbry-black;
+    background-color: rgba($lbry-white, 0.1);
+    color: $lbry-white;
 
     &:focus {
-      background-color: rgba($lbry-white, 0.5);
+      background-color: rgba($lbry-white, 0.9);
+      color: $lbry-black;
     }
   }
 
@@ -51,10 +56,19 @@ html[data-theme='dark'] {
     color: $lbry-gray-1;
   }
 
+  input.input-copyable {
+    background-color: rgba($lbry-white, 0.1);
+    color: $lbry-white;
+  }
+
   .card__title {
     color: inherit;
   }
 
+  .card--placeholder {
+    background-color: rgba($lbry-white, 0.1);
+  }
+
   .card--section {
     background-color: rgba($lbry-white, 0.1);
   }