improved color

src/assets/css/scatterplot.css

@@ -36,7 +36,7 @@
     white-space: nowrap;
     font-size: 0.75em;
     position: absolute;
-    background: rgba(0,0,0,0.7);
+    background: rgb(43, 183, 179);
     pointer-events: none;
     color: white;
     padding: 0.5vh;
@@ -46,3 +46,7 @@
 .ac-scatter-legend-element {
     font-size: 0.75em;
 }
+
+.ac-scatter-brush .selection {
+    fill: rgb(43, 183, 179);
+}

src/charts/impl/Scatterplot.js

@@ -232,7 +232,7 @@ ${typeof this.categories.name === 'undefined' ? d[2] : this.categories[d[2]]}</b
       .attr('width', legendElementWidth + legendTextMaxWidth)
       .attr('height', (Object.keys(this.categories).length) * legendElementHeight + legendPadding)
       .attr('fill', '#fff')
-      .style('opacity', '0.8');
+      .style('opacity', '0.7');
 
     const legendElement = this.legend.selectAll('.ac-scatter-legend-element')
       .data(Object.keys(this.categories).filter(d => d !== 'name'));