From 0c9ed86f66f59b272dc276e364434127f8a6a8a0 Mon Sep 17 00:00:00 2001
From: Ludek <13610612+ludeknovy@users.noreply.github.com>
Date: Sat, 8 May 2021 20:23:17 +0200
Subject: [PATCH] table head color (#145)

---
 .../item-detail/item-detail.component.html    | 16 ++++++------
 .../request-stats-compare.component.css       |  1 +
 .../request-stats-compare.component.html      | 26 +++++++++----------
 src/styles.scss                               |  6 ++++-
 4 files changed, 27 insertions(+), 22 deletions(-)

diff --git a/src/app/item-detail/item-detail.component.html b/src/app/item-detail/item-detail.component.html
index 038da7ff..dd1858d9 100644
--- a/src/app/item-detail/item-detail.component.html
+++ b/src/app/item-detail/item-detail.component.html
@@ -299,28 +299,28 @@ <h6 class="card-header bg-transparent">SUT Statistics <span class="compare">
               <table class="table" [mfData]="itemData.sutOverview" #mf="mfDataTable">
                 <thead>
                   <tr>
-                    <th scope="col" class="hd">
+                    <th scope="col" class="hd jtl-head-color">
                       <mfDefaultSorter by="sutHostname">SUT</mfDefaultSorter>
                     </th>
-                    <th scope="col" class="hd">
+                    <th scope="col" class="hd jtl-head-color">
                       <mfDefaultSorter by="avgResponseTime">avg [ms]</mfDefaultSorter>
                     </th>
 
-                    <th scope="col" class="hd">
+                    <th scope="col" class="hd jtl-head-color">
                       <mfDefaultSorter by="percentile">P90 [ms]</mfDefaultSorter>
                     </th>
-                    <th scope="col" class="hd">
+                    <th scope="col" class="hd jtl-head-color">
                       <mfDefaultSorter by="throughput">requests/s</mfDefaultSorter>
                     </th>
-                    <th scope="col" class="hd">
+                    <th scope="col" class="hd jtl-head-color">
                       <mfDefaultSorter by="bytesPerSecond">mbps</mfDefaultSorter>
                     </th>
-                    <th scope="col" class="hd">
+                    <th scope="col" class="hd jtl-head-color">
                       <mfDefaultSorter by="errorRate">error rate</mfDefaultSorter>
                     </th>
-                    <th scope="col" class="hd">
+                    <th scope="col" class="hd jtl-head-color">
                     </th>
-                    <th scope="col" class="hd">
+                    <th scope="col" class="hd jtl-head-color">
                     </th>
                   </tr>
                 </thead>
diff --git a/src/app/item-detail/request-stats-compare/request-stats-compare.component.css b/src/app/item-detail/request-stats-compare/request-stats-compare.component.css
index e69de29b..8b137891 100644
--- a/src/app/item-detail/request-stats-compare/request-stats-compare.component.css
+++ b/src/app/item-detail/request-stats-compare/request-stats-compare.component.css
@@ -0,0 +1 @@
+
diff --git a/src/app/item-detail/request-stats-compare/request-stats-compare.component.html b/src/app/item-detail/request-stats-compare/request-stats-compare.component.html
index 37d6e631..cf16c56b 100644
--- a/src/app/item-detail/request-stats-compare/request-stats-compare.component.html
+++ b/src/app/item-detail/request-stats-compare/request-stats-compare.component.html
@@ -41,42 +41,42 @@ <h6 class="card-header bg-transparent">Request Statistics <span class="compare">
       <table class="table" [mfData]="labelsData" #mf="mfDataTable">
         <thead>
           <tr>
-            <th scope="col" class="hd">
+            <th scope="col" class="hd jtl-head-color">
               <mfDefaultSorter by="label">label</mfDefaultSorter>
             </th>
-            <th scope="col" class="hd">
+            <th scope="col" class="hd jtl-head-color">
               <mfDefaultSorter by="samples">samples</mfDefaultSorter>
             </th>
-            <th scope="col" class="hd">
+            <th scope="col" class="hd jtl-head-color">
               <mfDefaultSorter by="avgResponseTime">avg [{{getUnit()}}]</mfDefaultSorter>
             </th>
-            <th scope="col" class="hd">
+            <th scope="col" class="hd jtl-head-color">
               <mfDefaultSorter by="minResponseTime">min [ms]</mfDefaultSorter>
             </th>
-            <th scope="col" class="hd">
+            <th scope="col" class="hd jtl-head-color">
               <mfDefaultSorter by="maxResponseTime">max [ms]</mfDefaultSorter>
             </th>
-            <th scope="col" class="hd">
+            <th scope="col" class="hd jtl-head-color">
               <mfDefaultSorter by="n0">P90 [ms]</mfDefaultSorter>
             </th>
-            <th scope="col" class="hd">
+            <th scope="col" class="hd jtl-head-color">
               <mfDefaultSorter by="n5">P95 [ms]</mfDefaultSorter>
             </th>
-            <th scope="col" class="hd">
+            <th scope="col" class="hd jtl-head-color">
               <mfDefaultSorter by="n9">P99 [ms]</mfDefaultSorter>
             </th>
-            <th scope="col" class="hd">
+            <th scope="col" class="hd jtl-head-color">
               <mfDefaultSorter by="throughput">requests/s</mfDefaultSorter>
             </th>
-            <th scope="col" class="hd">
+            <th scope="col" class="hd jtl-head-color">
               <mfDefaultSorter by="bytes">mbps</mfDefaultSorter>
             </th>
-            <th scope="col" class="hd">
+            <th scope="col" class="hd jtl-head-color">
               <mfDefaultSorter by="errorRate">error rate</mfDefaultSorter>
             </th>
-            <th scope="col" class="hd">
+            <th scope="col" class="hd jtl-head-color">
             </th>
-            <th scope="col" class="hd">
+            <th scope="col" class="hd jtl-head-color">
             </th>
           </tr>
         </thead>
diff --git a/src/styles.scss b/src/styles.scss
index 6cd2d424..155b2ee6 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -98,7 +98,11 @@ a:hover {
   border-top: 0 !important;
   width: 30rem;
   height: 43px;
-  color: #54545491;
+  color: #000000b5;
+}
+
+.jtl-head-color {
+    color: #000000b5;
 }
 
 .jtl-dropdown-control-menu {