Initial commit

admin-panel/tailwind.config.js

@@ -0,0 +1,107 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: [
+    "./index.html",
+    "./src/**/*.{js,ts,jsx,tsx}",
+  ],
+  darkMode: 'class',
+  theme: {
+    extend: {
+      colors: {
+        // Light Mode Colors
+        'primary-blue': '#3182CE',
+        'primary-blue-hover': '#2563EB',
+        'primary-blue-active': '#1D4ED8',
+        'primary-blue-dark': '#1E40AF',
+        'bg-main': '#F8FAFC',
+        'bg-white': '#FFFFFF',
+        'bg-gray': '#F0F4F8',
+        'bg-accent': '#E6F2FF',
+        'text-primary': '#1A365D',
+        'text-secondary': '#2D3748',
+        'text-tertiary': '#4A5568',
+        'text-quaternary': '#718096',
+        'text-placeholder': '#A0AEC0',
+        'border-default': '#E2E8F0',
+        'border-input': '#CBD5E0',
+        'divider': '#F1F5F9',
+        'success': '#059669',
+        'success-bg': '#D1FAE5',
+        'warning': '#D97706',
+        'warning-bg': '#FEF3C7',
+        'error': '#DC2626',
+        'error-bg': '#FEE2E2',
+        'info': '#2563EB',
+        'info-bg': '#DBEAFE',
+        
+        // Dark Mode Colors
+        'dark': {
+          'primary': '#232D53',
+          'accent': '#00D4FF',
+          'accent-hover': '#00B8E6',
+          'bg': '#000000',
+          'bg-secondary': '#1A1F3A',
+          'bg-sidebar': '#0A0A0A',
+          'bg-hover': '#232D53',
+          'bg-focus': '#2A3560',
+          'text-primary': '#FFFFFF',
+          'text-secondary': 'rgba(255, 255, 255, 0.7)',
+          'text-tertiary': 'rgba(255, 255, 255, 0.6)',
+          'border': 'rgba(255, 255, 255, 0.1)',
+          'success': '#4CAF50',
+          'warning': '#FFC107',
+          'error': '#FF4444',
+          'info': '#2196F3',
+        }
+      },
+      fontFamily: {
+        'poppins': ['Poppins', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'sans-serif'],
+        'sans': ['-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Arial', 'sans-serif'],
+        'mono': ['SF Mono', 'Monaco', 'Cascadia Code', 'Roboto Mono', 'monospace'],
+      },
+      fontSize: {
+        'title-lg': '32px',
+        'title-dialog': '24px',
+        'title-card': '20px',
+        'nav': '15px',
+        'body': '14px',
+        'small': '13px',
+        'help': '12px',
+      },
+      spacing: {
+        'container': '40px',
+        'card': '32px',
+        'element': '16px',
+        'inline': '8px',
+      },
+      borderRadius: {
+        'card': '16px',
+        'button': '24px',
+        'input': '8px',
+        'badge': '12px',
+      },
+      boxShadow: {
+        'sm': '0 1px 2px rgba(0, 0, 0, 0.05)',
+        'md': '0 4px 6px rgba(0, 0, 0, 0.1)',
+        'lg': '0 10px 15px rgba(0, 0, 0, 0.1)',
+        'xl': '0 20px 25px rgba(0, 0, 0, 0.1)',
+        'focus': '0 0 0 3px rgba(49, 130, 206, 0.1)',
+        'dark-sm': '0 2px 4px rgba(0, 0, 0, 0.3)',
+        'dark-md': '0 4px 12px rgba(0, 0, 0, 0.4)',
+        'dark-lg': '0 8px 24px rgba(0, 0, 0, 0.5)',
+        'dark-glow': '0 0 20px rgba(0, 212, 255, 0.3)',
+      },
+      transitionProperty: {
+        'all': 'all',
+      },
+      transitionDuration: {
+        'default': '300ms',
+        'fast': '200ms',
+      },
+      transitionTimingFunction: {
+        'default': 'ease',
+      },
+    },
+  },
+  plugins: [],
+}