laman-samudra/tailwind.config.js at main · samudradev/laman-samudra · 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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
/** @type {import('tailwindcss').Config} */
const colors = require('tailwindcss/colors');
const plugin = require("tailwindcss/plugin");

module.exports = {
  content: [
    "./pages/**/*.{js,ts,jsx,tsx}",
    "./components/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      colors: {
        "primer": {
          DEFAULT: colors["blue"][500],
          "hover": colors["blue"][700],
          "aktif": "",
          "lumpuh": "",
        },
        "sekunder": {
          DEFAULT: "",
          "hover": "",
          "aktif": "",
          "lumpuh": "",
        },
        "tertier": {
          DEFAULT: "",
          "hover": "",
          "aktif": "",
          "lumpuh": "",
        },
        "info": {
          DEFAULT: colors["cyan"][100],
          "hover": "",
          "aktif": "",
          "lumpuh": "",
          "tulisan": colors["cyan"][600],
        },
        "amaran": {
          DEFAULT: colors["amber"][100],
          "hover": "",
          "aktif": "",
          "lumpuh": "",
          "tulisan": colors["amber"][600],
        },
        "ralat": {
          DEFAULT: colors["red"][100],
          "hover": "",
          "aktif": "",
          "lumpuh": "",
          "tulisan": colors["red"][600],
        },
        "lain": {
          "dasar": "",
          "halimunan": "",
        },
      }
    },
  },
  plugins: [
    plugin(function ({ addBase, addComponents, theme }) {
      addBase({
        h1: {
          fontSize: theme("fontSize.6xl"),
          fontWeight: theme("fontWeight.bold"),
          color: theme("colors.primer.DEFAULT"),
        },
        h2: {
          fontSize: theme("fontSize.5xl"),
          fontWeight: theme("fontWeight.bold"),
          color: theme("colors.primer.DEFAULT"),
        },
        h3: {
          fontSize: theme("fontSize.4xl"),
          fontWeight: theme("fontWeight.bold"),
          color: theme("colors.primer.DEFAULT"),
        },
        h4: {
          fontSize: theme("fontSize.3xl"),
          fontWeight: theme("fontWeight.bold"),
          color: theme("colors.primer.DEFAULT"),
        },
        h5: {
          fontSize: theme("fontSize.2xl"),
          fontWeight: theme("fontWeight.bold"),
          color: theme("colors.primer.DEFAULT"),
        },
        h6: {
          fontSize: theme("fontSize.xl"),
          fontWeight: theme("fontWeight.bold"),
          color: theme("colors.primer.DEFAULT"),
        },
      });
    })
  ],
}