const defaultTheme = require('tailwindcss/defaultTheme') const colors = require('tailwindcss/colors') const siteConfig = require('./config/site.json') module.exports = { mode: 'jit', content: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'], theme: { colors: { transparent: 'transparent', current: 'currentColor', black: colors.black, white: colors.white, gray: colors.zinc, red: colors.rose, yellow: colors.amber, green: colors.green, blue: colors.sky, indigo: colors.indigo, purple: colors.purple, pink: colors.pink, teal: colors.teal, cyan: colors.cyan, orange: colors.orange, }, extend: { fontFamily: { sans: [`"${siteConfig.googleFontSans}"`, '"Noto Sans SC"', ...defaultTheme.fontFamily.sans], mono: [`"${siteConfig.googleFontMono}"`, ...defaultTheme.fontFamily.mono] }, colors: { gray: { 850: '#2E2E34' } } } }, plugins: [], }