learnflow / tailwind.config.js
muhammad naveed
Upload folder using huggingface_hub
1291157 verified
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
'./pages/**/*.{js,ts,jsx,tsx,mdx}',
'./components/**/*.{js,ts,jsx,tsx,mdx}',
'./app/**/*.{js,ts,jsx,tsx,mdx}',
],
theme: {
extend: {
colors: {
// VeryWellMind-inspired wellness color palette
teal: {
50: '#f0fdfa',
100: '#ccfbf1',
200: '#99f6e4',
300: '#5eead4',
400: '#2dd4bf',
500: '#14b8a6',
600: '#0d9488',
700: '#0f766e',
800: '#115e59',
900: '#134e4a',
},
sage: {
50: '#f6f7f4',
100: '#e8ebe3',
200: '#d4dac9',
300: '#b5c0a5',
400: '#96a67f',
500: '#7a8b63',
600: '#5f6e4c',
700: '#4b573d',
800: '#3e4734',
900: '#353d2e',
},
lavender: {
50: '#faf5ff',
100: '#f3e8ff',
200: '#e9d5ff',
300: '#d8b4fe',
400: '#c084fc',
500: '#a855f7',
600: '#9333ea',
700: '#7e22ce',
800: '#6b21a8',
900: '#581c87',
},
cream: {
50: '#fefdfb',
100: '#fdf9f3',
200: '#faf3e6',
300: '#f5e9d4',
400: '#eddbb8',
500: '#e3c99a',
600: '#d4b07a',
700: '#c19660',
800: '#a67b4b',
900: '#8a6540',
},
coral: {
50: '#fff5f5',
100: '#ffe3e3',
200: '#ffc9c9',
300: '#ffa8a8',
400: '#ff8787',
500: '#ff6b6b',
600: '#fa5252',
700: '#f03e3e',
800: '#e03131',
900: '#c92a2a',
},
warmgray: {
50: '#fafaf9',
100: '#f5f5f4',
200: '#e7e5e4',
300: '#d6d3d1',
400: '#a8a29e',
500: '#78716c',
600: '#57534e',
700: '#44403c',
800: '#292524',
900: '#1c1917',
},
},
fontFamily: {
sans: ['Inter', 'system-ui', 'sans-serif'],
display: ['Georgia', 'serif'],
},
borderRadius: {
'4xl': '2rem',
'5xl': '2.5rem',
},
boxShadow: {
'soft': '0 2px 15px -3px rgba(0, 0, 0, 0.07), 0 10px 20px -2px rgba(0, 0, 0, 0.04)',
'soft-lg': '0 10px 40px -10px rgba(0, 0, 0, 0.1)',
'inner-soft': 'inset 0 2px 4px 0 rgba(0, 0, 0, 0.02)',
},
backgroundImage: {
'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
'gradient-conic': 'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
'wellness-gradient': 'linear-gradient(135deg, #f0fdfa 0%, #faf5ff 50%, #fdf9f3 100%)',
'hero-pattern': 'radial-gradient(circle at 30% 20%, rgba(20, 184, 166, 0.1) 0%, transparent 50%)',
},
},
},
plugins: [],
}