74 lines
1.5 KiB
SCSS
74 lines
1.5 KiB
SCSS
|
// Global font
|
||
|
@import 'https://fonts.googleapis.com/css?family=Signika:400,700';
|
||
|
|
||
|
// Chart background, point stroke for markers and columns etc
|
||
|
$background-color: none;
|
||
|
|
||
|
// Colors for data series and points.
|
||
|
$colors: #f45b5b #8085e9 #8d4654 #7798BF #aaeeee #ff0066 #eeaaee #55BF3B #DF5353 #7798BF #aaeeee;
|
||
|
|
||
|
// Neutral colors
|
||
|
$neutral-color-100: #fff;
|
||
|
$neutral-color-80: #000;
|
||
|
|
||
|
// Data-labels
|
||
|
$data-label-color: #000;
|
||
|
|
||
|
// Fonts
|
||
|
$font-family: 'Signika', Arial, Helvetica, sans-serif;
|
||
|
$title-font-size: 16px;
|
||
|
$legend-font-size: 13px;
|
||
|
$axis-labels-font-size: 12px;
|
||
|
|
||
|
// Tooltip
|
||
|
$tooltip-border: 0px;
|
||
|
$tooltip-background: $neutral-color-100;
|
||
|
|
||
|
// Buttons
|
||
|
$highcharts-button-background: $neutral-color-100;
|
||
|
$highcharts-button-border: #C0C0C8;
|
||
|
$highcharts-button-text: #000;
|
||
|
|
||
|
$highcharts-button-pressed-background: #D0D0D8;
|
||
|
$highcharts-button-pressed-text: #000;
|
||
|
|
||
|
$context-button-background: $neutral-color-100;
|
||
|
|
||
|
// Navigator
|
||
|
$navigator-series-fill: #f45b5b;
|
||
|
$navigator-series-border: #f45b5b;
|
||
|
|
||
|
// Scrollbar
|
||
|
$scrollbar-track-border: #C0C0C8;
|
||
|
|
||
|
// General
|
||
|
.highcharts-container {
|
||
|
background: url(https://www.highcharts.com/samples/graphics/sand.png);
|
||
|
}
|
||
|
|
||
|
// Boxplot
|
||
|
.highcharts-boxplot-box {
|
||
|
fill: #505053;
|
||
|
}
|
||
|
|
||
|
// Navigator
|
||
|
.highcharts-navigator-xaxis .highcharts-grid-line {
|
||
|
stroke: #D0D0D8;
|
||
|
}
|
||
|
|
||
|
// Scrollbar
|
||
|
.highcharts-scrollbar-track {
|
||
|
stroke: #C0C0C8;
|
||
|
}
|
||
|
|
||
|
// Title
|
||
|
.highcharts-title {
|
||
|
font-weight: bold;
|
||
|
}
|
||
|
|
||
|
// Buttons
|
||
|
.highcharts-button-box {
|
||
|
stroke-width: 1px;
|
||
|
}
|
||
|
|
||
|
@import '../highcharts';
|