dashboard produksi & ganti warna chart

resources/views/dashboard/akselerasi.blade.php

@@ -238,6 +238,10 @@
 @push('scripts')
 <script>
     document.addEventListener('DOMContentLoaded', function() {
+        const pastelChart = config.chartColors || {};
+        const pastelSemantic = pastelChart.semantic || {};
+        const pastelCategory = pastelChart.categories || {};
+        const gridColor = pastelChart.grid || '#E8EDF5';
         
         // 1. Inisialisasi Icons
         if(typeof lucide !== 'undefined') {
@@ -255,7 +259,7 @@
                         {
                             label: 'Desa Mengadopsi (Realisasi)',
                             data: [0, 3, 8, 15], // Kumulatif: 3 Desa Inti + 12 Baru
-                            backgroundColor: '#8b5cf6', // Purple-500
+                            backgroundColor: pastelCategory.policyPurple || '#9D8EF0',
                             borderRadius: 4,
                             order: 2
                         },
@@ -263,12 +267,12 @@
                             label: 'Target Perluasan ToC',
                             type: 'line',
                             data: [3, 5, 10, 15],
-                            borderColor: '#d946ef', // Fuchsia-500
+                            borderColor: pastelCategory.policyPink || '#F47C86',
                             backgroundColor: 'transparent',
                             borderWidth: 3,
                             borderDash: [5, 5],
                             tension: 0.3,
-                            pointBackgroundColor: '#d946ef',
+                            pointBackgroundColor: pastelCategory.policyPink || '#F47C86',
                             order: 1
                         }
                     ]
@@ -280,7 +284,7 @@
                     scales: {
                         y: { 
                             beginAtZero: true, 
-                            grid: { color: '#f3f4f6' },
+                            grid: { color: gridColor },
                             ticks: { stepSize: 5 }
                         },
                         x: { grid: { display: false } }
@@ -309,10 +313,10 @@
                     datasets: [{ 
                         data: [4, 2, 1, 1], 
                         backgroundColor: [
-                            '#f59e0b', // Amber-500
-                            '#10b981', // Emerald-500
-                            '#3b82f6', // Blue-500
-                            '#8b5cf6'  // Purple-500
+                            pastelSemantic.warning || '#FFB46F',
+                            pastelSemantic.success || '#6FD68F',
+                            pastelSemantic.info || '#5FC7D6',
+                            pastelCategory.policyPurple || '#9D8EF0'
                         ], 
                         borderWidth: 2,
                         borderColor: '#ffffff',
@@ -335,4 +339,4 @@
 
     });
 </script>
-@endpush
+@endpush