data-table/tailwind.config.js at master · prostohttp/data-table · 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
/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}"],
  theme: {
    fontFamily: {
      inter: ["Inter", "ui-sans-serif", "system-ui"],
    },
    extend: {
      colors: {
        violet: "#6D5BD0",
        green: "#007F00",
        blue: "#4A4AFF",
        red: "#D30000",
        dark: "#25213B",
        "violet-1": "#6E6893",
        "violet-2": "#8B83BA",
        "violet-3": "#C6C2DE",
        light: "#F2F0F9",
        "violet-bg": "#F4F2FF",
        border: "#d9d5ec",
      },
      boxShadow: {
        table: "0px 0px 5px rgba(0, 0, 0, 0.2)",
        dropdown: "0px 0px 3px #6D5BD0;",
        filter: "0px 5px 8px rgba(0, 0, 0, 0.2);",
        tooltip: "0px 3px 5px rgba(0, 0, 0, 0.15)",
      },
      backgroundImage: {
        iconSearch: "url('~/icons/IconSearch.svg')",
      },
      cursor: {
        table: "url(~/cursor.cur), default",
      },
      dropShadow: {
        close: "0px 0px 2px rgba(0, 0, 0, 0.25)",
      },
    },
  },
  plugins: [require("@tailwindcss/forms")],
};