From df43c61785b4375d0b5cde1a508e5fe2b732b746 Mon Sep 17 00:00:00 2001
From: antelle <dmitryvit@gmail.com>
Date: Tue, 1 Dec 2020 19:28:07 +0100
Subject: [PATCH] fix #1645: color contrast on the selection

---
 app/styles/themes/_dark-brown.scss      |  9 +++++++++
 app/styles/themes/_dark.scss            |  4 ++++
 app/styles/themes/_flat-blue.scss       |  6 ++++++
 app/styles/themes/_high-contrast.scss   | 18 ++++++++++++++++++
 app/styles/themes/_light.scss           |  4 ++++
 app/styles/themes/_solarized-dark.scss  |  4 ++++
 app/styles/themes/_solarized-light.scss |  7 +++++++
 app/styles/themes/_terminal.scss        |  9 +++++++++
 8 files changed, 61 insertions(+)

diff --git a/app/styles/themes/_dark-brown.scss b/app/styles/themes/_dark-brown.scss
index 4d5ac2fe..a2832afb 100644
--- a/app/styles/themes/_dark-brown.scss
+++ b/app/styles/themes/_dark-brown.scss
@@ -14,3 +14,12 @@ $themes: map-merge(
             )
     )
 );
+
+body.th-db {
+    .list__item--active .blue-color {
+        color: #0051d2;
+    }
+    .list__item--active .green-color {
+        color: #77d644;
+    }
+}
diff --git a/app/styles/themes/_dark.scss b/app/styles/themes/_dark.scss
index e60e4289..b093b3cd 100644
--- a/app/styles/themes/_dark.scss
+++ b/app/styles/themes/_dark.scss
@@ -23,4 +23,8 @@ body.th-dark {
     --secondary-background-color: #2d2d2e;
     --selected-item-color: #2463c8;
     --selected-on-secondary-item-color: #403f40;
+
+    .list__item--active .blue-color {
+        color: #689ff7;
+    }
 }
diff --git a/app/styles/themes/_flat-blue.scss b/app/styles/themes/_flat-blue.scss
index acc23092..01d58e35 100644
--- a/app/styles/themes/_flat-blue.scss
+++ b/app/styles/themes/_flat-blue.scss
@@ -14,3 +14,9 @@ $themes: map-merge(
             )
     )
 );
+
+body.th-fb {
+    .list__item--active .blue-color {
+        color: #98bfff;
+    }
+}
diff --git a/app/styles/themes/_high-contrast.scss b/app/styles/themes/_high-contrast.scss
index a75c429e..309ac264 100644
--- a/app/styles/themes/_high-contrast.scss
+++ b/app/styles/themes/_high-contrast.scss
@@ -24,4 +24,22 @@ $themes: map-merge(
 body.th-hc {
     --selected-item-color: #1e5db8;
     --selected-item-text-color: #fafafa;
+
+    .list__item--active .red-color {
+        color: #ff6d6b;
+    }
+    .list__item--active .orange-color {
+        color: #ffbb86;
+    }
+    .list__item--active .yellow-color {
+    }
+    .list__item--active .green-color {
+        color: #baff92;
+    }
+    .list__item--active .blue-color {
+        color: #c1d9ff;
+    }
+    .list__item--active .violet-color {
+        color: #ff93c5;
+    }
 }
diff --git a/app/styles/themes/_light.scss b/app/styles/themes/_light.scss
index 59be93e5..f5165a93 100644
--- a/app/styles/themes/_light.scss
+++ b/app/styles/themes/_light.scss
@@ -29,4 +29,8 @@ body.th-light {
     --selected-on-secondary-item-color: #d6d6d6;
     --selected-item-text-color: #f6f6f6;
     --open-icon-color: var(--muted-color);
+
+    .list__item--active .blue-color {
+        color: #7baeff;
+    }
 }
diff --git a/app/styles/themes/_solarized-dark.scss b/app/styles/themes/_solarized-dark.scss
index 8bce65a2..a32fb583 100644
--- a/app/styles/themes/_solarized-dark.scss
+++ b/app/styles/themes/_solarized-dark.scss
@@ -22,4 +22,8 @@ $themes: map-merge(
 
 body.th-sd {
     --selected-item-text-color: #002b36;
+
+    .list__item--active .blue-color {
+        color: #0249bd;
+    }
 }
diff --git a/app/styles/themes/_solarized-light.scss b/app/styles/themes/_solarized-light.scss
index 2319886e..cf60b1e8 100644
--- a/app/styles/themes/_solarized-light.scss
+++ b/app/styles/themes/_solarized-light.scss
@@ -18,4 +18,11 @@ $themes: map-merge(
 
 body.th-sl {
     --selected-item-text-color: #fdf6e3;
+
+    .list__item--active .orange-color {
+        color: #ff9846;
+    }
+    .list__item--active .green-color {
+        color: #63d823;
+    }
 }
diff --git a/app/styles/themes/_terminal.scss b/app/styles/themes/_terminal.scss
index e9aec619..990c54a5 100644
--- a/app/styles/themes/_terminal.scss
+++ b/app/styles/themes/_terminal.scss
@@ -14,3 +14,12 @@ $themes: map-merge(
             )
     )
 );
+
+body.th-te {
+    .list__item--active .green-color {
+        color: #7be045;
+    }
+    .list__item--active .blue-color {
+        color: #0750c5;
+    }
+}