/ 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 }