FrontEnd/tailwind.config.ts at main · GoungGoung-AI-Math/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
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
import type { Config } from 'tailwindcss';

const config: Config = {
  darkMode: ['class'],
  content: [
    './pages/**/*.{ts,tsx}',
    './components/**/*.{ts,tsx}',
    './app/**/*.{ts,tsx}',
    './src/**/*.{ts,tsx}',
  ],
  prefix: '',
  theme: {
    container: {
      center: true,
      padding: '2rem',
      screens: {
        '2xl': '1400px',
      },
    },
    extend: {
      colors: {
        grayscale: {
          white: 'FFFFFF',
          10: '#FAFAFA',
          50: '#F6F6F6',
          100: '#E5E5E5',
          200: '#CCC',
          300: '#B2B2B2',
          400: '#999',
          500: '#7F7F7F',
          600: '#666',
          700: '#4C4C4C',
          800: '#333',
          900: '#191919',
          black: '#000',
        },
        'brand-primary': {
          100: '#F5F5FF',
          200: '#D0D0DF',
          300: '#71739E',
          400: '#41447E',
          500: '#12155E',
        },
        'brand-secondary': '#FE9999',
        'brand-error': 'DA3A44',
        'brand-success': '1D62EC',
        'brand-warning': 'F3CB3C',
      },
      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'), require('@tailwindcss/aspect-ratio')],
};

export default config;