From 481b2f5fe07d818f37ba220f70fbad14690b39ba Mon Sep 17 00:00:00 2001
From: Vladimir Chernitsyn <47900126+Flunt1k@users.noreply.github.com>
Date: Tue, 22 Nov 2022 14:36:09 +0100
Subject: [PATCH] fix(Highcharts plugin): remove style for chart background
 color (#73)

---
 src/components/ChartKit.scss                              | 2 +-
 src/plugins/highcharts/renderer/helpers/config/options.js | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/ChartKit.scss b/src/components/ChartKit.scss
index b1ec4e45..abab725f 100644
--- a/src/components/ChartKit.scss
+++ b/src/components/ChartKit.scss
@@ -11,7 +11,7 @@
     --highcarts-navigator-border: var(--yc-color-line-generic);
     --highcarts-navigator-track: var(--yc-color-base-generic);
     --highcarts-navigator-body: var(--yc-color-scroll-handle);
-    --highcharts-chart-background: var(--yc-color-base-background);
+    --highcharts-series-border: var(--yc-color-base-background);
     --highcharts-grid-line: var(--yc-color-line-generic);
     --highcharts-axis-line: var(--yc-color-line-generic);
     --highcharts-tick: var(--yc-color-line-generic);
diff --git a/src/plugins/highcharts/renderer/helpers/config/options.js b/src/plugins/highcharts/renderer/helpers/config/options.js
index 32f3a641..b8a947f3 100644
--- a/src/plugins/highcharts/renderer/helpers/config/options.js
+++ b/src/plugins/highcharts/renderer/helpers/config/options.js
@@ -116,7 +116,7 @@ const statesForLine = {
 const options = {
     chart: {
         zoomType: 'xy',
-        backgroundColor: 'var(--highcharts-chart-background)',
+        backgroundColor: 'transparent',
         className: 'chartkit-highcharts',
     },
     title: {
@@ -186,7 +186,7 @@ const options = {
     },
     plotOptions: {
         series: {
-            borderColor: 'var(--highcharts-chart-background)',
+            borderColor: 'var(--highcharts-series-border)',
             label: {
                 enabled: false,
             },