vito/resources/css/filament/app/theme.css

@import "/vendor/filament/filament/resources/css/theme.css";

@config 'tailwind.config.js';

.fi-breadcrumbs .fi-breadcrumbs-item-label {
    @apply text-xs;
}

.choices__item--selectable {
    @apply cursor-pointer;
}

.fi-sidebar {
    @apply bg-gray-100 dark:bg-gray-900 !important;
}

.fi-sidebar-item a,
.fi-tenant-menu-trigger {
    @apply hover:bg-gray-200/50 hover:dark:bg-gray-800 !important;
}

.fi-sidebar-item-active a {
    @apply bg-gray-200/50 dark:bg-gray-800 !important;
}

.fi-btn-color-primary {
    background-image: linear-gradient(
        to bottom right,
        rgba(var(--primary-500), 1),
        rgba(var(--primary-900), 1)
    );
    box-shadow:
        0 4px 6px -1px #0000001a,
        0 2px 4px -2px #0000001a;
}

.bg-primary-700-gradient {
    background-image: linear-gradient(
        to bottom right,
        rgba(var(--primary-300), 1),
        rgba(var(--primary-700), 1)
    );
}

.fi-btn-color-primary {
    transition: 0.5s;
    background-size: 200% auto;
}

.fi-btn-color-primary:hover {
    background-position: right center; /* change the direction of the change here */
    text-decoration: none;
}