taskily-website/tailwind.config.js at main · Aadit-Ambadkar/taskily-website · 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
const colors = require("tailwindcss/colors");
const defaultTheme = require("tailwindcss/defaultTheme");

const cyellow = {
  200: '#fef7ec',
  300: '#fdeed9',
  400: '#fbe6c5',
  500: '#fadcb0',
  600: '#f8cd8c',
  700: '#f5bc66',
  800: '#f2a32c',
  900: '#d3840d'
}

const cred = {
  200: '#edbfbf',
  300: '#e4a0a0',
  400: '#db8080',
  500: '#d05a5a',
  600: '#c94040',
  700: '#af3131',
  800: '#8f2828',
  900: '#7f2424'
}

module.exports = {
  content: [
    "./pages/**/*.{js,ts,jsx,tsx}",
    "./components/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      colors: {
        primary: colors.gray,
        secondary: cred,
        accent: cyellow
      },
      fontFamily: {
        sans: ["Outfit", ...defaultTheme.fontFamily.sans],
      },
    },
  },
  plugins: [],
}