From a92f12e6aa50e477d3a3e6024e3463eb466976ce Mon Sep 17 00:00:00 2001
From: Shubham Goyal <shubhamgoyal7125@gmail.com>
Date: Tue, 27 Sep 2022 01:44:05 +0530
Subject: [PATCH] Resolved issue 1276 (#1281)

---
 package-lock.json        | 22 +++++++++++-----------
 src/scss/ui/_legend.scss |  2 +-
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index e03c01cba..b7678d11b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -22,7 +22,7 @@
         "@rollup/pluginutils": "^4.2.1",
         "@rollup/stream": "^2.0.0",
         "apexcharts": "^3.35.5",
-        "autoprefixer": "^10.4.11",
+        "autoprefixer": "^10.4.12",
         "autosize": "^5.0.1",
         "browser-sync": "^2.27.10",
         "bundlewatch": "^0.3.3",
@@ -2859,9 +2859,9 @@
       }
     },
     "node_modules/autoprefixer": {
-      "version": "10.4.11",
-      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.11.tgz",
-      "integrity": "sha512-5lHp6DgRodxlBLSkzHOTcufWFflH1ewfy2hvFQyjrblBFlP/0Yh4O/Wrg4ow8WRlN3AAUFFLAQwX8hTptzqVHg==",
+      "version": "10.4.12",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.12.tgz",
+      "integrity": "sha512-WrCGV9/b97Pa+jtwf5UGaRjgQIg7OK3D06GnoYoZNcG1Xb8Gt3EfuKjlhh9i/VtT16g6PYjZ69jdJ2g8FxSC4Q==",
       "dev": true,
       "funding": [
         {
@@ -2874,8 +2874,8 @@
         }
       ],
       "dependencies": {
-        "browserslist": "^4.21.3",
-        "caniuse-lite": "^1.0.30001399",
+        "browserslist": "^4.21.4",
+        "caniuse-lite": "^1.0.30001407",
         "fraction.js": "^4.2.0",
         "normalize-range": "^0.1.2",
         "picocolors": "^1.0.0",
@@ -16176,13 +16176,13 @@
       "dev": true
     },
     "autoprefixer": {
-      "version": "10.4.11",
-      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.11.tgz",
-      "integrity": "sha512-5lHp6DgRodxlBLSkzHOTcufWFflH1ewfy2hvFQyjrblBFlP/0Yh4O/Wrg4ow8WRlN3AAUFFLAQwX8hTptzqVHg==",
+      "version": "10.4.12",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.12.tgz",
+      "integrity": "sha512-WrCGV9/b97Pa+jtwf5UGaRjgQIg7OK3D06GnoYoZNcG1Xb8Gt3EfuKjlhh9i/VtT16g6PYjZ69jdJ2g8FxSC4Q==",
       "dev": true,
       "requires": {
-        "browserslist": "^4.21.3",
-        "caniuse-lite": "^1.0.30001399",
+        "browserslist": "^4.21.4",
+        "caniuse-lite": "^1.0.30001407",
         "fraction.js": "^4.2.0",
         "normalize-range": "^0.1.2",
         "picocolors": "^1.0.0",
diff --git a/src/scss/ui/_legend.scss b/src/scss/ui/_legend.scss
index 0d7d236c7..df2e38592 100644
--- a/src/scss/ui/_legend.scss
+++ b/src/scss/ui/_legend.scss
@@ -4,7 +4,7 @@ Legend
 .legend {
   --#{$prefix}legend-size: #{$legend-size};
   display: inline-block;
-  background: $legend-bg;
+  background: var(--#{$prefix}gray-200);
   width: var(--#{$prefix}legend-size);
   height: var(--#{$prefix}legend-size);
   border-radius: $legend-border-radius;