DiaryFeelings/tailwind.config.ts at dev · JS-A-CoreProject/DiaryFeelings · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
import type { Config } from 'tailwindcss'
const { nextui } = require('@nextui-org/react')

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/@nextui-org/theme/dist/**/*.{js,ts,jsx,tsx}',
  ],
  // tailwind
  theme: {
    screens: {
      sm: { max: '640px' },
      // => @media (min-width: 640px) { ... }

      md: { max: '768px' },
      // => @media (min-width: 768px) { ... }

      lg: { max: '1024px' },
      // => @media (min-width: 1024px) { ... }

      xl: { max: '1280px' },
      // => @media (min-width: 1280px) { ... }

      '2xl': { max: '1536px' },
      // => @media (min-width: 1536px) { ... }
    },
    fontSize: {
      sm: ['14px', '20px'],
      base: ['17px', '24px'],
      lg: ['20px', '28px'],
      xl: ['24px', '32px'],
      xxl: ['28px', '36px'],
      xxxl: ['32px', '40px'],
    },
    extend: {
      backgroundImage: {},
      colors: {
        purple: '#b2a4d4',
      },
    },
    fontFamily: {
      pretendard: ['Pretendard-Regular'], // 프리텐다드
      bareunhipi: ['Bareun_hipi'], // 바른히피
      omyu: ['omyu_pretty'], // 오뮤 다예쁨
      nanum: ['Nanum_Gothic'], // 네이버 나눔
      ridi: ['RIDIBatang'], // 리디바탕
      ainmom: ['Ainmom'], // 아인맘
      kyobo: ['KyoboHand'], // 교보손
      shin: ['ShinDongYupHandwriting-R'], // 신동
    },
  },
  darkMode: 'class',

  // next js plugin
  plugins: [
    require('@nextui-org/react'),
    nextui({
      themes: {
        light: {
          colors: {
            background: '#FAFAFA', // or DEFAULT
            foreground: '#11181C', // or 50 to 900 DEFAULT
            primary: {
              //... 50 to 900
              foreground: '#FFFFFF',
              DEFAULT: '#006FEE',
            },
            // ... rest of the colors
          },
        },
        dark: {
          colors: {
            background: '#27272a',
            foreground: '#ECEDEE', // or 50 to 900 DEFAULT

            primary: {
              //... 50 to 900
              foreground: '#FFFFFF',
              DEFAULT: '#006FEE',
            },
          },
          // ... rest of the colors
        },
      },
    }),
  ],
}
export default config