ThriveX-Blog/tailwind.config.ts

import { heroui } from '@heroui/react';
import type { Config } from 'tailwindcss';

const config: Config = {
  content: [
    './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
    './src/components/**/*.{js,ts,jsx,tsx,mdx}',
    './src/app/**/*.{js,ts,jsx,tsx,mdx}',
    './node_modules/@heroui/theme/dist/**/*.{js,ts,jsx,tsx}'
  ],
  theme: {
    extend: {
      screens: {
        'xs': '400px',
      },
      colors: {
        primary: '#539dfd', // 添加自定义颜色
        'black-a': '#232931',
        'black-b': '#2c333e',
        // 微信朋友圈风格
        wx: {
          bg: '#ededed',
          blue: '#576b95',
          text: '#111111',
          gray: '#f7f7f7',
          light: '#b2b2b2',
          border: '#e5e5e5',
        },
      },
      boxShadow: {
        'wx-menu': '0 0 8px rgba(0, 0, 0, 0.15)',
      },
      transitionDuration: {
        'DEFAULT': '300ms', // 添加默认过渡时间为0.3秒
      }
    },
  },
  darkMode: 'class',
  plugins: [heroui({
    themes: {
      dark: {
        colors: {
          background: '#232931',
        },
      },
    }
  })]
};
export default config;