From e575ec555f5f57cc9766b765d4d96ff466b2af80 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Mierzwa?= <l.mierzwa@gmail.com>
Date: Sat, 9 May 2020 17:36:02 +0100
Subject: [PATCH] fix(ui): use correct background color for disabled
 react-select inputs

---
 .../Components/MultiSelect/__snapshots__/index.test.js.snap   | 4 ++--
 ui/src/Components/Theme/ReactSelect.js                        | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/ui/src/Components/MultiSelect/__snapshots__/index.test.js.snap b/ui/src/Components/MultiSelect/__snapshots__/index.test.js.snap
index a7dc12987..99ab5ad1e 100644
--- a/ui/src/Components/MultiSelect/__snapshots__/index.test.js.snap
+++ b/ui/src/Components/MultiSelect/__snapshots__/index.test.js.snap
@@ -218,7 +218,7 @@ exports[`<WrappedCustomMultiSelect /> matches snapshot with isDisabled=true 1`]
 "
 <div class=\\"react-select--is-disabled css-14jk2my-container\\">
   <div class=\\"react-select__control react-select__control--is-disabled css-r5n82u-control\\">
-    <div class=\\"react-select__value-container react-select__value-container--has-value css-1ne8613-ValueContainer\\">
+    <div class=\\"react-select__value-container react-select__value-container--has-value css-8r64vq-ValueContainer\\">
       <div class=\\"react-select__single-value react-select__single-value--is-disabled css-1wh03ml-singleValue\\">
         foo
       </div>
@@ -243,7 +243,7 @@ exports[`<WrappedCustomMultiSelect /> matches snapshot with isDisabled=true 1`]
         </div>
       </div>
     </div>
-    <div class=\\"react-select__indicators css-vcwr3k-IndicatorsContainer\\">
+    <div class=\\"react-select__indicators css-15bdmde-IndicatorsContainer\\">
       <span class=\\"react-select__indicator-separator css-109onse-indicatorSeparator\\">
       </span>
       <div aria-hidden=\\"true\\"
diff --git a/ui/src/Components/Theme/ReactSelect.js b/ui/src/Components/Theme/ReactSelect.js
index 4abb52792..9aec43b39 100644
--- a/ui/src/Components/Theme/ReactSelect.js
+++ b/ui/src/Components/Theme/ReactSelect.js
@@ -9,7 +9,7 @@ const ReactSelectColors = {
     menuBackground: "#fff",
     optionHoverBackground: "#455a64",
     valueContainerBackground: "#fff",
-    disabledValueContainerBackground: "#fff",
+    disabledValueContainerBackground: "#ecf0f1",
   },
   Dark: {
     color: "#fff",
@@ -21,7 +21,7 @@ const ReactSelectColors = {
     menuBackground: "#2b2b2b",
     optionHoverBackground: "#455a64",
     valueContainerBackground: "#444",
-    disabledValueContainerBackground: "#fff",
+    disabledValueContainerBackground: "#303030",
   },
 };