p2p-chat/tailwind.config.js at main · Profile/p2p-chat · 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
module.exports = {
  //TODO: uncomment when fix conditional className
  purge: [], //['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'],
  darkMode: "class", // or 'media' or 'class'
  theme: {
    backgroundColor: theme => ({
      ...theme('colors'),
      smooth: "hsl(252deg 19% 15%)",
      "chat-list": "rgb(37 35 49)",
      "chat-content": "rgb(37 35 49)",
      "message-item-sent": "#1b8be5",
      "message-item-receive": "#607d8b"
    }),
    fontFamily: {
      // sans: ['BlinkMacSystemFont', 'Helvetica', 'Arial', 'sans-serif']
    },
    extend: {
      height: {
        730: "730px",
        "content-max": "970px",
      },
      borderRadius: {
        smooth: '20px',
        70: '70px',
        4: '4px',
      },
      borderColor: {
        'tiny': "rgba(249, 250, 251, 0.5);"
      },
    },
  },
  variants: {
    extend: {},
  },
  plugins: [],
}