brewlabs-swap/tailwind.config.js at main · markeddolphin/brewlabs-swap · 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
const plugin = require("tailwindcss/plugin");
const defaultTheme = require("tailwindcss/defaultTheme");

module.exports = {
  content: [
    "./src/pages/**/*.{js,ts,jsx,tsx}",
    "./src/views/**/*.{js,ts,jsx,tsx}",
    "./src/components/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    screens: {
      xs: "380px",
      xsm: "450px",
      xmd: "610px",
      ls: "1440px",
      ...defaultTheme.screens,
    },
    fontSize: {
      ...defaultTheme.fontSize,
    },
    extend: {
      colors: {
        dark: "#0F2131",
        brand: "#FFDE0D",
        eth: "#5D78DE",
        bsc: "#E4B00A",
        primary: "#EEBB19",
        green: "#2FD35D",
        yellow: "#ffde00",
        grey: "#CFCFCF",
        danger: "#D9563A",
        tailwind: "#3F3F46",
      },
      boxShadow: {
        inner: "inset 0px 0px 6px #000000",
      },
    },
    fontFamily: {
      brand: ['"Questrial"'],
      roboto: ['"Roboto"'],
      dash: ['"Roboto"'],
    },
  },
  plugins: [
    require("daisyui"),
    require("@tailwindcss/forms"),
    plugin(function ({ addVariant }) {
      addVariant("home", ".home &");
    }),
  ],
  darkMode: "class",
  daisyui: {
    themes: [
      {
        dark: {
          ...require("daisyui/src/colors/themes")["[data-theme=dark]"],
          primary: "#4b5563",
          "primary-focus": "#3f3f46",
          accent: "#fb923c",
          "accent-focus": "#3f3f46",
        },
      },
    ],
  },
};