diff --git a/src/sass/_panel-problems.scss b/src/sass/_panel-problems.scss
index 3385cb4..4fe0851 100644
--- a/src/sass/_panel-problems.scss
+++ b/src/sass/_panel-problems.scss
@@ -34,14 +34,14 @@
         }
 
         &:hover {
-          background: lighten($dark-3, 2%);
+          background: lighten($problems-table-stripe, 2%);
           box-shadow: 0px 0px 5px rgba($blue, 0.5);
           z-index: 1;
         }
         &.-even {
-          background: lighten($dark-3, 1%);
+          background: lighten($problems-table-stripe, 1%);
           &:hover {
-            background: lighten($dark-3, 4%);
+            background: lighten($problems-table-stripe, 4%);
           }
         }
       }
@@ -121,7 +121,7 @@
       }
       &.custom-expander:hover {
         // background-position: right top;
-        background-color: lighten($dark-3, 8%);
+        background-color: lighten($problems-table-stripe, 8%);
         i {
           color: $blue;
         }
@@ -150,7 +150,7 @@
 
     .problem-details-container {
       display: flex;
-      background-color: $dark-3;
+      background-color: $problem-details-background;
       border: 1px solid $problems-border-color;
       border-bottom-width: 0px;
 
@@ -217,18 +217,18 @@
           width: 3rem;
           height: 2rem;
           padding: 0.4rem 0.4rem 0.4rem 1rem;
-          background: $dark-2;
+          background: $problem-statusbar-background;
           margin-right: 2px;
           border-radius: 2px;
           // border: 1px solid $dark-5;
 
           &:hover {
-            background: darken($dark-2, 2%);
+            background: darken($problem-statusbar-background, 2%);
           }
 
           &.muted {
             .fa-icon-container {
-              color: $dark-3;
+              color: $problem-statusbar-muted;
             }
           }
           &.fired {
diff --git a/src/sass/_variables.dark.scss b/src/sass/_variables.dark.scss
index 44d235c..2928fcb 100644
--- a/src/sass/_variables.dark.scss
+++ b/src/sass/_variables.dark.scss
@@ -40,3 +40,7 @@ $grafanaListAccent:     lighten($dark-2, 2%);
 $zbx-tag-color: $gray-5;
 $zbx-text-highlighted: $white;
 $problems-border-color: $dark-1;
+$problems-table-stripe: $dark-3;
+$problem-details-background: $dark-3;
+$problem-statusbar-background: $dark-2;
+$problem-statusbar-muted: $dark-3;
diff --git a/src/sass/_variables.light.scss b/src/sass/_variables.light.scss
index bc5725d..c14fcc2 100644
--- a/src/sass/_variables.light.scss
+++ b/src/sass/_variables.light.scss
@@ -39,3 +39,7 @@ $grafanaListAccent:     $gray-5;
 $zbx-tag-color: $gray-6;
 $zbx-text-highlighted: $black;
 $problems-border-color: $dark-1;
+$problems-table-stripe: $gray-6;
+$problem-details-background: $gray-6;
+$problem-statusbar-background: $gray-4;
+$problem-statusbar-muted: $gray-5;