From ad0f2c809c7c44778fa17d62b80252df99cbdff3 Mon Sep 17 00:00:00 2001
From: Alexander Zobnin <alexanderzobnin@gmail.com>
Date: Thu, 27 Dec 2018 12:45:22 +0300
Subject: [PATCH] problems: styles tweaks

---
 src/sass/_panel-problems.scss  | 10 +++++-----
 src/sass/_variables.dark.scss  |  9 ++++++++-
 src/sass/_variables.light.scss | 11 +++++++++--
 3 files changed, 22 insertions(+), 8 deletions(-)

diff --git a/src/sass/_panel-problems.scss b/src/sass/_panel-problems.scss
index 7e443a4..d108ee9 100644
--- a/src/sass/_panel-problems.scss
+++ b/src/sass/_panel-problems.scss
@@ -25,11 +25,11 @@
       }
 
       &:hover {
-        border-left: solid 2px rgba($blue, 0.5);
+        border-left: solid 2px $problems-table-row-hovered-shadow-color;
 
         .rt-tr {
           background: $problems-table-row-hovered;
-          box-shadow: 0px 0px 5px rgba($blue, 0.5);
+          box-shadow: $problems-table-row-hovered-shadow;
           z-index: 1;
         }
 
@@ -138,7 +138,7 @@
         }
         & .expanded {
           i {
-            color: $blue;
+            color: $problem-expander-expanded-color;
           }
         }
         // background: linear-gradient(to bottom, $dark-5 50%, $dark-2 50%);
@@ -148,9 +148,9 @@
       }
       &.custom-expander:hover {
         // background-position: right top;
-        background-color: $problem-expander-highlighted;
+        background-color: $problem-expander-highlighted-background;
         i {
-          color: $blue;
+          color: $problem-expander-highlighted-color;
         }
       }
       &.last-change {
diff --git a/src/sass/_variables.dark.scss b/src/sass/_variables.dark.scss
index 95c0a96..b1d4ead 100644
--- a/src/sass/_variables.dark.scss
+++ b/src/sass/_variables.dark.scss
@@ -3,13 +3,21 @@ $regex: #d69e2e;
 $zbx-tag-color: $gray-5;
 $zbx-text-highlighted: $white;
 $zbx-text-color-disabled: $gray-1;
+
 $action-button-color: $blue-dark;
 $action-button-text-color: $gray-4;
+
 $problems-border-color: $dark-1;
 $problems-table-stripe: $dark-3;
 $problems-table-row-hovered: darken($problems-table-stripe, 2%);
+$problems-table-row-hovered-shadow-color: rgba($blue, 0.5);
+$problems-table-row-hovered-shadow: 0px 0px 8px $problems-table-row-hovered-shadow-color;
 $problem-details-background: $dark-3;
 
+$problem-expander-highlighted-background: #676767;
+$problem-expander-highlighted-color: $blue;
+$problem-expander-expanded-color: $blue;
+
 $problem-statusbar-background: $dark-2;
 $problem-statusbar-muted: $dark-3;
 $problem-statusbar-fired: $orange;
@@ -21,5 +29,4 @@ $problem-event-core: #000000;
 $problem-event-ok-color: #38bd71;
 $problem-event-problem-color: #d70000;
 
-$problem-expander-highlighted: lighten($problems-table-stripe, 8%);
 $problem-container-shadow: rgba($gray-2, 0.2)
diff --git a/src/sass/_variables.light.scss b/src/sass/_variables.light.scss
index cd99b86..6fb47ed 100644
--- a/src/sass/_variables.light.scss
+++ b/src/sass/_variables.light.scss
@@ -3,13 +3,21 @@ $regex: #d69e2e;
 $zbx-tag-color: $gray-6;
 $zbx-text-highlighted: $black;
 $zbx-text-color-disabled: $gray-3;
+
 $action-button-color: #497dc0;
 $action-button-text-color: $gray-6;
+
 $problems-border-color: $dark-1;
 $problems-table-stripe: $gray-6;
-$problems-table-row-hovered: $gray-4;
+$problems-table-row-hovered: $white;
+$problems-table-row-hovered-shadow-color: $blue;
+$problems-table-row-hovered-shadow: 0px 1px 8px 1px $problems-table-row-hovered-shadow-color;
 $problem-details-background: $gray-6;
 
+$problem-expander-highlighted-background: #424755;
+$problem-expander-highlighted-color: #8ad9f5;
+$problem-expander-expanded-color: $blue;
+
 $problem-statusbar-background: $gray-4;
 $problem-statusbar-muted: $gray-5;
 $problem-statusbar-fired: #ca4c17;
@@ -21,5 +29,4 @@ $problem-event-core: $gray-6;
 $problem-event-ok-color: #2baf63;
 $problem-event-problem-color: #d70000;
 
-$problem-expander-highlighted: darken($problems-table-stripe, 20%);
 $problem-container-shadow: rgba($gray-2, 0.5)