Create tailwind.config.js

tailwind.config.js

@@ -0,0 +1,27 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    "./src/**/*.{js,jsx,ts,tsx}", // به Tailwind می‌گوید کجا دنبال کلاس‌ها بگردد
+  ],
+  darkMode: 'class', // برای فعال کردن حالت تاریک با کلاس CSS
+  theme: {
+    extend: {
+      // اینجا می‌توانید انیمیشن‌ها و رنگ‌های سفارشی اضافه کنید اگر لازم شد
+      // فعلاً برای سادگی خالی می‌گذاریم، چون انیمیشن‌ها باید از کلاس‌های Tailwind بیایند
+    },
+  },
+  plugins: [],
+  // این لیست مهم است تا Tailwind کلاس‌های رنگی لوگو را حذف نکند
+  safelist: [
+    'bg-blue-200', 'dark:bg-blue-700',
+    'bg-blue-300', 'dark:bg-blue-600',
+    'bg-blue-400', 'dark:bg-blue-500',
+    'bg-green-200', 'dark:bg-green-700',
+    'bg-green-300', 'dark:bg-green-600',
+    'bg-green-400', 'dark:bg-green-500',
+    'bg-gray-200', 'dark:bg-gray-700',
+    'bg-gray-300', 'dark:bg-gray-600',
+    'bg-gray-400', 'dark:bg-gray-500',
+    'animate-ping',
+  ]
+}