From abe1fe97dc9688b73437549d7fe1270a90c1a35e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=87etin?=
 <69278826+cetincakiroglu@users.noreply.github.com>
Date: Wed, 8 Jan 2025 11:58:54 +0300
Subject: [PATCH 1/2] Add margin

---
 src/app/pages/auth/login.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/pages/auth/login.ts b/src/app/pages/auth/login.ts
index 8d90ace..0ea24a5 100644
--- a/src/app/pages/auth/login.ts
+++ b/src/app/pages/auth/login.ts
@@ -45,7 +45,7 @@ import { AppFloatingConfigurator } from '../../layout/core/app.floatingconfigura
                             <input pInputText id="email1" type="text" placeholder="Email address" class="w-full md:w-[30rem] mb-8" [(ngModel)]="email" />
 
                             <label for="password1" class="block text-surface-900 dark:text-surface-0 font-medium text-xl mb-2">Password</label>
-                            <p-password id="password1" [(ngModel)]="password" placeholder="Password" [toggleMask]="true" class="mb-4" [fluid]="true" [feedback]="false"></p-password>
+                            <p-password id="password1" [(ngModel)]="password" placeholder="Password" [toggleMask]="true" styleClass="mb-4" [fluid]="true" [feedback]="false"></p-password>
 
                             <div class="flex items-center justify-between mt-2 mb-8 gap-8">
                                 <div class="flex items-center">

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 2/2] 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
                     }
                 }
             }