config tailwind

2025-05-31 14:46:26 +03:30
parent d81d32fe4b
commit b8c3ebcee3
7 changed files with 248 additions and 109 deletions
@@ -0,0 +1,68 @@
+import type { Config } from 'tailwindcss';
+
+const config: Config = {
+  darkMode: ['class', 'string'],
+  content: [
+    './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
+    './src/components/**/*.{js,ts,jsx,tsx,mdx}',
+    './src/app/**/*.{js,ts,jsx,tsx,mdx}',
+  ],
+  theme: {
+    // Move your custom colors directly here to override default Tailwind colors
+    extend: {
+      colors: {
+        // Custom colors
+        primary: {
+          light: '#6366F1',
+          DEFAULT: '#6366F1',
+          dark: '#FA003F',
+        },
+        secondary: {
+          light: '#A78BFA',
+          DEFAULT: '#8B5CF6',
+          dark: '#7C3AED',
+        },
+        textColorLight: {
+          light: '#FFFFFF',
+          DEFAULT: '#FFFFFF',
+          dark: '#FA003F',
+        },
+        textColorGray: {
+          light: '#222222',
+          DEFAULT: '#222222',
+          dark: '#FA003F',
+        },
+        bgPrimary: {
+          light: '#FFFFFF',
+          DEFAULT: '#FFFFFF',
+          dark: '#FA003F',
+        },
+        gray: {
+          light: {
+            100: '#EBEBEB',
+            200: '#F5F5F5',
+            300: '#81848A',
+            400: '#777',
+            500: '#222',
+          },
+          dark: {
+            100: '#EBEBEB',
+            200: '#F5F5F5',
+            300: '#81848A',
+            400: '#777',
+            500: '#222',
+          },
+        },
+      },
+      backgroundImage: {
+        'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
+        'gradient-conic':
+          'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
+      },
+      // Any other extensions go here
+    },
+  },
+  plugins: [],
+};
+
+export default config;