translate/tailwind.config.ts at main · HebeHH/translate · 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
91
92
93
94
95
96
import type { Config } from 'tailwindcss'

const config: Config = {
  content: [
    './src/pages/**/*.tsx',
    './src/pages/**/*.ts',
    './src/pages/**/*.js',
    './src/pages/**/*.jsx',
    './src/components/**/*.tsx',
    './src/components/**/*.ts',
    './src/components/**/*.js',
    './src/components/**/*.jsx',
    './src/app/**/*.tsx',
    './src/app/**/*.ts',
    './src/app/**/*.js',
    './src/app/**/*.jsx',
    './src/utils/**/*.tsx',
    './src/utils/**/*.ts',
    './src/utils/**/*.js',
    './src/utils/**/*.jsx',
    './src/components/**/*.tsx',
    './src/app/**/*.tsx',
  ],
  theme: {
    extend: {
      colors: {
        blue: {
          50: '#EBF4F6',
          100: '#D7E9ED',
          200: '#AFD3DB',
          300: '#87BDC9',
          400: '#5FA7B7',
          500: '#37B7C3',
          600: '#088395',
          700: '#066270',
          800: '#04414B',
          900: '#071952',
        },
        red: {
          50: '#FFE5EB',
          100: '#FFCCD7',
          200: '#FF99AF',
          300: '#FF6687',
          400: '#FF335F',
          500: '#FF204E',
          600: '#CC1A3E',
          700: '#A0153E',
          800: '#730F2D',
          900: '#5D0E41',
        },
        bright: {
          50: '#FFF7E5',
          100: '#FFEFCC',
          200: '#FFDF99',
          300: '#FFCF66',
          400: '#FFBF33',
          500: '#FFB200',
          600: '#EB5B00',
          700: '#E4003A',
          800: '#B60071',
          900: '#8A0055',
        },
        blues: {
          dark: '#071952',
          mid: '#088395',
          bright: '#37B7C3',
          brightest: '#69effb',
          white: '#EBF4F6',
        },
        reds: {
          bright: '#FF204E',
          mid: '#A0153E',
          dark: '#5D0E41',
          blue: '#00224D',
        },
        sunsets: {
          yellow: '#FFB200',
          orange: '#EB5B00',
          red: '#E4003A',
          purple: '#B60071',
        }
      },
      fontFamily: {
        'gruppo': ['Gruppo', 'sans-serif'],
        'raleway': ['Raleway', 'sans-serif'],
        'header': ['Gruppo', 'sans-serif'],
        'para': ['Raleway', 'sans-serif'],
      },
    },
  },
  plugins: [
    require('@tailwindcss/typography'),
  ],
}

export default config