tailpipecss
Version:
TailpipeCSS is a starter UI component for a fast starting point
69 lines (68 loc) • 1.64 kB
JavaScript
/** @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: [],
}