Updated tech colors

Author: Umius-Brian

app/charts/memory-chart.jsx

@@ -37,7 +37,7 @@ const MemoryChart = (props) => {
           {
             type: 'scatter',
             fill: 'tozeroy',
-            fillcolor: 'blue',
+            fillcolor: 'rgb(0, 237, 160)',
             mode: 'none',
             x: {autorange: true},
             y: free,
@@ -47,7 +47,7 @@ const MemoryChart = (props) => {
           {
             type: 'scatter',
             fill: 'tozeroy',
-            fillcolor: 'rgba(243, 245, 250, .9)',
+            fillcolor: 'rgba(0, 237, 160, .5)',
             mode: 'none',
             x: {autorange: true},
             y: used,
@@ -57,7 +57,7 @@ const MemoryChart = (props) => {
           {
             type: 'scatter',
             fill: 'tozeroy',
-            fillcolor: 'rgba(74, 78, 238, .3)',
+            fillcolor: 'rgba(74, 78, 238, .7)',
             mode: 'none',
             x: {autorange: true},
             y: active,

app/charts/speed-chart.jsx

@@ -31,19 +31,19 @@ const SpeedChart = (props) => {
           type: 'indicator',
           value: yAxis[yAxis.length - 1],
           title: {'text': "Speed Chart"},
-          delta: {'reference': 3.5, 'decreasing': {'color': 'mistyrose'}},
+          delta: {'reference': 3.5, 'decreasing': {'color': '#FA1A58'}},
           mode: "gauge+number+delta",
           gauge: { axis: { range: [null, 8] },
             'tickwidth': 1,
-            'tickcolor': 'mistyrose',
-            'bar': {'color': "#f3f5fa"},
+            'tickcolor': '#FA1A58',
+            'bar': {'color': '#00eda0'},
             'bordercolor': "#a1be95",
             'steps': [
-              {'range': [0, 4], 'color': '#d09683'},
+              {'range': [0, 4], 'color': '#fef5fa'},
               {'range': [4, 6], 'color': '#4a4eee'}
             ],
             'threshold': {
-              'line': {'color': 'mistyrose', 'width': 3.5},
+              'line': {'color': '#FA1A58', 'width': 3.5},
               'thickness': 0.75,
               'value': 7.5
             }

app/stylesheets/graphs.css

@@ -6,5 +6,5 @@
 
 svg {
   border-radius: 2px;
-  /* box-shadow: 5px 5px 5px rgba(216, 210, 247, .5); */
+  box-shadow: 2px 2px 2px rgba(216, 210, 247, .5);
 }

app/stylesheets/monitoring.css

@@ -7,7 +7,7 @@
 }
 
 #microserviceHealthTitle{
-  color: white;
+  color: black;
   font-size: 38px;
   margin-top: 0px;
   font-family: 'Quicksand', sans-serif;

app/stylesheets/sidebar.css

@@ -45,7 +45,7 @@
 }
 
 .servicesBtn:hover {
-  background-color: #00AFEA;
+  background-color: #494FEE;
   font-weight: 400;
   box-shadow: #333;
   cursor: pointer;
@@ -107,7 +107,7 @@
 
 .overviewSubmitBtn:hover {
   /* border: .5px solid azure; */
-  background-color: #00AFEA;
+  background-color: #494FEE;
   color: azure;
   cursor: pointer;
 }
@@ -121,7 +121,7 @@
   /* font-weight: 900; */
   cursor: pointer;
   /* border: 2px solid #98ba8e; */
-  background-color: #00AFEA;
+  background-color: #494FEE;
 }
 
 .servicesList {