shifting mode color text

resources/views/dashboard/resiliensi.blade.php

@@ -41,10 +41,15 @@
         
         <!-- Header Section -->
         <div class="flex flex-col md:flex-row justify-between items-start md:items-center gap-4 mb-6">
-            <div>
-                <h2 class="text-2xl font-bold text-gray-800">Resiliensi & Produksi Pertanian</h2>
-                <p class="text-gray-500 text-sm mt-1">Pengembangan Agroforestry Polikultur Adaptif Iklim & Praktik GAP</p>
-            </div>
+        <div>
+    <h2 class="text-2xl font-bold teks-header-judul">
+        Resiliensi & Produksi Pertanian
+    </h2>
+    
+    <p class="text-sm mt-1 teks-header-sub">
+        Pengembangan Agroforestry Polikultur
+    </p>
+</div>
             <div class="flex gap-2">
                 <button class="bg-white border border-gray-200 text-gray-600 px-4 py-2 rounded-lg text-sm font-medium hover:bg-gray-50 flex items-center gap-2 shadow-sm">
                     <i data-lucide="map" class="w-4 h-4"></i> Mode Pemetaan

resources/views/dashboard/summary.blade.php

@@ -13,6 +13,16 @@
 
 @push('scripts-head')
 <script src="https://cdn.tailwindcss.com"></script>
+
+<script>
+    tailwind.config = {
+        darkMode: 'class', 
+        theme: {
+            extend: {}
+        }
+    }
+</script>
+
 <script src="https://unpkg.com/lucide@latest"></script>
 <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
 @endpush
@@ -23,9 +33,14 @@
         <!-- Header Section -->
         <div class="flex flex-col md:flex-row justify-between items-start md:items-center gap-4 mb-6">
             <div>
-                <h2 class="text-2xl font-bold text-gray-800">Ringkasan M&E (Theory of Change)</h2>
-                <p class="text-gray-500 text-sm mt-1">Capaian Utama Transformasi Bioekonomi Desa Ngada</p>
-            </div>
+    <h2 class="text-2xl font-bold teks-header-judul">
+        Ringkasan M&E (Theory of Change)
+    </h2>
+    
+    <p class="text-sm mt-1 teks-header-sub">
+        Capaian Utama Transformasi Bioekonomi Desa Ngada
+    </p>
+</div>
             <div class="flex gap-2">
                 <button class="bg-white border border-gray-200 text-gray-600 px-4 py-2 rounded-lg text-sm font-medium hover:bg-gray-50 flex items-center gap-2">
                     <i data-lucide="download" class="w-4 h-4"></i> Export PDF