update the feature colors

static/monit-dashboard.css

@@ -46,7 +46,7 @@ button.accordion {
 
 button.download-button {
     color: white;
-    background-color: orange;
+    background-color: #00a8ff;
     cursor: pointer;
     padding: 18px;
     text-align: center;
@@ -58,8 +58,8 @@ button.download-button {
 }
 
 div.download-header {
-    height: 10%;
-    background-color: black;
+    height: 7%;
+    background-color: #273c75;
     display: flex;
     justify-content: flex-end;
     padding-right: 20px;

static/monit-dashboard.js

@@ -19,7 +19,7 @@ function draw(rate) {
   var red = (percentage[1]*2)/100;
   var canvas = document.getElementById("canvas");
   var ctx = canvas.getContext("2d");
-  var colors = ['#40ff00', '#ff0000'];
+  var colors = ['#00a90e','#ff9a02'];
   var angles = [Math.PI * green, Math.PI * red];
   var offset = 0;
   var beginAngle = 0;
@@ -41,7 +41,7 @@ function draw(rate) {
       ctx.moveTo(200 + offsetX, 200 + offsetY);
       ctx.arc(200 + offsetX, 200 + offsetY, 120, beginAngle, endAngle);
       ctx.lineTo(200 + offsetX, 200 + offsetY);
-      ctx.stroke();
+      // ctx.stroke();
       ctx.fill();
 
       ctx.rect(canvas.width - 129, i * 20 + 10, 10, 10);

templates/index.html

@@ -5,9 +5,9 @@ $ errors = 0
 $ color = "green"
 <div>
 <div class="download-header">
-  <button class="download-button" onclick="window.location.href = '$download_api';">Download</button>
+  <button class="download-button" onclick="window.location.href = '$download_api';">Download Report</button>
 </div>
-<div style="height: 35%; overflow-y: scroll; overflow-x: hidden;">
+<div style="height: 38%; overflow-y: scroll; overflow-x: hidden;">
 $for server in range(len(output)):
         $code:
             errors = 0