SayLess/tailwind.config.js at master · SMU-IS/SayLess · 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
/** @type {import('tailwindcss').Config} */
export default {
  content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
  daisyui: {
    themes: ['dark'],
    logs: false,
  },
  theme: {
    extend: {
      backgroundImage: {
        'gradient-header': "url('./assets/Reusable/GradientHeader.png')",
      },
      backgroundSize: {
        auto: 'auto',
        cover: 'cover',
        contain: 'contain',
      },
      colors: {
        midnight: '#221E2F',
        red: {
          light: '#EE4B2B',
          DEFAULT: '#CC5500',
          dark: '#D22B2B',
        },
        green: {
          light: '#5BC9C4',
          DEFAULT: '#45ADA8',
          dark: '#329994',
        },
        blue: {
          light: '#ADD8E6',
          DEFAULT: '#0047AB',
          dark: '#00008B',
        },
        purple: {
          light: '#A3B3ED',
          DEFAULT: '#6580E1',
          dark: '#455DB3',
        },
        pink: {
          light: '#E3D1EC',
          DEFAULT: '#D0B2E0',
          dark: '#AC83C2',
        },
        main: {
          light: '#2D1577',
          DEFAULT: '#242343',
          dark: '#191835',
        },
        white: {
          light: '#94A3B8',
          DEFAULT: '#FFFFFF',
          dark: '#E2E8F0',
        },
        black: {
          light: '#343434',
          DEFAULT: '#000000',
          dark: '#28282B',
        },
        card: {
          light: '#332E46',
          DEFAULT: '#221E2F',
          dark: '#1B1826',
        },
        transparent: {
          light: 'rgba(255,255,255,0.3)',
          DEFAULT: 'rgba(255,255,255,0.2)',
          dark: '#FFFFFF1A',
        },
        gray: {
          light: '#f8fafc',
          DEFAULT: '#64748b',
          dark: '#0f172a',
        },
      },
    },
  },
  plugins: [require('daisyui')],
};