From 958cac834cbdd43ccb52b88f37959eba9a3812b9 Mon Sep 17 00:00:00 2001
From: Alex P <thealexpaxton@gmail.com>
Date: Thu, 12 Jan 2017 10:59:04 -0800
Subject: [PATCH] Make text selection readable app-wide, not just inputs

---
 ui/src/style/theme/bootstrap-theme.scss |  6 ++--
 ui/src/style/theme/theme-dark.scss      | 37 ++++++++++---------------
 2 files changed, 17 insertions(+), 26 deletions(-)

diff --git a/ui/src/style/theme/bootstrap-theme.scss b/ui/src/style/theme/bootstrap-theme.scss
index 7df064cc4..8a77f8841 100755
--- a/ui/src/style/theme/bootstrap-theme.scss
+++ b/ui/src/style/theme/bootstrap-theme.scss
@@ -454,17 +454,17 @@ a:active.link-warning {
 }
 ::-moz-selection {
   color: #fff;
-  background-color: #757888;
+  background-color: #22ADF6;
   /* WebKit/Blink Browsers */
 }
 ::selection {
   color: #fff;
-  background-color: #757888;
+  background-color: #22ADF6;
   /* WebKit/Blink Browsers */
 }
 ::-moz-selection {
   color: #fff;
-  background-color: #757888;
+  background-color: #22ADF6;
   /* Gecko Browsers */
 }
 .btn {
diff --git a/ui/src/style/theme/theme-dark.scss b/ui/src/style/theme/theme-dark.scss
index e1e00fa3f..bfd042d7b 100644
--- a/ui/src/style/theme/theme-dark.scss
+++ b/ui/src/style/theme/theme-dark.scss
@@ -105,20 +105,6 @@
   border-color: $g5-pepper !important;
   color: $g15-platinum !important;
 
-  &::-webkit-input-placeholder { color: $g10-wolf; }
-  &::-moz-placeholder { color: $g10-wolf; }
-  &:-ms-input-placeholder { color: $g10-wolf; }
-  &:-moz-placeholder { color: $g10-wolf; }
-
-  &::selection {
-    background-color: $c-laser;
-    color: $g20-white;
-  }
-  &::-moz-selection {
-    background-color: $c-laser;
-    color: $g20-white;
-  }
-
   &:hover {
     border-color: $g6-smoke !important;
   }
@@ -143,20 +129,25 @@
 .form-group-submit {
   margin-top: 30px;
 }
-textarea {
+
+/* Placeholder Text */
+.form-control,
+textarea,
+input {
   &::-webkit-input-placeholder { color: $g10-wolf; }
   &::-moz-placeholder { color: $g10-wolf; }
   &:-ms-input-placeholder { color: $g10-wolf; }
   &:-moz-placeholder { color: $g10-wolf; }
+}
 
-  &::selection {
-    background-color: $c-laser;
-    color: $g20-white;
-  }
-  &::-moz-selection {
-    background-color: $c-laser;
-    color: $g20-white;
-  }
+/* Text Selection Styling */
+::selection {
+  background-color: $c-pool !important;
+  color: $g20-white !important;
+}
+::-moz-selection {
+  background-color: $c-pool !important;
+  color: $g20-white !important;
 }