jingrow/charts
1
0
Fork 0
Code Pull Requests Activity

feat: update text and line colors

Browse Source
This commit is contained in:
Shivam Mishra 2020-06-28 20:42:21 +05:30
parent 23bdf8a719
commit e54427004c
2 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/css/charts.scss
View File

@ -1,3 +1,6 @@
$label-color: #313B44;
$axis-line-color: #E2E6E9;
.chart-container {
position: relative; /* for absolutely positioned tooltip */
@ -7,10 +10,10 @@
'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
.axis, .chart-label {
fill: #555b51;
fill: $label-color;
line {
stroke: #dadada;
stroke: $axis-line-color;
}
}
.dataset-units {
@ -98,6 +101,7 @@
text-align: left;
padding: 0px;
pointer-events: none;
.title {
display: block;
padding: 16px;

4
src/js/utils/draw.js
View File

@ -7,8 +7,8 @@ export const AXIS_TICK_LENGTH = 6;
const LABEL_MARGIN = 4;
const LABEL_MAX_CHARS = 15;
export const FONT_SIZE = 10;
const BASE_LINE_COLOR = '#dadada';
const FONT_FILL = '#555b51';
const BASE_LINE_COLOR = '#E2E6E9';
const FONT_FILL = '#313B44';
function $(expr, con) {
return typeof expr === "string"? (con || document).querySelector(expr) : expr || null;