styles refactor

src/panel-triggers/module.html

@@ -49,26 +49,29 @@
             </div>
           </td>
 
-          <td ng-if="ctrl.panel.statusField" style="background-color: {{trigger.color}}; color: white">
+          <td ng-if="ctrl.panel.statusField"
+            class="zbx-field-colored"
+            style="background-color: {{trigger.color}};">
             <div>
               {{ctrl.triggerStatusMap[trigger.value]}}
             </div>
           </td>
 
-          <td ng-if="ctrl.panel.severityField" style="background-color: {{trigger.color}}; color: white">
+          <td ng-if="ctrl.panel.severityField"
+            class="zbx-field-colored"
+            style="background-color: {{trigger.color}};">
             <div>
               {{trigger.severity}}
             </div>
           </td>
 
-          <td style="background-color: {{trigger.color}}; color: white">
+          <td class="zbx-field-colored" style="background-color: {{trigger.color}};">
             <div>
               {{trigger.description}}
               <a  ng-if="trigger.comments"
                   role="button"
                   ng-click="ctrl.switchComment(trigger)"
-                  class="pointer"
-                  style="float: right; padding-right: 8px"
+                  class="pointer zbx-description-icon"
                   bs-tooltip="'Show additional trigger description'"
                   data-placement="top">
                 <i class="fa fa-file-text-o"></i>

src/sass/_panel-triggers.scss

@@ -74,6 +74,19 @@
     }
   }
 
+  .zbx-field-colored {
+    color: $gray-6;
+  }
+
+  .zbx-description-icon {
+    float: right;
+    padding-right: 8px;
+  }
+
+  // .zbx-field-info {
+  //   width: 7%;
+  // }
+
   // .zbx-field-host {
   //   width: 15%;
   // }

src/sass/_variables.dark.scss

@@ -29,6 +29,8 @@ $purple:                #9933CC;
 $variable:              #32D1DF;
 
 $body-bg:               rgb(20,20,20);
+$body-color:            $gray-4;
+$text-color:            $gray-4;
 $tight-form-func-bg:    #333;
 $grafanaListAccent:     lighten($dark-2, 2%);
 

src/sass/_variables.light.scss

@@ -29,5 +29,7 @@ $purple:                #9954BB;
 $variable:              #2AB2E4;
 
 $body-bg :              $white;
+$body-color:            $gray-1;
+$text-color:            $gray-1;
 $tight-form-func-bg:    $gray-5;
 $grafanaListAccent:     $gray-5;