tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ['./index.html', './src/**/*.{vue,js,ts}'],
  theme: {
    extend: {
      colors: {
        'base-white': '#FFFFFF',
        'base-black': '#000000',
        'base-silver': '#F2F4F8',
        'base-grey-5': '#FCFAFA',
        'base-grey-10': '#F1F1F1',
        'base-grey-25': '#DCDCDC',
        'base-grey-50': '#C4C4C4',
        'base-grey-100': '#A7A7A7',
        'base-grey-200': '#8A8A8A',
        'base-grey-300': '#6C6C6C',
        'base-grey-400': '#4F4F4F',
        'base-grey-500': '#424242',
        'base-grey-600': '#353535',
        'base-grey-700': '#282828',
        'base-grey-800': '#1A1A1A',
        'base-grey-900': '#101010',
        'primary-25': '#D0D3DE',
        'primary-50': '#B1B5C8',
        'primary-100': '#8A90AC',
        'primary-200': '#636C90',
        'primary-300': '#3C4775',
        'primary-400': '#152259',
        'primary-500': '#121C4A',
        'primary-600': '#0E173B',
        'primary-700': '#0B112D',
        'primary-800': '#070B1E',
        'primary-900': '#040712',
        'secondary-25': '#D5E7F6',
        'secondary-50': '#B9D7F1',
        'secondary-100': '#B9D7F1',
        'secondary-200': '#73B0E2',
        'secondary-300': '#509CDB',
        'secondary-400': '#2D88D4',
        'secondary-500': '#2671B1',
        'secondary-600': '#1E5B8D',
        'secondary-700': '#17446A',
        'secondary-800': '#0F2D47',
        'secondary-900': '#091B2A',
        'delete-button': '#DD2C00',
        'delete-button-hover': '#F69098',
        'error-text': '#DD2C00',
      },
    },
  },
  plugins: [require('daisyui')],
};