diff --git a/templates/hblink_table.html b/templates/hblink_table.html
index 77b3372..6a42410 100644
--- a/templates/hblink_table.html
+++ b/templates/hblink_table.html
@@ -2,7 +2,7 @@
 <fieldset style="background-color:#e0e0e0e0;text-algin: lef; margin-left:15px;margin-right:15px;font-size:14px;border-top-left-radius: 10px; border-top-right-radius: 10px;border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;">
 <legend><b><font color="#000">&nbsp;.: HBlink status :.&nbsp;</font></b></legend>
 <table style="table-layout:fixed;width:100%; font: 10pt arial, sans-serif">
-    <tr style="font: 10pt arial, sans-serif; background-color:#356244; color:white">
+    <tr style="font: 10pt arial, sans-serif; background-image: linear-gradient(to bottom right, #356244,#4ad97a); color:white;">
         <th style='width: 120px;'>HB Protocol<br>Master Systems</th>
         <th style='width: 160px;'>Callsign (DMR Id)<br>Location</th>
         <th style='width: 90px;'>Time Connected</th>
@@ -42,7 +42,7 @@
 </table>
 <br>
 <table style="table-layout:fixed;width:100%; font: 10pt arial, sans-serif">
-    <tr style="font: 10pt arial, sans-serif;  background-color:#4b8c61; color:white">
+    <tr style="font: 10pt arial, sans-serif;  background-image: linear-gradient(to bottom right, #4b8c61,#bbd770); color:white">
         <th style='width: 120px;'>HB Protocol<br>Peer Systems</th>
         <th style='width: 160px;'>Callsign (DMR Id)<br>Master IP:Port</th>
         <th style='width: 90px;'>Connected<br>TX/RX/Lost</th>
@@ -70,7 +70,7 @@
 
 <br>
 <table style="table-layout:fixed;width:100%; font: 10pt arial, sans-serif">
-    <tr style="width:100%; font: 10pt arial, sans-serif; background-color:#12ad2a; color:white">
+    <tr style="width:100%; font: 10pt arial, sans-serif; background-image: linear-gradient(to bottom right, #00947c,#a2d220); color:white">
         <th style='width: 120px;'>OpenBridge Systems</th>
         <th style='width: 160px;'>Network ID</th>
         <th style='width: 100%;'>Active Calls</th>