tailpipecss/tailwind.config.js

TailpipeCSS is a starter UI component for a fast starting point

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    './components/**/*.{html,js}',
    './pages/**/*.{html,js}',
    './components.html',
    './*.html',
    '*.html'
  ],
  theme: {
    extend: {
      boxShadow: {
        'outer': '0 0 0 0.1rem',
      },
      colors: {
        'primary': {
          DEFAULT: '#4F46E5',
          hover: '#818CF8',
          active: '#312E81',
          outline: 'rgba(99, 102, 241, .3)',
          '700': '#3730A3',
          '600': '#4338CA',
          '500': '#4F46E5',
          '400': '#818CF8',
          '300': '#A5B4FC',
          '200': '#C7D2FE',
          '100': '#E0E7FF', 
        },
        'neutral': {
          DEFAULT: '#1E293B',
          '700': '#334155',
          '600': '#475569',
          '500': '#64748B',
          '400': '#94A3B8',
          '300': '#CBD5E1',
          '200': '#E2E8F0',
          '100': '#F1F5F9',
          '50' : '#F8FAFC'
        },
        'success': {
          DEFAULT: '#52c41a',
          hover: '#73d13d',
          active: '#389e0d',
          outline: 'rgba(82, 196, 26, .3)',
        },
        'error': {
          DEFAULT: '#DC2626',
          hover: '#EF4444',
          active: '#B91C1C',
          outline: 'rgba(255, 77, 79, .3)',
        },
        'warning': {
          DEFAULT: '#faad14',
          hover: '#ffc53d',
          active: '#d48806',
          outline: 'rgba(250, 173, 20, .3)',
        },
        'info': {
          DEAFAULT: '#1890ff',
          hover: '#47A6FF',
          active: '#0A89FF',
          outline: 'rgba(71, 166, 255, .3)'
        },
      },
    },
  },
  plugins: [],
}