33 lines
1.1 KiB
TypeScript
33 lines
1.1 KiB
TypeScript
import type { Config } from 'tailwindcss'
|
|
|
|
const config: Config = {
|
|
content: [
|
|
'./pages/**/*.{js,ts,jsx,tsx,mdx}',
|
|
'./components/**/*.{js,ts,jsx,tsx,mdx}',
|
|
'./app/**/*.{js,ts,jsx,tsx,mdx}',
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
paper: {
|
|
light: '#D9DACA', // Light cream/off-white
|
|
sand: '#B1B09C', // Muted beige/tan
|
|
gray: '#848170', // Grayish olive
|
|
brown: '#5A554C', // Medium brown/gray
|
|
dark: '#2F2926', // Dark brown/charcoal
|
|
},
|
|
},
|
|
backgroundImage: {
|
|
'paper-texture': "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' /%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E\")",
|
|
},
|
|
boxShadow: {
|
|
'paper': '2px 2px 0px rgba(47, 41, 38, 0.3)',
|
|
'paper-lg': '4px 4px 0px rgba(47, 41, 38, 0.3)',
|
|
'paper-inset': 'inset 2px 2px 4px rgba(47, 41, 38, 0.2)',
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
}
|
|
export default config
|