From 47e601129cab416ed64b33cfb7a1fe388c2db88b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Mierzwa?= <l.mierzwa@gmail.com>
Date: Sun, 12 Apr 2020 23:19:27 +0100
Subject: [PATCH] fix(ui): tweak filter input focus bg color for dark theme

---
 ui/src/Styles/Components/FilterInput.scss | 2 +-
 ui/src/Styles/DarkTheme.scss              | 1 +
 ui/src/Styles/LightTheme.scss             | 1 +
 3 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/ui/src/Styles/Components/FilterInput.scss b/ui/src/Styles/Components/FilterInput.scss
index 09043fd8e..408aefac8 100644
--- a/ui/src/Styles/Components/FilterInput.scss
+++ b/ui/src/Styles/Components/FilterInput.scss
@@ -34,5 +34,5 @@ input.components-filterinput-wrapper {
 }
 
 .bg-focused {
-  background-color: lighten($blue, 5%);
+  background-color: $bg-focused;
 }
diff --git a/ui/src/Styles/DarkTheme.scss b/ui/src/Styles/DarkTheme.scss
index 6cb88f64b..9725c5405 100644
--- a/ui/src/Styles/DarkTheme.scss
+++ b/ui/src/Styles/DarkTheme.scss
@@ -81,6 +81,7 @@ $filter-input-hoover-color: $white;
 $placeholder-color: $gray-600;
 $filterinput-border: $navbar-dark-color;
 $grid-swimlane-bg: lighten($dark, 2%);
+$bg-focused: darken($blue, 5%);
 
 $datepicker__background-color: $gray-700;
 $datepicker__border-color: $gray-800;
diff --git a/ui/src/Styles/LightTheme.scss b/ui/src/Styles/LightTheme.scss
index 3b4ca6831..a95aa00cb 100644
--- a/ui/src/Styles/LightTheme.scss
+++ b/ui/src/Styles/LightTheme.scss
@@ -63,6 +63,7 @@ $filter-input-hoover-color: $black;
 $placeholder-color: $secondary;
 $filterinput-border: $navbar-dark-color;
 $grid-swimlane-bg: lighten($dark, 2%);
+$bg-focused: lighten($blue, 5%);
 
 $datepicker__background-color: $white;
 $datepicker__border-color: $gray-300;