MediaWiki:Vector-darkmode.less/gecharts.less

/* ===================================

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

1. 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; }