istak-web-app/tailwind.config.js at master · jocsonlouie/istak-web-app · 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
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
/** @type {import('tailwindcss').Config} */
const { fontFamily } = require('tailwindcss/defaultTheme')
module.exports = {
  content: ['./public/**/*.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
  theme: {
    extend: {
      colors: {
        brand: {
          01: "var(--color-forestgreen-01)",
          02: "var(--color-forestgreen-02)",
          03: "var(--color-forestgreen-03)",
          04: "var(--color-forestgreen-04)",
          05: "var(--color-forestgreen-05)",
          06: "var(--color-forestgreen-06)",
          07: "var(--color-forestgreen-07)",
          08: "var(--color-forestgreen-08)",
          09: "var(--color-forestgreen-09)",
          10: "var(--color-forestgreen-10)",
        },

        brandDark: {
          01: "var(--color-autumnpinegreen-01)",
          02: "var(--color-autumnpinegreen-02)",
          03: "var(--color-autumnpinegreen-03)",
          04: "var(--color-autumnpinegreen-04)",
          05: "var(--color-autumnpinegreen-05)",
          06: "var(--color-autumnpinegreen-06)",
          07: "var(--color-autumnpinegreen-07)",
          08: "var(--color-autumnpinegreen-08)",
          09: "var(--color-autumnpinegreen-09)",
          10: "var(--color-autumnpinegreen-10)",
        },

        secondary: {
          01: "var( --color-sunlightgreen-01)",
          02: "var( --color-sunlightgreen-02)",
          03: "var( --color-sunlightgreen-03)",
          04: "var( --color-sunlightgreen-04)",
          05: "var( --color-sunlightgreen-05)",
          06: "var( --color-sunlightgreen-06)",
          07: "var( --color-sunlightgreen-07)",
          08: "var( --color-sunlightgreen-08)",
          09: "var( --color-sunlightgreen-09)",
          10: "var( --color-sunlightgreen-10)",
        },

        secondaryLight: {
          01: "var( --color-springyellow-01)",
          02: "var( --color-springyellow-02)",
          03: "var( --color-springyellow-03)",
          04: "var( --color-springyellow-04)",
          05: "var( --color-springyellow-05)",
          06: "var( --color-springyellow-06)",
          07: "var( --color-springyellow-07)",
          08: "var( --color-springyellow-08)",
          09: "var( --color-springyellow-09)",
          10: "var( --color-springyellow-10)",
        },

        neutrals: {
          01: "var( --color-neutrals-01)",
          02: "var( --color-neutrals-02)",
          03: "var( --color-neutrals-03)",
          04: "var( --color-neutrals-04)",
          05: "var( --color-neutrals-05)",
          06: "var( --color-neutrals-06)",
          07: "var( --color-neutrals-07)",
          08: "var( --color-neutrals-08)",
          09: "var( --color-neutrals-09)",
          10: "var( --color-neutrals-10)",
        },

        info: {
          01: "var( --color-info-01)",
          02: "var( --color-info-02)",
          03: "var( --color-info-03)",
          04: "var( --color-info-04)",
          05: "var( --color-info-05)",
          06: "var( --color-info-06)",
          07: "var( --color-info-07)",
          08: "var( --color-info-08)",
          09: "var( --color-info-09)",
          10: "var( --color-info-10)",
        },

        success: {
          01: "var( --color-success-01)",
          02: "var( --color-success-02)",
          03: "var( --color-success-03)",
          04: "var( --color-success-04)",
          05: "var( --color-success-05)",
          06: "var( --color-success-06)",
          07: "var( --color-success-07)",
          08: "var( --color-success-08)",
          09: "var( --color-success-09)",
          10: "var( --color-success-10)",
        },

        warning: {
          01: "var( --color-warning-01)",
          02: "var( --color-warning-02)",
          03: "var( --color-warning-03)",
          04: "var( --color-warning-04)",
          05: "var( --color-warning-05)",
          06: "var( --color-warning-06)",
          07: "var( --color-warning-07)",
          08: "var( --color-warning-08)",
          09: "var( --color-warning-09)",
          10: "var( --color-warning-10)",
        },

        error: {
          01: "var( --color-error-01)",
          02: "var( --color-error-02)",
          03: "var( --color-error-03)",
          04: "var( --color-error-04)",
          05: "var( --color-error-05)",
          06: "var( --color-error-06)",
          07: "var( --color-error-07)",
          08: "var( --color-error-08)",
          09: "var( --color-error-09)",
          10: "var( --color-error-10)",
        },
      },
      fontFamily: {
        sans: [
          '"Roboto"',
          'sans-serif',
          ...fontFamily.sans,
        ],
        roboto: "'Roboto', sans-serif",
        jost: "'Jost', sans-serif"
      }
    },
  },
  plugins: [require('@tailwindcss/forms')],
}