66 lines
2.2 KiB
JavaScript
66 lines
2.2 KiB
JavaScript
const defaultTheme = require('tailwindcss/defaultTheme')
|
|
|
|
/** @type {import('tailwindcss').Config} */
|
|
module.exports = {
|
|
darkMode: 'class',
|
|
|
|
content: [
|
|
'./vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
|
|
'./storage/framework/views/*.php',
|
|
'./resources/views/**/*.blade.php',
|
|
'./resources/scripts/**/*.jsx',
|
|
'./resources/scripts/**/*.tsx',
|
|
],
|
|
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
error: {
|
|
lighter: 'var(--color-error-lighter)',
|
|
light: 'var(--color-error-light)',
|
|
DEFAULT: 'var(--color-error)',
|
|
dark: 'var(--color-error-dark)',
|
|
},
|
|
success: {
|
|
lighter: 'var(--color-success-lighter)',
|
|
light: 'var(--color-success-light)',
|
|
DEFAULT: 'var(--color-success)',
|
|
dark: 'var(--color-success-dark)',
|
|
},
|
|
warning: {
|
|
lighter: 'var(--color-warning-lighter)',
|
|
light: 'var(--color-warning-light)',
|
|
DEFAULT: 'var(--color-warning)',
|
|
dark: 'var(--color-warning-dark)',
|
|
},
|
|
foreground: 'var(--color-foreground)',
|
|
background: 'var(--color-background)',
|
|
accent: {
|
|
100: 'var(--color-accent-1)',
|
|
200: 'var(--color-accent-2)',
|
|
300: 'var(--color-accent-3)',
|
|
400: 'var(--color-accent-4)',
|
|
500: 'var(--color-accent-5)',
|
|
600: 'var(--color-accent-6)',
|
|
700: 'var(--color-accent-7)',
|
|
800: 'var(--color-accent-8)',
|
|
},
|
|
},
|
|
fontFamily: {
|
|
sans: ['Inter', ...defaultTheme.fontFamily.sans],
|
|
},
|
|
boxShadow: {
|
|
light: '0 4px 4px 0 rgba(0,0,0,.02)',
|
|
},
|
|
screens: {
|
|
xs: '512px',
|
|
},
|
|
borderRadius: {
|
|
DEFAULT: '5px',
|
|
},
|
|
},
|
|
},
|
|
corePlugins: {
|
|
preflight: false,
|
|
},
|
|
}
|