tailwind.config.js

const { range } = require('lodash');

module.exports = {
  content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
  darkMode: 'class',
  mode: 'jit',
  theme: {
    extend: {
      colors: {
        nav: '#2b2d42',
        textNav: '#bcbedc',
        white: '#fff',
        mgray: '#d3d5f3',
        main: '#3577ff',
        box: 'rgb(8 150 230 / 60%)',
        hero: '#acd5f2',
        'bg-hero': '#0a1625',
        layout: '#EDF1F5',
        label: '#516170',
        input: '#C9D7E3',
        scrollbar: '#999',
        'input-solid': '#EDF1F5',
        rail: '#C9E8FF',
        'landing-head': '#516170',
        'ani-card': '#647380',
        'ani-foreground-grey': 'rgb(245,246,246)',
        'ani-foreground-grey-dark': 'rgb(234,236,237)',
        'ani-foreground-blue': 'rgb(246,248,251)',
        'ani-foreground-blue-dark': 'rgb(241,243,247)',
        'ani-background-blue-dark': 'rgb(31,35,45)',
        'ani-overlay': 'rgb(31,38,49)',
        'ani-shadow': 'rgb(49,54,68)',
        'ani-shadow-dark': 'rgb(6,13,34)',
        'ani-shadow-blue': 'rgb(103,132,187)',
        'ani-text': 'rgb(92,114,138)',
        'ani-text-light': 'rgb(122,133,143)',
        'ani-text-lighter': 'rgb(146,153,161)',
        'ani-text-bright': 'rgb(237,241,245)',
        'ani-blue': 'rgb(61,180,242)',
        'ani-blue-dim': 'rgb(141,178,219)',
        'ani-white': 'rgb(255,255,255)',
        'ani-black': 'rgb(0,0,0)',
        'ani-red': 'rgb(232,93,117)',
        'ani-peach': 'rgb(250,122,122)',
        'ani-orange': 'rgb(247,154,99)',
        'ani-yellow': 'rgb(247,191,99)',
        'ani-green': 'rgb(123,213,85)',
        'ani-background-100': 'rgb(251,251,251)',
        'ani-background-200': 'rgb(237,241,245)',
        'ani-background-300': 'rgb(221,230,238)',
        'ani-background-400': 'rgb(201,215,227)',
        'ani-background-500': 'rgb(173,192,210)',
        'ani-background-600': 'rgb(139,160,178)',
        'ani-background-700': 'rgb(116,136,153)',
        'ani-background-800': 'rgb(100,115,128)',
        'ani-background-900': 'rgb(81,97,112)',
        'ani-background-1000': 'rgb(64,78,92)',
        'ani-background-1100': 'rgb(38,52,63)',
        'ani-background-1200': 'rgb(27,30,31)',
        'ani-gray-100': 'rgb(251,251,251)',
        'ani-gray-200': 'rgb(237,241,245)',
        'ani-gray-300': 'rgb(221,230,238)',
        'ani-gray-400': 'rgb(201,215,227)',
        'ani-gray-500': 'rgb(173,192,210)',
        'ani-gray-600': 'rgb(139,160,178)',
        'ani-gray-700': 'rgb(116,136,153)',
        'ani-gray-800': 'rgb(100,115,128)',
        'ani-gray-900': 'rgb(81,97,112)',
        'ani-gray-1000': 'rgb(64,78,92)',
        'ani-gray-1100': 'rgb(38,52,63)',
        'ani-gray-1200': 'rgb(27,30,31)',
        'ani-blue-100': 'rgb(247,250,252)',
        'ani-blue-200': 'rgb(236,246,254)',
        'ani-blue-300': 'rgb(201,232,255)',
        'ani-blue-400': 'rgb(143,215,255)',
        'ani-blue-500': 'rgb(111,200,255)',
        'ani-blue-600': 'rgb(61,180,242)',
        'ani-blue-700': 'rgb(8,143,214)',
        'ani-blue-800': 'rgb(12,101,166)',
        'ani-blue-900': 'rgb(11,70,113)',
        'ani-blue-1000': 'rgb(16,61,85)',
        'ani-green-100': 'rgb(245,249,243)',
        'ani-green-200': 'rgb(226,246,217)',
        'ani-green-300': 'rgb(160,241,126)',
        'ani-green-400': 'rgb(119,220,76)',
        'ani-green-500': 'rgb(83,175,45)',
        'ani-green-600': 'rgb(56,126,26)',
        'ani-green-700': 'rgb(46,90,27)',
        'ani-green-800': 'rgb(41,66,31)',
        'ani-red-100': 'rgb(255,244,246)',
        'ani-red-200': 'rgb(254,212,220)',
        'ani-red-300': 'rgb(255,140,160)',
        'ani-red-400': 'rgb(236,41,75)',
        'ani-red-500': 'rgb(213,0,37)',
        'ani-red-600': 'rgb(165,1,29)',
        'ani-red-700': 'rgb(117,0,20)',
      },
      boxShadow: {
        zero: '0 0 0',
      },
    },
  },

  plugins: [
    require('@tailwindcss/aspect-ratio'),
    require('@tailwindcss/line-clamp'),
    require('@tailwindcss/typography'),
    require('tailwind-scrollbar'),
    require('daisyui'),
  ],
  // daisyUI config (optional)
};