39 lines
1.2 KiB
JavaScript
39 lines
1.2 KiB
JavaScript
const forms = require('@tailwindcss/forms');
|
|
const typography = require('@tailwindcss/typography');
|
|
|
|
/** @type {import('tailwindcss').Config} */
|
|
module.exports = {
|
|
content: [
|
|
'./index.html',
|
|
'./App.tsx',
|
|
'./components/**/*.{ts,tsx}',
|
|
'./src/**/*.{ts,tsx}',
|
|
],
|
|
darkMode: 'class',
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
primary: '#FFFFFF',
|
|
'background-light': '#F3F4F6',
|
|
'background-dark': '#0a0a0a',
|
|
'surface-dark': '#121212',
|
|
'text-muted': '#888888',
|
|
},
|
|
fontFamily: {
|
|
display: ['"Space Grotesk"', 'sans-serif'],
|
|
sans: ['"Inter"', 'sans-serif'],
|
|
},
|
|
borderRadius: {
|
|
DEFAULT: '4px',
|
|
lg: '8px',
|
|
xl: '12px',
|
|
},
|
|
backgroundImage: {
|
|
grain:
|
|
"url(\"data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E\")",
|
|
},
|
|
},
|
|
},
|
|
plugins: [forms, typography],
|
|
};
|