django-fractal_labs/tailwind.config.js at main · albertorp/django-fractal_labs · 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
module.exports = {
  content: [
    './apps/**/*.html',
    './assets/**/*.js',
    './assets/**/*.ts',
    './assets/**/*.jsx',
    './assets/**/*.tsx',
    './assets/**/*.vue',
    './templates/**/*.html',
    './apps/web/templatetags/form_tags.py',
    './node_modules/flowbite/**/*.js',
  ],
  safelist: [
    'alert-success',
    'alert-info',
    'alert-error',
    'alert-warning',
    'pg-bg-danger',
    'pg-bg-success',
  ],
  darkMode: 'media',
  theme: {
    extend: {
      aspectRatio: {
        '3/2': '3 / 2',
      },
      colors: {
        // primary: {"50":"#eff6ff","100":"#dbeafe","200":"#bfdbfe","300":"#93c5fd","400":"#60a5fa","500":"#3b82f6","600":"#2563eb","700":"#1d4ed8","800":"#1e40af","900":"#1e3a8a","950":"#172554"},
        primary: {
          DEFAULT: '#F1C40F',
          "100": '#FDF7DD',
          "200": '#FBEEBA',
          "300": '#F9E698',
          "400": '#F7DD75',
          "500": '#F5D553',
          "600": '#F3CC30',
          "700": '#F1C40F',
          "800": '#E0B60D',
          "900": '#BD9A0B'
        },


        danger: {
          "50":"#fef2f2",
          "100":"#fee2e2",
          "200":"#fecaca",
          "300":"#fca5a5",
          "400":"#f87171",
          "500":"#ef4444",
          "600":"#dc2626",
          "700":"#b91c1c",
          "800":"#991b1b",
          "900":"#7f1d1d",
          "950":"#450a0a",
          DEFAULT: '#b91c1c',
        },
        error: {
          "50":"#fef2f2",
          "100":"#fee2e2",
          "200":"#fecaca",
          "300":"#fca5a5",
          "400":"#f87171",
          "500":"#ef4444",
          "600":"#dc2626",
          "700":"#b91c1c",
          "800":"#991b1b",
          "900":"#7f1d1d",
          "950":"#450a0a",
          DEFAULT: '#b91c1c',
        },
        success: {
          "50":"#ecfdf5",
          "100":"#d1fae5",
          "200":"#a7f3d0",
          "300":"#6ee7b7",
          "400":"#34d399",
          "500":"#10b981",
          "600":"#059669",
          "700":"#047857",
          "800":"#065f46",
          "900":"#064e3b",
          "950":"#022c22",
          DEFAULT: '#059669',
        },
        warning: {
          "50":"#fffbeb",
          "100":"#fef3c7",
          "200":"#fde68a",
          "300":"#fcd34d",
          "400":"#fbbf24",
          "500":"#f59e0b",
          "600":"#d97706",
          "700":"#b45309",
          "800":"#92400e",
          "900":"#78350f",
          "950":"#451a03",
          DEFAULT: '#f59e0b',
        },
      },
    },
    container: {
      center: true,
      // padding: '2rem',
    },
  },
  variants: {
    extend: {},
  },
  plugins: [
    require('@tailwindcss/forms'),
    require('@tailwindcss/typography'),
    require("daisyui"),
    require('flowbite/plugin'),
  ],
}