/* * dark-hover-patch.css * Clases dark:hover:bg-* y dark:hover:text-* que Filament no incluye * en su CSS compilado pero que usamos en nuestros Blade templates. * * Filament usa is(.dark *) para dark mode (class-based). * Colores usan las CSS variables de Filament (--gray-*). */ /* === dark:hover:bg-gray-* === */ .dark\:hover\:bg-gray-600:hover:is(.dark *) { --tw-bg-opacity: 1; background-color: rgba(var(--gray-600), var(--tw-bg-opacity)); } .dark\:hover\:bg-gray-700:hover:is(.dark *) { --tw-bg-opacity: 1; background-color: rgba(var(--gray-700), var(--tw-bg-opacity)); } .dark\:hover\:bg-gray-700\/50:hover:is(.dark *) { background-color: rgba(var(--gray-700), 0.5); } .dark\:hover\:bg-gray-800:hover:is(.dark *) { --tw-bg-opacity: 1; background-color: rgba(var(--gray-800), var(--tw-bg-opacity)); } .dark\:hover\:\!bg-gray-800:hover:is(.dark *) { --tw-bg-opacity: 1 !important; background-color: rgba(var(--gray-800), var(--tw-bg-opacity)) !important; } .dark\:hover\:bg-gray-900\/50:hover:is(.dark *) { background-color: rgba(var(--gray-900), 0.5); } /* === dark:hover:bg-color-* === */ .dark\:hover\:bg-orange-900\/10:hover:is(.dark *) { background-color: rgba(194, 65, 12, 0.1); } .dark\:hover\:bg-purple-900\/10:hover:is(.dark *) { background-color: rgba(88, 28, 135, 0.1); } .dark\:hover\:bg-indigo-900\/10:hover:is(.dark *) { background-color: rgba(49, 46, 129, 0.1); } .dark\:hover\:bg-amber-900\/40:hover:is(.dark *) { background-color: rgba(120, 53, 15, 0.4); } .dark\:hover\:bg-red-900\/20:hover:is(.dark *) { background-color: rgba(127, 29, 29, 0.2); } /* === dark:hover:text-* === */ .dark\:hover\:text-white:hover:is(.dark *) { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .dark\:hover\:text-gray-200:hover:is(.dark *) { --tw-text-opacity: 1; color: rgba(var(--gray-200), var(--tw-text-opacity)); } .dark\:hover\:text-gray-300:hover:is(.dark *) { --tw-text-opacity: 1; color: rgba(var(--gray-300), var(--tw-text-opacity)); } .dark\:hover\:text-primary-300:hover:is(.dark *) { --tw-text-opacity: 1; color: rgba(var(--c-300), var(--tw-text-opacity)); } .dark\:hover\:text-primary-400:hover:is(.dark *) { --tw-text-opacity: 1; color: rgba(var(--c-400), var(--tw-text-opacity)); } .dark\:hover\:text-primary-500:hover:is(.dark *) { --tw-text-opacity: 1; color: rgba(var(--c-500), var(--tw-text-opacity)); } .dark\:hover\:text-red-200:hover:is(.dark *) { color: rgb(254 202 202); } .dark\:hover\:text-red-300:hover:is(.dark *) { color: rgb(252 165 165); } .dark\:hover\:text-primary-200:hover:is(.dark *) { --tw-text-opacity: 1; color: rgba(var(--c-200), var(--tw-text-opacity)); } .dark\:hover\:text-blue-300:hover:is(.dark *) { color: rgb(147 197 253); } .dark\:hover\:text-green-300:hover:is(.dark *) { color: rgb(134 239 172); } /* === Logo del panel: invertir colores en dark mode === * El logo SVG usa trazos negros sobre fondo transparente. * En dark mode, invert(1) convierte negro → blanco, dejando transparente. * Selector directo sobre para máxima especificidad. */ html.dark .fi-logo { filter: invert(1) !important; } /* === FR-689: Remove stray bullet dot from bare
  • in sidebar render hooks === */ nav.fi-sidebar-nav > li { list-style: none; }