filamentbr-blue-theme.css

/** 
https://gist.github.com/leandrocfe/1183bd73a58b21496306c12c326d78db
*/

/** main color: #014bde */

/** tailwind.config.js 
theme: {
    fontSize: {
        'xs': '0.75rem',
        'sm': '1rem',
        'base': '1.1rem',
        'md': '1.2rem',
        'xl': '1.3rem',
        '2xl': '1.5rem',
        '3xl': '1.9rem',
        '4xl': '2.4rem',
        '5xl': '3.0rem',
    }
}
*/

/** header/logo */
.fi-sidebar-header{
    @apply bg-primary-600 ring-primary-500;
}

/** sidebar */
.fi-sidebar {
    @apply bg-gradient-to-b dark:from-gray-950 dark:to-gray-800 from-primary-600 via-primary-500 to-sky-600 dark:bg-transparent;
}

.fi-sidebar-group div span {
    @apply text-white;
}

.fi-sidebar-group .fi-icon-btn {
    @apply text-sky-300;
}

.fi-sidebar-group .fi-icon-btn:hover {
    @apply text-white;
}

.fi-sidebar-item-icon {
    @apply text-sky-300
}

.fi-sidebar-item a {
    @apply text-white;
}

.fi-sidebar-item-label {
    @apply text-white;
}

.fi-sidebar-item a:hover {
    @apply text-primary-50 bg-primary-700;
}

.fi-sidebar-item-active a {
    @apply  bg-primary-700 bg-opacity-60;
}

.fi-sidebar-item-active .fi-sidebar-item-label {
    @apply  font-extrabold;
}

.fi-sidebar-item-active .fi-sidebar-item-icon {
    @apply text-primary-400;
}

/** main content */
.fi-main-ctn {
    @apply bg-primary-50 bg-opacity-50 dark:bg-transparent;
}

/** badge */
.fi-badge{
    @apply rounded-full;
}

/** button */
.fi-btn {
    @apply ring-transparent shadow-gray-400 dark:shadow-gray-950;
}