Underground-Digital/Workflow-Engine

1/** @type {import('tailwindcss').Config} */2import tailwindThemeVarDefine from './themes/tailwind-theme-var-define'3module.exports = {4  content: [5    './app/**/*.{js,ts,jsx,tsx}',6    './components/**/*.{js,ts,jsx,tsx}',7    './context/**/*.{js,ts,jsx,tsx}',8  ],9  theme: {10    typography: require('./typography'),11    extend: {12      colors: {13        gray: {14          25: '#fcfcfd',15          50: '#f9fafb',16          100: '#f2f4f7',17          200: '#eaecf0',18          300: '#d0d5dd',19          400: '#98a2b3',20          500: '#667085',21          700: '#475467',22          600: '#344054',23          800: '#1d2939',24          900: '#101828',25        },26        primary: {27          25: '#f5f8ff',28          50: '#eff4ff',29          100: '#d1e0ff',30          200: '#b2ccff',31          300: '#84adff',32          400: '#528bff',33          500: '#2970ff',34          600: '#155eef',35          700: '#004eeb',36          800: '#0040c1',37          900: '#00359e',38        },39        blue: {40          500: '#E1EFFE',41        },42        green: {43          50: '#F3FAF7',44          100: '#DEF7EC',45          800: '#03543F',46 47        },48        yellow: {49          100: '#FDF6B2',50          800: '#723B13',51        },52        purple: {53          50: '#F6F5FF',54          200: '#DCD7FE',55        },56        indigo: {57          25: '#F5F8FF',58          50: '#EEF4FF',59          100: '#E0EAFF',60          300: '#A4BCFD',61          400: '#8098F9',62          600: '#444CE7',63          800: '#2D31A6',64        },65        ...tailwindThemeVarDefine,66      },67      screens: {68        mobile: '100px',69        // => @media (min-width: 100px) { ... }70        tablet: '640px', // 39171        // => @media (min-width: 600px) { ... }72        pc: '769px',73        // => @media (min-width: 769px) { ... }74      },75      boxShadow: {76        'xs': '0px 1px 2px 0px rgba(16, 24, 40, 0.05)',77        'sm': '0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.10)',78        'md': '0px 2px 4px -2px rgba(16, 24, 40, 0.06), 0px 4px 8px -2px rgba(16, 24, 40, 0.10)',79        'lg': '0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08)',80        'xl': '0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08)',81        '2xl': '0px 24px 48px -12px rgba(16, 24, 40, 0.18)',82        '3xl': '0px 32px 64px -12px rgba(16, 24, 40, 0.14)',83      },84      opacity: {85        2: '0.02',86        8: '0.08',87      },88      fontSize: {89        '2xs': '0.625rem',90      },91      backgroundImage: {92        'chatbot-bg': 'var(--color-chatbot-bg)',93        'chat-bubble-bg': 'var(--color-chat-bubble-bg)',94        'workflow-process-bg': 'var(--color-workflow-process-bg)',95      },96    },97  },98  plugins: [99    require('@tailwindcss/typography'),100  ],101  // https://github.com/tailwindlabs/tailwindcss/discussions/5969102  corePlugins: {103    preflight: false,104  },105}106