tutoring/tailwind.config.js

48 lines
1.2 KiB
JavaScript

import defaultTheme from 'tailwindcss/defaultTheme';
import forms from '@tailwindcss/forms';
/** @type {import('tailwindcss').Config} */
export default {
content: [
'./vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
'./storage/framework/views/*.php',
'./resources/views/**/*.blade.php',
],
safelist: [
'bg-brand-primary',
'bg-brand-secondary',
'text-white',
'bg-status-success',
'bg-status-error'
],
theme: {
extend: {
fontFamily: {
sans: ['Figtree', ...defaultTheme.fontFamily.sans],
},
colors: {
brand: {
primary: '#4F46E5', // Indigo 600
secondary: '#6366F1', // Indigo 500
accent: '#F59E0B', // Amber 500
},
status: {
success: '#16A34A', // Green 600
warning: '#D97706', // Amber 600
error: '#DC2626', // Red 600
info: '#0EA5E9', // Sky 500
},
neutral: {
light: '#F9FAFB', // Gray 50
dark: '#111827', // Gray 900
text: {
primary: '#111827',
secondary: '#374151',
},
border: '#E5E7EB',
},
},
},
},
plugins: [forms],
};