icamarillo
42a5bb54cc
- Estadísticas de auditoría con colores apropiados: * Total: Negro (neutro) * Hoy: Azul (actividad actual) * Esta Semana: Indigo (período reciente) * Incidentes Críticos: Rojo (alerta máxima) - Estadísticas de seguridad con colores semánticos: * Amenazas Detectadas: Rojo (peligro alto) * Intentos Fallidos: Naranja (advertencia) * IPs Sospechosas: Amarillo (precaución) * Acciones Críticas: Rojo (crítico) - Recomendaciones de seguridad con esquema azul (informativo) - Actualizado safelist de Tailwind con nuevos colores: * text-blue-600, text-indigo-600, text-red-600 * text-orange-600, text-yellow-600 * text-*-400 para iconos * bg-blue-50, bg-red-50 para fondos * hover:text-red-700, hover:bg-red-50 Mejora significativa en la visualización y jerarquía visual de la información.
93 lines
1.7 KiB
JavaScript
93 lines
1.7 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: ['./src/**/*.{html,js,svelte,ts}'],
|
|
safelist: [
|
|
// Colores de acciones
|
|
'bg-red-600',
|
|
'bg-blue-600',
|
|
'bg-green-600',
|
|
'bg-indigo-600',
|
|
'bg-orange-600',
|
|
'bg-yellow-500',
|
|
'bg-yellow-600',
|
|
'bg-gray-600',
|
|
// Colores de severidad/riesgo
|
|
'bg-red-50',
|
|
'bg-red-100',
|
|
'bg-red-800',
|
|
'bg-orange-100',
|
|
'bg-orange-300',
|
|
'bg-orange-600',
|
|
'bg-orange-700',
|
|
'bg-orange-800',
|
|
'bg-yellow-100',
|
|
'bg-yellow-300',
|
|
'bg-yellow-800',
|
|
'bg-blue-50',
|
|
'bg-blue-100',
|
|
'bg-blue-300',
|
|
'bg-blue-800',
|
|
'bg-green-100',
|
|
'bg-green-300',
|
|
'bg-green-800',
|
|
// Bordes
|
|
'border-red-300',
|
|
'border-blue-200',
|
|
'border-orange-300',
|
|
'border-yellow-300',
|
|
'border-blue-300',
|
|
'border-green-300',
|
|
// Text colors
|
|
'text-red-400',
|
|
'text-red-600',
|
|
'text-red-700',
|
|
'text-red-800',
|
|
'text-orange-400',
|
|
'text-orange-600',
|
|
'text-orange-800',
|
|
'text-yellow-400',
|
|
'text-yellow-600',
|
|
'text-yellow-800',
|
|
'text-blue-400',
|
|
'text-blue-600',
|
|
'text-blue-800',
|
|
'text-blue-900',
|
|
'text-green-600',
|
|
'text-green-800',
|
|
'text-indigo-600',
|
|
'text-white',
|
|
// Hover states
|
|
'hover:bg-red-50',
|
|
'hover:bg-red-700',
|
|
'hover:bg-orange-700',
|
|
'hover:bg-blue-700',
|
|
'hover:bg-indigo-50',
|
|
'hover:bg-indigo-700',
|
|
'hover:text-red-700',
|
|
// Focus rings
|
|
'focus:ring-red-500',
|
|
'focus:ring-orange-500',
|
|
'focus:ring-blue-500',
|
|
'focus:ring-indigo-500',
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
primary: {
|
|
50: '#eff6ff',
|
|
100: '#dbeafe',
|
|
200: '#bfdbfe',
|
|
300: '#93c5fd',
|
|
400: '#60a5fa',
|
|
500: '#3b82f6',
|
|
600: '#2563eb',
|
|
700: '#1d4ed8',
|
|
800: '#1e40af',
|
|
900: '#1e3a8a',
|
|
}
|
|
}
|
|
}
|
|
},
|
|
plugins: [],
|
|
}
|