tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./resources/**/*.blade.php",
    "./resources/**/*.js",
    "./resources/**/*.vue",
    'node_modules/preline/dist/*.js',
    './app/Filament/**/*.php',
    './resources/views/filament/**/*.blade.php',
    './vendor/filament/**/*.blade.php',
  ],
  theme: {
    extend: {
      fontFamily: {
        'Trip': ['Trip', 'sans'],
        'TripBold': ['TripBold', 'sans'],
        'Inter': ['Inter', 'sans-serif'],
      },
      colors: {
        mainColor: '#2685B6',
        secondaryColor: '#079802',
        tertiaryColor: '#A7D3D4',
        semiBlack: 'rgba(0,0,0,0.4)',
        lightGrey: '#EDEDED',
        darkGrey: '#5F5F5F',
        mediumGrey: '#5c5c5c',
        mediumRed: '#FF0000',
        semiWhite: '#fefefe',
        plat: '#dedede',
      },
      animation: {
        scale: 'scale 3s infinite linear',
        notif: 'notif 3s linear',
      },
      keyframes: {
        scale: {
          '0%': {
            scale: '100%',
          },
          '50%': {
            scale: '130%',
          },
          '100%': {
            scale: '100%',
          }
        },
        notif: {
          '0%': {
            opacity: '0%',
          },
          '20%': {
            opacity: '100%',
          },
          '80%': {
            opacity: '100%',
          },
          '100%': {
            opacity: '0%',
          },
        },
      },
    },
  },
  plugins: [
    require('preline/plugin'),
  ],
}