Chart color/design tweaks to better match new UI design

Author: heyman

locust/static/chart.js

@@ -54,14 +54,24 @@
  splitLine: {
  show: false
  },
+ axisLine: {
+ lineStyle: {
+ color: '#5b6f66',
+ },
+ },
  data: this.dates,
  },
  yAxis: {
  type: 'value',
  boundaryGap: [0, '100%'],
  splitLine: {
  show: false
- }
+ },
+ axisLine: {
+ lineStyle: {
+ color: '#5b6f66',
+ },
+ },
  },
  series: seriesData,
  grid: {x:60, y:70, x2:40, y2:40},

locust/static/style.css

@@ -329,13 +329,14 @@ a:hover {
  height: 350px;
  margin-bottom: 30px;
  box-sizing: border-box;
- border: 1px solid #1b1f1f;
+ border: 1px solid #11271e;
+ border-radius: 3px;
 }
 #charts .note {
- color: #777;
+ color: #b3c3bc;
  margin-bottom: 30px;
  border-radius: 3px;
- background: #1b2727;
+ background: #132b21;
  padding: 10px;
  display: inline-block;
 }

locust/static/vintage.js

@@ -22,13 +22,14 @@
  var colorPalette = ['#00ca5a','#919e8b', '#d7ab82', '#6e7074','#61a0a8','#efa18d', '#787464', '#cc7e63', '#724e58', '#4b565b'];
  echarts.registerTheme('vintage', {
  color: colorPalette,
- backgroundColor: 'transparent',
+ backgroundColor: '#132b21',
+ xAxis: {lineColor: "#f00"},
  graph: {
  color: colorPalette,
  },
- textStyle: {color:"#777"},
+ textStyle: {color:"#b3c3bc"},
  title: {
- textStyle:{color:"#777"}
+ textStyle:{color:"#b3c3bc"}
  },
  });
 }));