WIP/Experimental: Theme Switcher

tailwind.config.js

@@ -1,20 +1,43 @@
-import withMT from "@material-tailwind/react/utils/withMT";
-import {withMaterialColors} from "tailwind-material-colors";
-
 /** @type {import('tailwindcss').Config} */
-export default withMaterialColors(withMT({
-        content: ["./frontend/index.html", "./frontend/**/*.{js,ts,jsx,tsx}"],
-        theme: {
-            extend: {
-                colors: {
-                    'gf-primary': '#2332c8',
-                    'gf-secondary': '#6441a5'
-                },
-            }
+module.exports = {
+    darkMode: ["class"],
+    content: [
+        './frontend/index.html',
+        './frontend/**/*.{js,ts,jsx,tsx}',
+        './pages/**/*.{ts,tsx}',
+        './components/**/*.{ts,tsx}',
+        './app/**/*.{ts,tsx}',
+        './src/**/*.{ts,tsx}'
+    ],
+    prefix: "",
+    theme: {
+        container: {
+            center: true,
+            padding: "2rem",
+            screens: {
+                "2xl": "1400px",
+            },
         },
-        plugins: [],
-    }),
-    {
-        primary: "#2332c8"
-    }
-);
+        extend: {
+            colors: {
+                'gf-primary': '#2332c8',
+                'gf-secondary': '#6441a5'
+            },
+            keyframes: {
+                "accordion-down": {
+                    from: {height: "0"},
+                    to: {height: "var(--radix-accordion-content-height)"},
+                },
+                "accordion-up": {
+                    from: {height: "var(--radix-accordion-content-height)"},
+                    to: {height: "0"},
+                },
+            },
+            animation: {
+                "accordion-down": "accordion-down 0.2s ease-out",
+                "accordion-up": "accordion-up 0.2s ease-out",
+            },
+        },
+    },
+    plugins: [require("tailwindcss-animate")],
+}