123456789101112131415161718192021222324252627282930313233 |
- const colors = require('tailwindcss/colors');
- module.exports = {
- mode: 'jit',
- purge: ['./src/**/*.{js,jsx,ts,tsx,vue}'],
- darkMode: 'class', // or 'media' or 'class'
- theme: {
- extend: {
- colors: {
- primary: colors.blue['500'],
- secondary: colors.blue['400'],
- accent: colors.gray['900'],
- gray: colors.gray,
- orange: colors.orange,
- },
- fontFamily: {
- sans: ['Poppins', 'sans-serif'],
- mono: ['JetBrains Mono', 'monospace'],
- },
- container: {
- center: true,
- padding: {
- DEFAULT: '1rem',
- sm: '2rem',
- },
- },
- },
- },
- variants: {
- extend: {},
- },
- plugins: [],
- };
|