messaging-app/tailwind.config.js at master · febriadj/messaging-app · 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
/** @type {import('tailwindcss').Config} */
const { colors: defaultColors } = require('tailwindcss/defaultTheme');
const scrollbar = require('tailwind-scrollbar');

module.exports = {
  content: ['./client/**/*.{js,jsx,tsx}'],
  darkMode: 'class',
  theme: {
    extend: {
      fontFamily: {
        display: 'Lobster Two',
      },
      colors: {
        ...defaultColors,
        spill: {
          DEFAULT: '#141D26',
          50: '#F9FAFB',
          100: '#EDF0F3',
          200: '#DDE3E9',
          300: '#CBD4DC',
          400: '#B6C2CE',
          500: '#3E5265',
          600: '#334557',
          700: '#273645',
          800: '#1D2935',
          900: '#141D26',
          950: '#0C1116',
        },
      },
    },
  },
  plugins: [scrollbar],
};