76 lines
2.0 KiB
JavaScript
76 lines
2.0 KiB
JavaScript
const defaultTheme = require('tailwindcss/defaultTheme')
|
|
|
|
module.exports = {
|
|
content: [
|
|
'./pages/**/*.{js,ts,jsx,tsx}',
|
|
'./components/**/*.{js,ts,jsx,tsx}',
|
|
],
|
|
theme: {
|
|
fontFamily: Object.assign(
|
|
{ ...defaultTheme.fontFamily },
|
|
{
|
|
'major-mono': ['Major Mono Display', 'monospace'],
|
|
'readex-pro': ['Readex Pro', 'sans-serif'],
|
|
'sf-compact': [
|
|
'SF Compact Display',
|
|
'-apple-system',
|
|
'system-ui',
|
|
'Segoe UI',
|
|
'Helvetica',
|
|
'Arial',
|
|
'sans-serif',
|
|
],
|
|
}
|
|
),
|
|
extend: {
|
|
backgroundImage: {
|
|
'world-trading': "url('/world-trading-background.webp')",
|
|
},
|
|
},
|
|
},
|
|
plugins: [
|
|
require('@tailwindcss/forms'),
|
|
require('@tailwindcss/typography'),
|
|
require('@tailwindcss/line-clamp'),
|
|
require('daisyui'),
|
|
],
|
|
daisyui: {
|
|
themes: [
|
|
{
|
|
mantic: {
|
|
primary: '#11b981',
|
|
'primary-focus': '#069668',
|
|
// Foreground content color to use on primary color
|
|
'primary-content': '#ffffff',
|
|
|
|
secondary: '#a991f7',
|
|
'secondary-focus': '#8462f4',
|
|
// Foreground content color to use on secondary color
|
|
'secondary-content': '#ffffff',
|
|
|
|
accent: '#f6d860',
|
|
'accent-focus': '#f3cc30',
|
|
// Foreground content color to use on accent color
|
|
'accent-content': '#ffffff',
|
|
|
|
neutral: '#3d4451',
|
|
'neutral-focus': '#2a2e37',
|
|
// Foreground content color to use on neutral color
|
|
'neutral-content': '#ffffff',
|
|
|
|
'base-100': '#ffffff' /* Base page color, for blank backgrounds */,
|
|
'base-200': '#f9fafb' /* Base color, a little darker */,
|
|
'base-300': '#d1d5db' /* Base color, even more dark */,
|
|
// Foreground content color to use on base color
|
|
'base-content': '#1f2937',
|
|
|
|
info: '#2094f3',
|
|
success: '#009485',
|
|
warning: '#ff9900',
|
|
error: '#ff5724',
|
|
},
|
|
},
|
|
],
|
|
},
|
|
}
|