Option to enable triggers background highlighting, #532

src/sass/_panel-triggers.scss

@@ -81,6 +81,31 @@
   color: $orange;
 }
 
+.zbx-trigger-highlighted {
+  color: $zbx-text-highlighted;
+
+  // .alert-rule-item__icon,
+  .alert-rule-item__body,
+  .alert-rule-item__header,
+  .alert-rule-item__time,
+  .zabbix-hostname, .zbx-description {
+    color: $zbx-text-highlighted;
+  }
+
+  .alert-rule-item__text {
+    .zbx-trigger-state,
+    .zbx-trigger-severity {
+      color: $zbx-text-highlighted;
+    }
+  }
+
+  .zbx-trigger-lastchange .trigger-info-block.zbx-status-icons {
+    a {
+      color: $zbx-text-highlighted;
+    }
+  }
+}
+
 
 @keyframes zabbix-triggers-panel {
   100% {

src/sass/_variables.dark.scss

@@ -37,3 +37,4 @@ $tight-form-func-bg:    #333;
 $grafanaListAccent:     lighten($dark-2, 2%);
 
 $zbx-tag-color: $gray-5;
+$zbx-text-highlighted: $white;

src/sass/_variables.light.scss

@@ -36,3 +36,4 @@ $tight-form-func-bg:    $gray-5;
 $grafanaListAccent:     $gray-5;
 
 $zbx-tag-color: $gray-6;
+$zbx-text-highlighted: $black;