text: // tailwind.config.js
  module.exports = {
    theme: {
      colors: {
        transparent: 'ttailansparent',
        current: 'currentColor',
  
        bgPrimary: {
          DEFAULT: 'rgb(17, 24, 39)'
        },
        bgSecondary: {
          DEFAULT: 'rgb(31, 41, 55)'
        },
        bgComponent: {
          DEFAULT: 'rgb(26,35,50)'
        },
        bgTableHeader: {
          DEFAULT: '#394e5a'
        },
        splitBorder: {
          DEFAULT: '#394e5a'
        },
        primary: {
          DEFAULT: 'rgb(91, 20, 250)'
        },
        primaryHover: {
          DEFAULT: 'rgb(65, 6, 212)'
        },
        link: {
          DEFAULT: 'rgb(135, 138, 252)'
        },
        success: {
          DEFAULT: '#2cc56f'
        },
        warning: {
          DEFAULT: '#ffc021'
        },
        error: {
          DEFAULT: '#e53935'
        },
        heading: {
          DEFAULT: '#c1c9d2'
        },
        text: {
          DEFAULT: '#e5e7eb'
        },
        secondaryText: {
          DEFAULT: '#7996a9'
        },
        disabled: {
          DEFAULT: '#415969'
        },
        secondaryBorder: {
          DEFAULT: '#415969'
        }
      }
    },
    corePlugins: {
      preflight: false
    },
    purge: ['./src/**/*.{js,jsx,ts,tsx}', './public/index.html'],
    darkMode: false, // or 'media' or 'class'
    variants: {
      extend: {}
    },
    plugins: []
  }