accessicity/tailwind.config.js at main · PassiDel/accessicity · 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
module.exports = {
  darkMode: 'class',
  content: [
    `components/**/*.{vue,js}`,
    `layouts/**/*.vue`,
    `pages/**/*.vue`,
    `composables/**/*.{js,ts}`,
    `plugins/**/*.{js,ts}`,
    `App.{js,ts,vue}`,
    `app.{js,ts,vue}`],
  theme: {
    extend: {
      colors: {
        'main': '#F5F5F5',
        'light': '#FEFEFE',
        'primary': '#004643',
        'primarylight': '#abd1c6',
        'primarydark': '#001e1d',
        'text': '#121110',
        'text-light': '#636256',
        'button': '#faae2b',
        'buttondark': '#f9bc60',
        'jelly-bean': {
          DEFAULT: '#2A959F',
          '50': '#F7FDFD',
          '100': '#DCF6F5',
          '200': '#A8E7E8',
          '300': '#74D7DA',
          '400': '#3FC4CC',
          '500': '#2A959F',
          '600': '#22747F',
          '700': '#19555E',
          '800': '#11373E',
          '900': '#081A1E'
        },
        'mexican-red': {
          DEFAULT: '#9F342A',
          '50': '#FDF7F7',
          '100': '#F6DCDD',
          '200': '#E8A9A8',
          '300': '#DA7774',
          '400': '#CC473F',
          '500': '#9F342A',
          '600': '#7F2C22',
          '700': '#5E2219',
          '800': '#3E1811',
          '900': '#1E0C08'
        },
      }
    }
  },
  plugins: [],
}