/** @type {import('tailwindcss').Config} */ module.exports = { content: [ './index.html', './src/**/*.{js,ts,jsx,tsx}', './node_modules/react-tailwindcss-datepicker/dist/index.esm.js', ], darkMode: 'class', theme: { extend: { colors: { white: '#ffffff', black: '#000000', main: { accent: '#00BCF0', hovered: '#00B7EA', secondary: '#E0F8FF', selector: '#F2FCFF', alert: '#FB006D', warning: '#FFD667', success: '#66CF80', }, tint: { 1: '#E8E0FF', 2: '#FFE7FD', 3: '#FFE7EE', 4: '#FFEFE3', 5: '#FFF2CD', 6: '#F5FFDC', 7: '#DDFFD6', 8: '#DEFFF1', 9: '#E1FBFF', }, shade: { 1: '#333333', 2: '#4F4F4F', 3: '#828282', 4: '#BDBDBD', 5: '#E0E0E0', 6: '#F2F2F2', }, surface: { 1: '#F7F8FC', 2: '#EDEEF2', 3: '#E2E4EB', fiol: '#2C144B', }, }, boxShadow: { md: '0px 0px 20px rgba(0, 0, 0, 0.1);', }, }, }, plugins: [], };