dmeo-app

2025-08-19 16:42:50 +07:00 · 2025-08-19 16:42:50 +07:00 · e63f0bc7a7
commit e63f0bc7a7
parent 5e4525e979
242 changed files with 22660 additions and 5953 deletions
--- a/tailwind.config.js
+++ b/tailwind.config.js
@ -0,0 +1,63 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+    content: [
+        './src/**/*.{js,ts,jsx,tsx,mdx}',
+        './app/**/*.{js,ts,jsx,tsx,mdx}',
+        './components/**/*.{js,ts,jsx,tsx,mdx}'
+    ],
+    theme: {
+        typography: require('./typography'),
+        extend: {
+            colors: {
+                gray: {
+                    50: '#F9FAFB',
+                    100: '#F3F4F6',
+                    200: '#E5E7EB',
+                    300: '#D1D5DB',
+                    400: '#9CA3AF',
+                    500: '#6B7280',
+                    700: '#374151',
+                    800: '#1F2A37',
+                    900: '#111928'
+                },
+                primary: {
+                    50: '#EBF5FF',
+                    100: '#E1EFFE',
+                    200: '#C3DDFD',
+                    300: '#A4CAFE',
+                    600: '#1C64F2',
+                    700: '#1A56DB'
+                },
+                blue: {
+                    500: '#E1EFFE'
+                },
+                green: {
+                    50: '#F3FAF7',
+                    100: '#DEF7EC',
+                    800: '#03543F'
+                },
+                yellow: {
+                    100: '#FDF6B2',
+                    800: '#723B13'
+                },
+                purple: {
+                    50: '#F6F5FF'
+                },
+                indigo: {
+                    25: '#F5F8FF',
+                    100: '#E0EAFF',
+                    600: '#444CE7'
+                }
+            },
+            screens: {
+                mobile: '100px',
+                // => @media (min-width: 100px) { ... }
+                tablet: '640px', // 391
+                // => @media (min-width: 600px) { ... }
+                pc: '769px'
+                // => @media (min-width: 769px) { ... }
+            }
+        }
+    },
+    plugins: [require('@tailwindcss/typography'), require('@tailwindcss/line-clamp')]
+};