From 2f8a4f72d01c17913cf73d5bf749d7e69ecdbb46 Mon Sep 17 00:00:00 2001
From: Balraj Singh <37571874+balrajsingh9@users.noreply.github.com>
Date: Mon, 6 Jul 2020 18:00:15 +0530
Subject: [PATCH] Fix: colors in table on:hover

---
 src/dark-theme.scss | 28 ++++++++++++++++++++++------
 1 file changed, 22 insertions(+), 6 deletions(-)

diff --git a/src/dark-theme.scss b/src/dark-theme.scss
index ece197d70e..c73f976698 100644
--- a/src/dark-theme.scss
+++ b/src/dark-theme.scss
@@ -800,13 +800,14 @@ $default-primary: var(--primary-color);
       .row {
         &:nth-child(odd) {
           .cell {
-            background: $gray-light;
+            background: var(--background-color);
           }
         }
 
         &.is-highlighted {
           .cell {
-            background: $gray-hover-opaque !important;
+            background: $gray-opaque !important;
+            color: var(--background-color);
           }
         }
 
@@ -816,7 +817,20 @@ $default-primary: var(--primary-color);
             user-select: none;
 
             &:hover {
-              background: $gray-hover-opaque !important;
+              background: $gray-opaque !important;
+              color: var(--background-color);
+
+              .sort-icon {
+                svg {
+                  fill: var(--background-color);
+                }
+              }
+            }
+
+            .sort-icon {
+              svg {
+                fill: var(--primary-color);
+              }
             }
           }
         }
@@ -826,7 +840,8 @@ $default-primary: var(--primary-color);
           top: 0;
 
           .cell {
-            background: $gray-hover-opaque !important;
+            background: $gray-opaque !important;
+            color: var(--background-color);
           }
         }
 
@@ -834,7 +849,7 @@ $default-primary: var(--primary-color);
           color: $gray;
 
           &:first-child {
-            background: $gray-hover-darker-opaque;
+            background: var(--background-color);
           }
 
           svg {
@@ -902,7 +917,8 @@ $default-primary: var(--primary-color);
             padding: 0.75rem 0.5rem;
 
             &:hover {
-              background: $gray-hover-opaque !important;
+              background: $gray-opaque !important;
+              color: var(--background-color);
             }
           }