tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  darkMode: ["class"],
  content: [
    './pages/**/*.{ts,tsx}',
    './components/**/*.{ts,tsx}',
    './app/**/*.{ts,tsx}',
    './src/**/*.{ts,tsx}',
	],
  theme: {
    container: {
      center: true,
      padding: "2rem",
      screens: {
        "2xl": "1400px",
      },
    },
    extend: {
      colors: {
        main: 'var(--main)',
        overlay: 'var(--overlay)',
        bg: 'var(--bg)',
        bw: 'var(--bw)',
        blank: 'var(--blank)',
        text: 'var(--text)',
        mtext: 'var(--mtext)',
        border: 'var(--border)',
        ring: 'var(--ring)',
        ringOffset: 'var(--ring-offset)',
        
        secondaryBlack: '#212121', 
      },
      borderRadius: {
        base: '6px'
      },
      boxShadow: {
        shadow: 'var(--shadow)'
      },
      translate: {
        boxShadowX: '4px',
        boxShadowY: '3px',
        reverseBoxShadowX: '-4px',
        reverseBoxShadowY: '-3px',
      },
      fontWeight: {
        base: '500',
        heading: '800',
      },
      fontSize: {
        'xs': '.8rem',       // 保持不变
        'sm': '.9rem',      // 保持不变
        'base': '1rem',       // 保持不变
        'lg': '1.125rem',     // 保持不变
        'xl': '1.5625rem',    // 1.25 * 1.25 = 1.5625
        '2xl': '1.875rem',    // 1.5 * 1.25 = 1.875
      },
      fontFamily: {
        "base": ["IBM Plex", "IBM Plex Sans SC", "Noto Sans CJK SC", "sans-serif"],
        "mono": ["IBM Plex Mono", "JetBrains Mono", "Mononoki", "Fira Code", "monospace"],
      },
      keyframes: {
        "accordion-down": {
          from: { height: 0 },
          to: { height: "var(--radix-accordion-content-height)" },
        },
        "accordion-up": {
          from: { height: "var(--radix-accordion-content-height)" },
          to: { height: 0 },
        },
      },
      animation: {
        "accordion-down": "accordion-down 0.2s ease-out",
        "accordion-up": "accordion-up 0.2s ease-out",
      },
    },
  },
  plugins: [require("tailwindcss-animate")],
}