- Add package.json with development and production dependencies - Create postcss.config.js for Tailwind CSS integration - Implement AdminController for handling admin routes - Add admin index template with React root element - Create base template for consistent layout - Configure TypeScript with tsconfig.json - Set up Webpack configuration for asset management
31 lines
683 B
CSS
31 lines
683 B
CSS
@import "tailwindcss";
|
|
|
|
@theme {
|
|
--color-primary-50: #f5f3ff;
|
|
--color-primary-100: #ede9fe;
|
|
--color-primary-200: #ddd6fe;
|
|
--color-primary-300: #c4b5fd;
|
|
--color-primary-400: #a78bfa;
|
|
--color-primary-500: #8b5cf6;
|
|
--color-primary-600: #7c3aed;
|
|
--color-primary-700: #6d28d9;
|
|
--color-primary-800: #5b21b6;
|
|
--color-primary-900: #4c1d95;
|
|
|
|
--color-bg-body: #f1f5f9;
|
|
--color-bg-card: #ffffff;
|
|
--color-bg-sidebar: #0f172a;
|
|
--color-bg-sidebar-active: rgba(139, 92, 246, 0.15);
|
|
|
|
--font-sans: "Vazirmatn", "Inter", ui-sans-serif, system-ui, sans-serif;
|
|
}
|
|
|
|
* {
|
|
font-family: var(--font-sans);
|
|
}
|
|
|
|
body {
|
|
background-color: var(--color-bg-body);
|
|
direction: rtl;
|
|
}
|