From 385debc999b5b7c7c91f968bc2437dcd03469418 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=87etin?=
 <69278826+cetincakiroglu@users.noreply.github.com>
Date: Mon, 29 Aug 2022 16:09:18 +0300
Subject: [PATCH] Fix chart colors

---
 .../uikit/charts/charts.component.ts          | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/app/demo/components/uikit/charts/charts.component.ts b/src/app/demo/components/uikit/charts/charts.component.ts
index 02ad8e1..cee5014 100644
--- a/src/app/demo/components/uikit/charts/charts.component.ts
+++ b/src/app/demo/components/uikit/charts/charts.component.ts
@@ -80,7 +80,7 @@ export class ChartsComponent implements OnInit, OnDestroy {
                         }
                     },
                     grid: {
-                        display: false,
+                        color:[surfaceBorder],
                         drawBorder: false
                     }
                 },
@@ -89,7 +89,7 @@ export class ChartsComponent implements OnInit, OnDestroy {
                         color: textColorSecondary
                     },
                     grid: {
-                        color: surfaceBorder,
+                        color:[surfaceBorder],
                         drawBorder: false
                     }
                 },
@@ -110,7 +110,8 @@ export class ChartsComponent implements OnInit, OnDestroy {
                         documentStyle.getPropertyValue('--yellow-400'),
                         documentStyle.getPropertyValue('--blue-400'),
                         documentStyle.getPropertyValue('--red-400')
-                    ]
+                    ],
+                    borderColor: [surfaceBorder]
                 }]
         };
 
@@ -161,7 +162,7 @@ export class ChartsComponent implements OnInit, OnDestroy {
                         color: textColorSecondary
                     },
                     grid: {
-                        color: surfaceBorder,
+                        color: [surfaceBorder],
                         drawBorder: false
                     }
                 },
@@ -170,10 +171,10 @@ export class ChartsComponent implements OnInit, OnDestroy {
                         color: textColorSecondary
                     },
                     grid: {
-                        color: surfaceBorder,
+                        color: [surfaceBorder],
                         drawBorder: false
                     }
-                }
+                },
             }
         };
 
@@ -252,8 +253,12 @@ export class ChartsComponent implements OnInit, OnDestroy {
             },
             scales: {
                 r: {
+                    pointLabels: {
+                        color: textColor
+                    },
                     grid: {
-                        color: textColorSecondary
+                        color:[surfaceBorder],
+                        drawBorder: false
                     }
                 }
             }