From 70610445971f7fb680d5fe278a6732c3ecb4e977 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bahad=C4=B1r=20Sofuo=C4=9Flu?= <bahadirsofuoglu@gmail.com>
Date: Wed, 9 Nov 2022 12:42:16 +0300
Subject: [PATCH] Chart updates

---
 src/views/uikit/Chart.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/views/uikit/Chart.vue b/src/views/uikit/Chart.vue
index 9b103d6..a57c888 100644
--- a/src/views/uikit/Chart.vue
+++ b/src/views/uikit/Chart.vue
@@ -3,7 +3,7 @@ import { ref, watch } from 'vue';
 import { useLayoutService } from '@/layout/composables/layoutService';
 
 const { layoutConfig } = useLayoutService();
-const documentStyle = getComputedStyle(document.documentElement);
+let documentStyle = getComputedStyle(document.documentElement);
 let textColor = documentStyle.getPropertyValue('--text-color');
 let textColorSecondary = documentStyle.getPropertyValue('--text-color-secondary');
 let surfaceBorder = documentStyle.getPropertyValue('--surface-border');
@@ -21,13 +21,13 @@ const barOptions = ref(null);
 const radarOptions = ref(null);
 
 const setColorOptions = () => {
+    documentStyle = getComputedStyle(document.documentElement);
     textColor = documentStyle.getPropertyValue('--text-color');
     textColorSecondary = documentStyle.getPropertyValue('--text-color-secondary');
     surfaceBorder = documentStyle.getPropertyValue('--surface-border');
 };
 
 const setChart = () => {
-    setColorOptions();
     barData.value = {
         labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
         datasets: [
@@ -226,8 +226,9 @@ watch(
     layoutConfig.theme,
     () => {
         setTimeout(() => {
+            setColorOptions();
             setChart();
-        }, 100);
+        }, 200);
     },
     { immediate: true }
 );