frontend/tailwind.config.js at dev · Camus-chat/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
69
70
71
72
73
74
75
import { heroui } from '@heroui/react';

/** @type {import('tailwindcss').Config} */
const config = {
  content: [
    './app/**/*.{js,ts,jsx,tsx,mdx}',
    './pages/**/*.{js,ts,jsx,tsx,mdx}',
    './components/**/*.{js,ts,jsx,tsx,mdx}',
    './src/**/*.{js,ts,jsx,tsx,mdx}',
    './node_modules/@heroui/theme/dist/**/*.{js,ts,jsx,tsx}',
  ],
  theme: {
    fontFamily: {
      'cal-sans': ['Cal Sans', 'sans-serif'],
    },
    extend: {
      screens: {
        xs: '480px',
      },
      spacing: {
        18: '4.5rem',
        22: '5.5rem',
        'service-menu': '60px',
        mockup: '660px',
      },
      colors: {
        blue: {
          50: '#f0f6ff',
          100: '#dceafe',
          200: '#bad5fd',
          300: '#97bffc',
          400: '#74aafb',
          500: '#5094fa',
          600: '#317ef2',
          700: '#1d6ce0',
          800: '#1959b8',
          900: '#1a4b93',
        },
        red: {
          50: '#fef1f1',
          100: '#fdd8db',
          200: '#fbb7bb',
          300: '#f9959c',
          400: '#f7737c',
          500: '#f5535e',
          600: '#ec323e',
          700: '#d91c29',
          800: '#ae1e27',
          900: '#8f1e26',
        },
      },
    },
  },
  plugins: [
    heroui({
      themes: {
        light: {
          colors: {
            primary: {
              DEFAULT: '#117ce9',
            },
            secondary: {
              DEFAULT: '#000000',
            },
            danger: {
              DEFAULT: '#f84d3a',
            },
          },
        },
      },
    }),
  ],
};

export default config;