From 4522281dbf7f5df7e10c6ea05ac48ddf4c354a55 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Yi=C4=9Fit=20FINDIKLI?= <yigitfindikli@gmail.com>
Date: Tue, 11 Jan 2022 14:38:49 +0300
Subject: [PATCH] Chart | Light Colors Updated

---
 src/app/components/charts/charts.component.ts | 130 +++---------------
 1 file changed, 16 insertions(+), 114 deletions(-)

diff --git a/src/app/components/charts/charts.component.ts b/src/app/components/charts/charts.component.ts
index 23748dd..0539cc5 100755
--- a/src/app/components/charts/charts.component.ts
+++ b/src/app/components/charts/charts.component.ts
@@ -63,34 +63,6 @@ export class ChartsComponent implements OnInit, OnDestroy {
             ]
         };
 
-        this.lineOptions = {
-            plugins: {
-                legend: {
-                    labels: {
-                        color: '#A0A7B5'
-                    }
-                }
-            },
-            scales: {
-                x: {
-                    ticks: {
-                        color: '#A0A7B5'
-                    },
-                    grid: {
-                        color:  'rgba(160, 167, 181, .3)',
-                    }
-                },
-                y: {
-                    ticks: {
-                        color: '#A0A7B5'
-                    },
-                    grid: {
-                        color:  'rgba(160, 167, 181, .3)',
-                    }
-                },
-            }
-        };
-
         this.barData = {
             labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
             datasets: [
@@ -107,34 +79,6 @@ export class ChartsComponent implements OnInit, OnDestroy {
             ]
         };
 
-        this.barOptions = {
-            plugins: {
-                legend: {
-                    labels: {
-                        color: '#A0A7B5'
-                    }
-                }
-            },
-            scales: {
-                x: {
-                    ticks: {
-                        color: '#A0A7B5'
-                    },
-                    grid: {
-                        color:  'rgba(160, 167, 181, .3)',
-                    }
-                },
-                y: {
-                    ticks: {
-                        color: '#A0A7B5'
-                    },
-                    grid: {
-                        color:  'rgba(160, 167, 181, .3)',
-                    }
-                },
-            }
-        };
-
         this.pieData = {
             labels: ['A', 'B', 'C'],
             datasets: [
@@ -154,16 +98,6 @@ export class ChartsComponent implements OnInit, OnDestroy {
             ]
         };
 
-        this.pieOptions = {
-            plugins: {
-                legend: {
-                    labels: {
-                        color: '#A0A7B5'
-                    }
-                }
-            }
-        };
-
         this.polarData = {
             datasets: [{
                 data: [
@@ -191,23 +125,6 @@ export class ChartsComponent implements OnInit, OnDestroy {
             ]
         };
 
-        this.polarOptions = {
-            plugins: {
-                legend: {
-                    labels: {
-                        color: '#A0A7B5'
-                    }
-                }
-            },
-            scales: {
-                r: {
-                    grid: {
-                        color: 'rgba(160, 167, 181, .3)'
-                    }
-                }
-            }
-        };
-
         this.radarData = {
             labels: ['Eating', 'Drinking', 'Sleeping', 'Designing', 'Coding', 'Cycling', 'Running'],
             datasets: [
@@ -234,22 +151,7 @@ export class ChartsComponent implements OnInit, OnDestroy {
             ]
         };
 
-        this.radarOptions = {
-            plugins: {
-                legend: {
-                    labels: {
-                        color: '#A0A7B5'
-                    }
-                }
-            },
-            scales: {
-                r: {
-                    grid: {
-                        color: 'rgba(160, 167, 181, .3)'
-                    }
-                }
-            }
-        };
+        this.updateChartOptions();
     }
 
     updateChartOptions() {
@@ -264,25 +166,25 @@ export class ChartsComponent implements OnInit, OnDestroy {
             plugins: {
                 legend: {
                     labels: {
-                        color: '#A0A7B5'
+                        color: '#495057'
                     }
                 }
             },
             scales: {
                 x: {
                     ticks: {
-                        color: '#A0A7B5'
+                        color: '#495057'
                     },
                     grid: {
-                        color:  'rgba(160, 167, 181, .3)',
+                        color:  '#ebedef',
                     }
                 },
                 y: {
                     ticks: {
-                        color: '#A0A7B5'
+                        color: '#495057'
                     },
                     grid: {
-                        color:  'rgba(160, 167, 181, .3)',
+                        color:  '#ebedef',
                     }
                 },
             }
@@ -292,25 +194,25 @@ export class ChartsComponent implements OnInit, OnDestroy {
             plugins: {
                 legend: {
                     labels: {
-                        color: '#A0A7B5'
+                        color: '#495057'
                     }
                 }
             },
             scales: {
                 x: {
                     ticks: {
-                        color: '#A0A7B5'
+                        color: '#495057'
                     },
                     grid: {
-                        color:  'rgba(160, 167, 181, .3)',
+                        color:  '#ebedef',
                     }
                 },
                 y: {
                     ticks: {
-                        color: '#A0A7B5'
+                        color: '#495057'
                     },
                     grid: {
-                        color:  'rgba(160, 167, 181, .3)',
+                        color:  '#ebedef',
                     }
                 },
             }
@@ -320,7 +222,7 @@ export class ChartsComponent implements OnInit, OnDestroy {
             plugins: {
                 legend: {
                     labels: {
-                        color: '#A0A7B5'
+                        color: '#495057'
                     }
                 }
             }
@@ -330,14 +232,14 @@ export class ChartsComponent implements OnInit, OnDestroy {
             plugins: {
                 legend: {
                     labels: {
-                        color: '#A0A7B5'
+                        color: '#495057'
                     }
                 }
             },
             scales: {
                 r: {
                     grid: {
-                        color: 'rgba(160, 167, 181, .3)'
+                        color: '#ebedef'
                     }
                 }
             }
@@ -347,14 +249,14 @@ export class ChartsComponent implements OnInit, OnDestroy {
             plugins: {
                 legend: {
                     labels: {
-                        color: '#A0A7B5'
+                        color: '#495057'
                     }
                 }
             },
             scales: {
                 r: {
                     grid: {
-                        color: 'rgba(160, 167, 181, .3)'
+                        color: '#ebedef'
                     }
                 }
             }