From d4f1e6d11b9f53fbfc9866ff3762680fb0b9488a Mon Sep 17 00:00:00 2001
From: Kris <kris.aubuchon@discourse.org>
Date: Tue, 22 Oct 2019 16:32:24 -0400
Subject: [PATCH] UX: update disabled dropdowns style w/ color variables

---
 app/assets/stylesheets/common/base/user.scss              | 2 +-
 app/assets/stylesheets/common/select-kit/combo-box.scss   | 8 ++++++--
 .../stylesheets/common/select-kit/multi-select.scss       | 8 ++++++--
 3 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/app/assets/stylesheets/common/base/user.scss b/app/assets/stylesheets/common/base/user.scss
index da5bbb3ef31..872661991ce 100644
--- a/app/assets/stylesheets/common/base/user.scss
+++ b/app/assets/stylesheets/common/base/user.scss
@@ -673,7 +673,7 @@
 
         &:focus {
           box-shadow: none;
-          border-color: #e9e9e9;
+          border-color: $primary-low;
         }
       }
 
diff --git a/app/assets/stylesheets/common/select-kit/combo-box.scss b/app/assets/stylesheets/common/select-kit/combo-box.scss
index 8b6b4d731ec..2894b4782a1 100644
--- a/app/assets/stylesheets/common/select-kit/combo-box.scss
+++ b/app/assets/stylesheets/common/select-kit/combo-box.scss
@@ -78,8 +78,12 @@
 
     &.is-disabled {
       .select-kit-header {
-        background: #e9e9e9;
-        border-color: #ddd;
+        background: $primary-low;
+        border-color: $primary-low-mid;
+        color: $primary-medium;
+        .d-icon {
+          color: $primary-medium;
+        }
       }
     }
 
diff --git a/app/assets/stylesheets/common/select-kit/multi-select.scss b/app/assets/stylesheets/common/select-kit/multi-select.scss
index ca36edb38e5..beff607eee3 100644
--- a/app/assets/stylesheets/common/select-kit/multi-select.scss
+++ b/app/assets/stylesheets/common/select-kit/multi-select.scss
@@ -33,8 +33,12 @@
 
     &.is-disabled {
       .multi-select-header {
-        background: #e9e9e9;
-        border-color: #ddd;
+        background: $primary-low;
+        border-color: $primary-low-mid;
+        color: $primary-medium;
+        .d-icon {
+          color: $primary-medium;
+        }
       }
     }