Beaver-pocket/tailwind.config.js at main · Beaver-Notes/Beaver-pocket · 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
const colors = require("tailwindcss/colors");
const { createThemes } = require("tw-colors");

module.exports = {
  mode: "jit",
  content: ["./src/**/*.{js,jsx,ts,tsx}"],
  darkMode: "class",
  theme: {
    extend: {
      colors: {
        "neutral-750": "#333333",
      },
      container: {
        center: true,
        padding: {
          DEFAULT: "1rem",
          sm: "2rem",
        },
      },
    },
  },
  variants: {
    extend: {},
  },
  plugins: [
    require("@tailwindcss/typography"),
    createThemes({
      light: {
        primary: colors.amber["400"],
        secondary: colors.amber["300"],
      },
      dark: {
        primary: colors.amber["400"],
        secondary: colors.amber["300"],
      },
      purple: {
        primary: colors.purple["400"],
        secondary: colors.purple["300"],
      },
      pink: {
        primary: colors.pink["400"],
        secondary: colors.pink["300"],
      },
      red: {
        primary: colors.red["500"],
        secondary: colors.red["400"],
      },
      blue: {
        primary: colors.blue["400"],
        secondary: colors.blue["300"],
      },
      neutral: {
        primary: colors.neutral["400"],
        secondary: colors.neutral["300"],
      },
      green: {
        primary: colors.emerald["500"],
        secondary: colors.emerald["400"],
      },
    }),
  ],
};