fix tailwind cong

css/index.css

@@ -3,19 +3,8 @@
 @import "code.css";
 /*! purgecss end ignore */
 
-
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-@layer components {
-  /* .btn-primary {
-      @apply py-1.5 px-3 text-center bg-blue-700 rounded-md text-white;
-  } */
-}
-
 @import "tailwindcss/base";
-@import "layout.css";
+
 @import "tailwindcss/components";
 @import "admonition.css";
 @import "tailwindcss/utilities";

tailwind.config.js

@@ -1,30 +1,15 @@
 const colors = require('tailwindcss/colors')
 
 module.exports = {
+  darkMode: 'class',
   content: [
       './templates/**/*.html'
   ],
   safelist: [
-    {
+    'lg:grid-cols-3',
-      pattern: /(-|)(ml|mr)-(4|8|12|16|20|24|28)/,
+  'md:grid-cols-2',
-      variants: [
+  'grid-cols-1',
-        'sm', 'md', 'lg', 
+],
-        'first', 'first:sm', 'first:md', 'first:lg', 
-        'last', 'last:sm', 'last:md', 'last:lg'
-      ],
-    },
-    {
-      pattern: /(pt|pb)-(0)/,
-      variants: [
-        '!', 'lg', 
-        'first', 'first:sm', 'first:md', 'first:lg', 
-        'last', 'last:sm', 'last:md', 'last:lg'
-      ],
-    },
-    {
-      pattern: /bg-teal-(50|100|200|300|400|500|600|700|800|900)/,  // Added teal color safelist
-    }
-  ],
  
   important: true,
   theme: {