Updated color schemes for graphs

Umius-Brian · Umius-Brian · commit d538a642818b · 2020-05-12T02:19:09.000-07:00
diff --git a/app/charts/microservice-traffic.jsx b/app/charts/microservice-traffic.jsx
@@ -86,8 +86,8 @@ const MicroServiceTraffic = (props) => {
         x: ['Orders', 'Customers', 'Books', 'Reverse-Proxy', 'ReverseProxy'],
         y: [...serverPingCount, 0, yAxisHeadRoom],
         fill: 'tozeroy',
-        color: 'red',
-        opacity: .4,
+        marker: {'color': '#5C80FF'},
+        opacity: .7,
         mode: 'none',
         name: 'Times Server Pinged',
         showlegend: true
diff --git a/app/charts/request-type-chart.jsx b/app/charts/request-type-chart.jsx
@@ -33,9 +33,9 @@ const RequestTypesChart = (props) => {
           marker: {
             'colors': [
               '#c1e1dc',
-              '#008dcb',
+              '#337bae',
               '#ffeb94',
-              '#f47d4a',
+              '#2f496e',
               '#73605b',
               '#d09683',           
             ]
diff --git a/app/charts/response-code-chart.jsx b/app/charts/response-code-chart.jsx
@@ -71,11 +71,10 @@ const ResponseCodeChart = (props) => {
             marker: {
               colors: [
                 '#4897d8',
-                '#ffdb5c',
-                '#fa6e59',
+                '#ffd480',
+                '#fffe9f',
                 '#f8a055',
                 '#73605b',
-                '#d09683', 
               ],
             },
           },
diff --git a/app/charts/speed-chart.jsx b/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, 'increasing': {'color': 'white'}},
+          delta: {'reference': 3.5, 'decreasing': {'color': 'mistyrose'}},
           mode: "gauge+number+delta",
           gauge: { axis: { range: [null, 8] },
             'tickwidth': 1,
-            'tickcolor': "#92aac7",
+            'tickcolor': 'mistyrose',
             'bar': {'color': "#e1315b"},
             'bordercolor': "#a1be95",
             'steps': [
               {'range': [0, 4], 'color': '#e2dfa2'},
               {'range': [4, 6], 'color': '#fab57a'}
             ],
             'threshold': {
-              'line': {'color': 'white', 'width': 3.5},
+              'line': {'color': 'mistyrose', 'width': 3.5},
               'thickness': 0.75,
               'value': 7.5
             }
diff --git a/app/stylesheets/graphs.css b/app/stylesheets/graphs.css
@@ -5,6 +5,6 @@
 }
 
 svg {
-  border-radius: 10px;
-  /* box-shadow: 5px 5px 5px rgba(196, 183, 183, 0.6); */
+  border-radius: 2px;
+  box-shadow: 5px 5px 5px rgba(212, 164, 219, 0.5);
 }
diff --git a/user/settings.json b/user/settings.json
@@ -1 +1 @@
-{"setupRequired":false,"services":[["asdf","MongoDB","mongodb+srv://alon:testing123@cluster0-phsei.mongodb.net/test?retryWrites=true&w=majority"]],"splash":true}
+{"setupRequired":false,"services":[["asdf","MongoDB","mongodb+srv://alon:testing123@cluster0-phsei.mongodb.net/test?retryWrites=true&w=majority"]],"splash":false}

Original file line number	Diff line number	Diff line change
`@@ -5,6 +5,6 @@`
`5`	`5`	`}`
`6`	`6`
`7`	`7`	`svg {`
`8`		`- border-radius: 10px;`
`9`		`- /* box-shadow: 5px 5px 5px rgba(196, 183, 183, 0.6); */`
	`8`	`+ border-radius: 2px;`
	`9`	`+ box-shadow: 5px 5px 5px rgba(212, 164, 219, 0.5);`
`10`	`10`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1 +1 @@`
`1`		`-{"setupRequired":false,"services":[["asdf","MongoDB","mongodb+srv://alon:testing123@cluster0-phsei.mongodb.net/test?retryWrites=true&w=majority"]],"splash":true}`
	`1`	`+{"setupRequired":false,"services":[["asdf","MongoDB","mongodb+srv://alon:testing123@cluster0-phsei.mongodb.net/test?retryWrites=true&w=majority"]],"splash":false}`