#4123 - Fix for charts styles

modules/boonex/charts/template/chart.html

@@ -1,3 +1,3 @@
 <div class="bx-def-border">
-    <canvas class="bx_chart_growth_graph___chart_name__" width="100%" height="__height__"></canvas>
+    <canvas class="bx-canvas bx_chart_growth_graph___chart_name__" width="100%" height="__height__"></canvas>
 </div>

template/chart_growth.html

@@ -2,7 +2,7 @@
 	<div class="bx-chart-growth-controls bx-def-margin-bottom">__controls__</div>
 	<div class="bx-chart-growth-graph bx-def-border">
         <div class="bx-chart-growth-graph-error bx-def-font-align-center"></div>
-		<canvas class="bx_canvas" id="bx_chart_growth_graph" width="100%"></canvas>
+		<canvas class="bx-canvas" id="bx_chart_growth_graph" width="100%"></canvas>
 	</div>
 	<script language="javascript">
         var oBxDolChartGrowth = new BxDolChartGrowth({

template/chart_stats.html

@@ -1,6 +1,6 @@
 <div class="bx-chart-stats bx-def-font-align-center">
     <div class="bx-chart-stats-graph">
-        <canvas id="bx_chart_stats_graph" width="100%"></canvas>
+        <canvas class="bx-canvas" id="bx_chart_stats_graph" width="100%"></canvas>
 	    <script language="javascript">
 	    	var oStatsChart = new Chart($("#bx_chart_stats_graph"), {
 	    		type: 'doughnut',

template/css/chart.css

@@ -48,6 +48,6 @@ div.bx-chart-stats-graph {
 	min-width: 18rem;
 	max-width: 28rem;
 }
- .bx-canvas {
+html.dark .bx-canvas {
     filter: invert(1) hue-rotate(180deg);
 }