From 888e75a2a13606d3c67ab2b5e168b8fd520501f8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=87etin?=
 <69278826+cetincakiroglu@users.noreply.github.com>
Date: Wed, 8 Jan 2025 12:31:41 +0300
Subject: [PATCH] Fix text color

---
 src/app/pages/uikit/chartdemo.ts | 20 ++++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/src/app/pages/uikit/chartdemo.ts b/src/app/pages/uikit/chartdemo.ts
index 9ae80d3..ef66312 100644
--- a/src/app/pages/uikit/chartdemo.ts
+++ b/src/app/pages/uikit/chartdemo.ts
@@ -84,9 +84,9 @@ export class ChartDemo {
 
     initCharts() {
         const documentStyle = getComputedStyle(document.documentElement);
-        const textColor = documentStyle.getPropertyValue('--p-text-color');
-        const textColorSecondary = documentStyle.getPropertyValue('--p-text-muted-color');
-        const surfaceBorder = documentStyle.getPropertyValue('--p-content-border-color');
+        const textColor = documentStyle.getPropertyValue('--text-color');
+        const textColorSecondary = documentStyle.getPropertyValue('--text-color-secondary');
+        const surfaceBorder = documentStyle.getPropertyValue('--surface-border');
 
         this.barData = {
             labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
@@ -235,10 +235,14 @@ export class ChartDemo {
             scales: {
                 r: {
                     grid: {
-                        color: surfaceBorder
-                    }
-                }
-            }
+                        color: surfaceBorder,
+                    },
+                    ticks: {
+                        display: false,
+                        color: textColorSecondary
+                    },
+                },
+            },
         };
 
         this.radarData = {
@@ -276,7 +280,7 @@ export class ChartDemo {
             scales: {
                 r: {
                     grid: {
-                        color: textColorSecondary
+                        color: surfaceBorder
                     }
                 }
             }