MediaWiki:Vector-darkmode.less/gecharts.less

/* ===================================
               GE charts
      (on modal and Exchange pages)
   =================================== */

#GEchartpopup {
	background: @ooui-interface;
	border: 1px solid @ooui-interface-border;
}

.highcharts-background,
.highcharts-plot-background {
	fill: transparent;
}

.highcharts-title,
.highcharts-subtitle {
	color: @ooui-text !important; // override inline style
}

.highcharts-axis-title {
	fill: @ooui-text !important;
}

.highcharts-yaxis-grid .highcharts-grid-line, // horiz lines only
.highcharts-tick, // ticks below x axis indicating date
.highcharts-axis-line {
	stroke: lighten( @ooui-interface-border, 8% );
}

.highcharts-axis-labels text,
.highcharts-range-selector-group text {
	color: @ooui-text !important; // override inline style
	fill: @ooui-text !important; // override inline style
}

.highcharts-label-box {
	stroke: @ooui-normal-border;
}

.highcharts-button-box {
	fill: @ooui-normal;
}

/* ------------------------
      bottom navigation
   ------------------------ */

.highcharts-navigator-outline {
	stroke: lighten( @ooui-interface-border, 12% );
}

.highcharts-scrollbar-track {
	fill: transparent;
	stroke: darken( @ooui-normal-border, 3% );
}

.highcharts-scrollbar-button,
.highcharts-scrollbar-thumb,
.highcharts-navigator-handle {
	fill: @ooui-normal;
	stroke: lighten( @ooui-normal-border, 8% );
}

.highcharts-scrollbar-arrow {
	fill: @ooui-text;
}

.highcharts-scrollbar-rifles {
	stroke: @ooui-text;
}