fix hero

Author: zhuangy47

.DS_Store

@@ -15,7 +15,8 @@ <h1 class="text-4xl font-bold mb-8 dark:text-white">Resources</h1>
             <tbody class="divide-y divide-gray-100 dark:divide-gray-600">
                 {% for event in site.data.events %}
                     {% if event.resources %}
-                        <tr class="hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors duration-150">
+
+                        <tr class="text-gray-900 dark:text-gray-100 hover:bg-gray-50 dark:hover:bg-gray-600 bg-white dark:bg-gray-700 transition-colors duration-150">
                             <td class="px-6 py-4 dark:text-gray-200">{{ event.name }}</td>
                             <td class="px-6 py-4">
                                 <div class="flex flex-wrap justify-center gap-4">

assets/.DS_Store

@@ -11,8 +11,12 @@ module.exports = {
   // Dark mode should be at the root level, not inside theme
   darkMode: 'class',
   // Theme configuration is simplified and properly structured
+  mode: 'jit',
   theme: {
     extend: {
+      brightness: {
+        '20': '0.2',
+      },
       fontFamily: {
         sans: ['Atkinson Hyperlegible', 'sans-serif']
       }