frontend/tailwind.config.ts at main · GoToSwiss/frontend · 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
/** @type {import('tailwindcss').Config} */
export default {
  content: ['./src/**/*.{js,jsx,ts,tsx}', './index.html'],
  theme: {
    extend: {
      animation: {
        'rainbow-text': 'rainbow 10s linear infinite',
      },
      fontFamily: {
        sans: ['Pretendard', 'sans-serif'],
      },
      keyframes: {
        rainbow: {
          '0%': { color: '#ff0000' },
          '16%': { color: '#ff9900' },
          '33%': { color: '#33cc33' },
          '50%': { color: '#00ccff' },
          '66%': { color: '#6633cc' },
          '83%': { color: '#ff3399' },
          '100%': { color: '#ff0000' },
        },
      },
      colors: {
        theme_primary: '#111827',
        theme_secondary: '#4B5563',
        theme_tertiary: '#6B7280',
        theme_black: '#000000',
        web_bg: '#F9FAFB',
        border_color: '#D1D5DB',
      },
    },
  },
  plugins: [],
};