/ tailwind.config.js
tailwind.config.js
 1  const defaultTheme = require('tailwindcss/defaultTheme')
 2  const colors = require('tailwindcss/colors')
 3  
 4  module.exports = {
 5      theme: {
 6          extend: {
 7              fontFamily: {
 8                  sans: ['Inter', ...defaultTheme.fontFamily.sans],
 9              },
10              colors: {
11                  'primary': {
12                      '50': '#0f4b6b',
13                      // '100': '#0f4b6b',
14                      '200': '#0f4b6b',
15                      '300': '#0f4b6b',
16                      '400': '#0f4b6b',
17                      '500': '#0f4b6b',
18                      '600': '#0f4b6b',
19                      '700': '#09699b',
20                      '800': '#0b5a81',
21                      '900': '#0f4b6b',
22                  },
23                  'secondary': {
24                      '50': '#f4f6f7',
25                      '100': '#e3e6ea',
26                      '200': '#cbd0d6',
27                      '300': '#a6b0ba',
28                      '400': '#7d8998',
29                      '500': '#5f6b7b',
30                      '600': '#525b68',
31                      '700': '#464c58',
32                      '800': '#3f434b',
33                      '900': '#373a42',
34                      '950': '#22252a',
35                  },
36                  positive: colors.emerald,
37                  negative: colors.red,
38                  warning: colors.amber,
39                  info: colors.blue,
40  
41              }
42          },
43      },
44      variants: {
45          extend: {
46              backgroundColor: ['active'],
47          }
48      },
49      presets: [
50          require('./vendor/wireui/wireui/tailwind.config.js')
51      ],
52      content: [
53          './app/**/*.php',
54          './resources/**/*.html',
55          './resources/**/*.js',
56          './resources/**/*.jsx',
57          './resources/**/*.ts',
58          './resources/**/*.tsx',
59          './resources/**/*.php',
60          './resources/**/*.vue',
61          './resources/**/*.twig',
62          './vendor/wireui/wireui/resources/**/*.blade.php',
63          './vendor/wireui/wireui/ts/**/*.ts',
64          './vendor/wireui/wireui/src/View/**/*.php'
65      ],
66      plugins: [
67          require('@tailwindcss/forms'),
68          require('@tailwindcss/typography'),
69      ],
70  }