ethanreece.com/tailwind.config.cjs

/** @type {import('tailwindcss').Config} */
const heropatterns = require('tailwindcss-hero-patterns/src/patterns')

module.exports = {
    content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
    theme: {
        extend: {},
        heroPatterns: {
            circuitboard: heropatterns.circuitboard,
        },
        heroPatternsOpacities: ['100'],
        heroPatternColors: ['font'],
        colors: {
            background: '#dbf6db',
            'background-dark': '#bbd8bb',
            'background-light': '#ffffff',
            font: '#000000',
            pattern: 'rgba(0,0,0,.02)',
        },
        fontFamily: {
            main: ['JetBrainsMono-Regular', 'monospace'],
        },
        backgroundSize: {
            contain: 'contain',
        },
        spacing: {
            'screen-x': '2rem',
            'screen-y': '1rem',
        },
    },
    plugins: [require('tailwindcss-hero-patterns')],
}