Merge pull request #546 from Pinelab-studio/fix/fontColor

fix(metrics): font color fix for dark mode in metrics
Pinelab-studio · Dec 18, 2024 · 5f7d30a · 5f7d30a
2 parents a850165 + 469885a
commit 5f7d30a
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 1 deletion.
diff --git a/packages/vendure-plugin-metrics/CHANGELOG.md b/packages/vendure-plugin-metrics/CHANGELOG.md
@@ -1,3 +1,7 @@
+# 1.6.1 (2024-12-18)
+
+- Fixed chart text color to display correctly in dark mode.
+
 # 1.6.0 (2024-11-19)
 
 - Allow showing metrics of past X months instead of always past 12 months.

diff --git a/packages/vendure-plugin-metrics/package.json b/packages/vendure-plugin-metrics/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@pinelab/vendure-plugin-metrics",
-  "version": "1.6.0",
+  "version": "1.6.1",
   "description": "Vendure plugin measuring and visualizing e-commerce metrics",
   "author": "Martijn van de Brug <[email protected]>",
   "homepage": "https://pinelab-plugins.com/",

diff --git a/packages/vendure-plugin-metrics/src/ui/chartist/chartist.component.scss b/packages/vendure-plugin-metrics/src/ui/chartist/chartist.component.scss
@@ -31,6 +31,10 @@
     transform-origin: 100% 0;
     transform: translate(-100%) rotate(-45deg);
     white-space: nowrap;
+    color: var(--clr-label-info-font-color);
+  }
+  .ct-label.ct-vertical.ct-start {
+    color: var(--clr-label-info-font-color);
   }
   .ct-series-a .ct-slice-pie,
   .ct-series-a .ct-area {