<?php
$currentAppTheme ='';
 // Default theme from settings
 $currentAppTheme = getUserAppTheme()
?>

     
html > body {
background-color: <?php echo e(getAppSettings('app_bg_color')); ?>!important;
}
.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .conversation {
background-color: <?php echo e(darkenColorValue(getAppSettings('app_bg_color'), 9)); ?>!important;
}
.navbar.lw-sidebar-container {
background-color: <?php echo e(getAppSettings('app_sidebar_bg_color')); ?>!important;
}
.navbar.lw-sidebar-container.navbar-light .navbar-nav .nav-link[data-toggle=collapse]:after,
.navbar.lw-sidebar-container.navbar-light .navbar-nav .nav-link,
.navbar.lw-sidebar-container.navbar-light .navbar-nav .nav-link .fa {
color: <?php echo e(getAppSettings('app_sidebar_text_color')); ?>!important;
}
div:where(.swal2-container) div:where(.swal2-popup),
.navbar.lw-sidebar-container ,.navbar-collapse, .card, .card-header, fieldset:not(.filepond--file-wrapper) {
    background-color: <?php echo e(getAppSettings('app_sidebar_bg_color')); ?>!important;
    border-color: <?php echo e(darkenColorValue(getAppSettings('app_sidebar_bg_color'), 10)); ?>!important;
    }
.card-body fieldset:not(.filepond--file-wrapper) legend {
    background-color: <?php echo e(darkenColorValue(getAppSettings('app_sidebar_bg_color'), 5)); ?>!important;
    border-color: <?php echo e(darkenColorValue(getAppSettings('app_sidebar_bg_color'), 10)); ?>!important;
    color: <?php echo e(getAppSettings('app_sidebar_text_color')); ?>!important;
}
<?php
$bootstrapClasses = [
'primary' => '#007bff',
'secondary' => '#6c757d',
'success' => '#28a745',
'danger' => '#dc3545',
'warning' => '#ffc107',
'info' => '#17a2b8',
'light' => '#f8f9fa',
'dark' => '#343a40',
'muted' => '#8898aa',
];
$css = '';
?>
<?php $__currentLoopData = $bootstrapClasses; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $bootstrapClass => $bootstrapClassValue): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<?php
$bgColor = getAppSettings('app_bs_color_'.$bootstrapClass) ?: $bootstrapClassValue;
?>
<?php if($bootstrapClass == 'primary'): ?>
.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .user-bar {
background-color: <?php echo e(darkenColorValue($bgColor, 35)); ?>!important;
}
.card.lw-whatsapp-chat-block-container .nav-tabs, .nav-tabs .nav-link.active {
border-color: <?php echo e($bgColor); ?> !important;
}
.lw-page-title,a {
color: <?php echo e($bgColor); ?>;
}
.lw-page-title:hover,a:hover {
color: <?php echo e(darkenColorValue($bgColor, 20)); ?>;
}
.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .conversation-compose .send .circle {
background-color: <?php echo e($bgColor); ?>;
border-color: <?php echo e(darkenColorValue($bgColor, 10)); ?>;
}
<?php endif; ?>
.mdtoast.mdt--<?php echo e($bootstrapClass); ?>

<?php if($bootstrapClass == 'primary'): ?>
,.lw-minimized-menu .navbar-vertical.navbar-expand-md .navbar-nav .nav-link.active:before,.nav-tabs .nav-link.active, .dropdown-item:before, .dropdown-item:hover,.dropdown-menu .active a.dropdown-item,
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm, .dropdown-item.active, .dropdown-item:active,
.conversation-compose .send .circle, .page-item.active .page-link,.btn.btn-light.lw-save-language,
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before
,#navbar-main
<?php endif; ?>
{
background-color: <?php echo e($bgColor); ?>!important;
border-color: <?php echo e(darkenColorValue($bgColor, 10)); ?>!important;
color: #ffffff!important;
}
<?php if($bootstrapClass == 'secondary'): ?>
.modal-header,
.modal-header .h1, .modal-header .h2, .modal-header .h3, .modal-header .h4, .modal-header .h5, .modal-header .h6, .modal-header h1, .modal-header h2, .modal-header h3, .modal-header h4, .modal-header h5, .modal-header h6,
.modal-header .close
<?php endif; ?>
{
background-color: <?php echo e($bgColor); ?>;
border-color: <?php echo e(darkenColorValue($bgColor, 10)); ?>;
color: #ffffff;
}
<?php
$css .= ".bg-$bootstrapClass { background-color: $bgColor !important; }\n";
// Text colors
$css .= ".text-$bootstrapClass { color: $bgColor !important; }\n";
// Button colors
$css .= ".btn-outline-$bootstrapClass:not(:disabled):not(.disabled).active, .btn-outline-$bootstrapClass:not(:disabled):not(.disabled):active, .show>.btn-outline-$bootstrapClass.dropdown-toggle,.btn.btn-$bootstrapClass { background-color: $bgColor !important; border-color: $bgColor !important; color:
#fff !important; }\n";
$css .= ".btn.btn-$bootstrapClass:hover { background-color: ". darkenColorValue($bgColor, 10) ." !important;
border-color: ". darkenColorValue($bgColor, 10) ." !important; }\n";
$css .= ".btn.btn-outline-$bootstrapClass { color: $bgColor !important; border-color: $bgColor !important; }\n";
$css .= ".btn.btn-outline-$bootstrapClass:hover { background-color: $bgColor !important; color: #fff !important; }\n";
// Alert colors
$css .= ".alert.alert-$bootstrapClass { background-color: $bgColor !important; border-color: ".
darkenColorValue($bgColor, 5) ." !important; color: #fff !important; }\n";
// Badge colors
$css .= ".badge.badge-$bootstrapClass { background-color: $bgColor !important; color: #fff !important; }\n";

// Card colors
$css .= ".card.card-$bootstrapClass { background-color: $bgColor !important; border-color: ". darkenColorValue($bgColor,
5) ." !important; color: #fff !important; }\n";

// List group colors
$css .= ".list-group-item.list-group-item-$bootstrapClass { background-color: $bgColor !important; border-color: ".
darkenColorValue($bgColor, 5) ." !important; color: #fff !important; }\n";

// Table row colors
$css .= ".table.table-$bootstrapClass { background-color: $bgColor !important; color: #fff !important; }\n";

// Border colors
$css .= ".border.border-$bootstrapClass { border-color: $bgColor !important; }\n";
?>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
<?php echo $css; ?>

<?php if(getAppSettings('disable_bg_image')): ?>
html > body {
    background: <?php echo e(getAppSettings('app_bg_color')); ?>!important;
}
<?php endif; ?>



<?php if($currentAppTheme=='dark'): ?>
    html > body {
    background-color: <?php echo e(getAppSettings('dark_theme_app_bg_color')); ?>!important;
    }
    .card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .conversation {
    background-color: <?php echo e(darkenColorValue(getAppSettings('dark_theme_app_bg_color'), 9)); ?>!important;
    }
    div:where(.swal2-container) div:where(.swal2-popup),
    .navbar.lw-sidebar-container ,.navbar-collapse, .card, .card-header, fieldset:not(.filepond--file-wrapper) {
    background-color: <?php echo e(getAppSettings('dark_theme_app_sidebar_bg_color')); ?>!important;
    border-color: <?php echo e(darkenColorValue(getAppSettings('dark_theme_app_sidebar_bg_color'), -100)); ?>!important;
    }
    .card-body fieldset:not(.filepond--file-wrapper) legend {
        background-color: <?php echo e(darkenColorValue(getAppSettings('dark_theme_app_sidebar_bg_color'), -50)); ?>!important;
        border-color: <?php echo e(darkenColorValue(getAppSettings('dark_theme_app_sidebar_bg_color'), -100)); ?>!important;
        color: <?php echo e(getAppSettings('dark_theme_app_sidebar_text_color')); ?>!important;
    }
    .navbar.lw-sidebar-container.navbar-light .navbar-nav .nav-link[data-toggle=collapse]:after,
    .navbar.lw-sidebar-container.navbar-light .navbar-nav .nav-link,
    .navbar.lw-sidebar-container.navbar-light .navbar-nav .nav-link .fa {
    color: <?php echo e(getAppSettings('dark_theme_app_sidebar_text_color')); ?>!important;
    }
    <?php
    $css = '';
    ?>
    <?php $__currentLoopData = $bootstrapClasses; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $bootstrapClass => $bootstrapClassValue): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
    <?php
    $bgColor = getAppSettings('dark_theme_app_bs_color_'.$bootstrapClass) ?: $bootstrapClassValue;
    ?>
    <?php if($bootstrapClass == 'primary'): ?>
    .card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .user-bar {
    background-color: <?php echo e(darkenColorValue($bgColor)); ?>!important;
    }
    .card.lw-whatsapp-chat-block-container .nav-tabs {
    border-color: <?php echo e($bgColor); ?> !important;
    }
    .lw-page-title,a {
    color: <?php echo e($bgColor); ?>;
    }
    .lw-page-title:hover,a:hover {
    color: <?php echo e(darkenColorValue($bgColor, 20)); ?>;
    }
    .card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .conversation-compose .send .circle {
    background-color: <?php echo e($bgColor); ?>;
    border-color: <?php echo e(darkenColorValue($bgColor, 10)); ?>;
    }
    <?php endif; ?>
    <?php if($bootstrapClass == 'secondary'): ?>
    .modal-header,
    .modal-header .h1, .modal-header .h2, .modal-header .h3, .modal-header .h4, .modal-header .h5, .modal-header .h6, .modal-header h1, .modal-header h2, .modal-header h3, .modal-header h4, .modal-header h5, .modal-header h6,
    .modal-header .close
    <?php endif; ?>
    .mdtoast.mdt--<?php echo e($bootstrapClass); ?>

    <?php if($bootstrapClass == 'primary'): ?>
    ,.lw-minimized-menu .navbar-vertical.navbar-expand-md .navbar-nav .nav-link.active:before,.nav-tabs .nav-link.active, .dropdown-item:before, .dropdown-item:hover,.dropdown-menu .active a.dropdown-item,
    div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm, .dropdown-item.active, .dropdown-item:active,
    .conversation-compose .send .circle, .page-item.active .page-link,.btn.btn-light.lw-save-language,
    table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before
    ,#navbar-main
    <?php endif; ?>
    {
    background-color: <?php echo e($bgColor); ?>!important;
    border-color: <?php echo e(darkenColorValue($bgColor, 10)); ?>!important;
    color: #ffffff !important;
    }
    <?php
    $css .= ".bg-$bootstrapClass { background-color: $bgColor !important; }\n";
    // Text colors
    $css .= ".text-$bootstrapClass { color: $bgColor !important; }\n";
    // Button colors
    $css .= ".btn-outline-$bootstrapClass:not(:disabled):not(.disabled).active, .btn-outline-$bootstrapClass:not(:disabled):not(.disabled):active, .show>.btn-outline-$bootstrapClass.dropdown-toggle,.btn.btn-$bootstrapClass { background-color: $bgColor !important; border-color: $bgColor !important; color:
    #fff !important; }\n";
    $css .= ".btn.btn-dark, .alert.alert-dark{ 
    
            color :#ffffff !important;
           
    }\n";
    $css .= ".btn.btn-$bootstrapClass:hover { background-color: ". darkenColorValue($bgColor, 10) ." !important;
    border-color: ". darkenColorValue($bgColor, 10) ." !important; }\n";
    $css .= ".btn.btn-outline-$bootstrapClass { color: $bgColor !important; border-color: $bgColor !important; }\n";
    $css .= ".btn.btn-outline-$bootstrapClass:hover { background-color: $bgColor !important; color: #fff !important; }\n";
    // Alert colors
    $css .= ".alert.alert-$bootstrapClass { background-color: $bgColor !important; border-color: ".
    darkenColorValue($bgColor, 5) ." !important; color: #fff !important; }\n";
    // Badge colors
    $css .= ".badge.badge-$bootstrapClass { background-color: $bgColor !important; color: #fff !important; }\n";

    // Card colors
    $css .= ".card.card-$bootstrapClass { background-color: $bgColor !important; border-color: ". darkenColorValue($bgColor,
    5) ." !important; color: #fff !important; }\n";

    // List group colors
    $css .= ".list-group-item.list-group-item-$bootstrapClass { background-color: $bgColor !important; border-color: ".
    darkenColorValue($bgColor, 5) ." !important; color: #fff !important; }\n";

    // Table row colors
    $css .= ".table.table-$bootstrapClass { background-color: $bgColor !important; color: #fff !important; }\n";
    // Border colors
    $css .= ".border.border-$bootstrapClass { border-color: $bgColor !important; }\n";
    ?>
    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
    <?php echo $css; ?>

    <?php if(getAppSettings('disable_bg_image')): ?>
    html > body {
        background: <?php echo e(getAppSettings('dark_theme_app_bg_color')); ?>!important;
    }
  
    <?php endif; ?>
    <?php endif; ?>
    <?php if($currentAppTheme=='system_default'): ?>
   
        @media (prefers-color-scheme: dark) {
    html > body {
        background-color: <?php echo e(getAppSettings('dark_theme_app_bg_color')); ?>!important;
        }
        .card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .conversation {
        background-color: <?php echo e(darkenColorValue(getAppSettings('dark_theme_app_bg_color'), 9)); ?>!important;
        }
        div:where(.swal2-container) div:where(.swal2-popup),
        .navbar.lw-sidebar-container ,.navbar-collapse, .card, .card-header, fieldset:not(.filepond--file-wrapper) {
        background-color: <?php echo e(getAppSettings('dark_theme_app_sidebar_bg_color')); ?>!important;
        border-color: <?php echo e(darkenColorValue(getAppSettings('dark_theme_app_sidebar_bg_color'), -100)); ?>!important;
        }
        .navbar.lw-sidebar-container.navbar-light .navbar-nav .nav-link[data-toggle=collapse]:after,
        .navbar.lw-sidebar-container.navbar-light .navbar-nav .nav-link,
        .navbar.lw-sidebar-container.navbar-light .navbar-nav .nav-link .fa {
        color: <?php echo e(getAppSettings('dark_theme_app_sidebar_text_color')); ?>!important;
        }
        .card-body fieldset:not(.filepond--file-wrapper) legend {
            background-color: <?php echo e(darkenColorValue(getAppSettings('dark_theme_app_sidebar_bg_color'), -50)); ?>!important;
            border-color: <?php echo e(darkenColorValue(getAppSettings('dark_theme_app_sidebar_bg_color'), -100)); ?>!important;
            color: <?php echo e(getAppSettings('dark_theme_app_sidebar_text_color')); ?>!important;
        }
        <?php
        $css = '';
        ?>
        <?php $__currentLoopData = $bootstrapClasses; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $bootstrapClass => $bootstrapClassValue): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
        <?php
        $bgColor = getAppSettings('dark_theme_app_bs_color_'.$bootstrapClass) ?: $bootstrapClassValue;
        ?>
        <?php if($bootstrapClass == 'primary'): ?>
        .card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .user-bar {
        background-color: <?php echo e(darkenColorValue($bgColor)); ?>!important;
        }
        .card.lw-whatsapp-chat-block-container .nav-tabs {
        border-color: <?php echo e($bgColor); ?> !important;
        }
        .lw-page-title,a {
        color: <?php echo e($bgColor); ?>;
        }
        .lw-page-title:hover,a:hover {
        color: <?php echo e(darkenColorValue($bgColor, 20)); ?>;
        }
        .card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .conversation-compose .send .circle {
        background-color: <?php echo e($bgColor); ?>;
        border-color: <?php echo e(darkenColorValue($bgColor, 10)); ?>;
        }
        <?php endif; ?>
        .mdtoast.mdt--<?php echo e($bootstrapClass); ?>

        <?php if($bootstrapClass == 'primary'): ?>
        ,.lw-minimized-menu .navbar-vertical.navbar-expand-md .navbar-nav .nav-link.active:before,.nav-tabs .nav-link.active, .dropdown-item:before, .dropdown-item:hover,.dropdown-menu .active a.dropdown-item,
        div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm, .dropdown-item.active, .dropdown-item:active,
        .conversation-compose .send .circle, .page-item.active .page-link,.btn.btn-light.lw-save-language,
        table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before
        ,#navbar-main
        <?php endif; ?>
        {
        background-color: <?php echo e($bgColor); ?>!important;
        border-color: <?php echo e(darkenColorValue($bgColor, 10)); ?>!important;
        color: #ffffff !important;
        }
        <?php
        $css .= ".bg-$bootstrapClass { background-color: $bgColor !important; }\n";
        // Text colors
        $css .= ".text-$bootstrapClass { color: $bgColor !important; }\n";
        // Button colors
        $css .= ".btn-outline-$bootstrapClass:not(:disabled):not(.disabled).active, .btn-outline-$bootstrapClass:not(:disabled):not(.disabled):active, .show>.btn-outline-$bootstrapClass.dropdown-toggle,.btn.btn-$bootstrapClass { background-color: $bgColor !important; border-color: $bgColor !important; color:
        #fff !important; }\n";
        $css .= ".btn.btn-dark, .alert.alert-dark{ 
           
            color :#ffffff !important;
           
        }\n";
        $css .= ".btn.btn-$bootstrapClass:hover { background-color: ". darkenColorValue($bgColor, 10) ." !important;
        border-color: ". darkenColorValue($bgColor, 10) ." !important; }\n";
        $css .= ".btn.btn-outline-$bootstrapClass { color: $bgColor !important; border-color: $bgColor !important; }\n";
        $css .= ".btn.btn-outline-$bootstrapClass:hover { background-color: $bgColor !important; color: #fff !important; }\n";
        // Alert colors
        $css .= ".alert.alert-$bootstrapClass { background-color: $bgColor !important; border-color: ".
        darkenColorValue($bgColor, 5) ." !important; color: #fff !important; }\n";
        // Badge colors
        $css .= ".badge.badge-$bootstrapClass { background-color: $bgColor !important; color: #fff !important; }\n";
    
        // Card colors
        $css .= ".card.card-$bootstrapClass { background-color: $bgColor !important; border-color: ". darkenColorValue($bgColor,
        5) ." !important; color: #fff !important; }\n";
    
        // List group colors
        $css .= ".list-group-item.list-group-item-$bootstrapClass { background-color: $bgColor !important; border-color: ".
        darkenColorValue($bgColor, 5) ." !important; color: #fff !important; }\n";
    
        // Table row colors
        $css .= ".table.table-$bootstrapClass { background-color: $bgColor !important; color: #fff !important; }\n";
        // Border colors
        $css .= ".border.border-$bootstrapClass { border-color: $bgColor !important; }\n";
        ?>
        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        <?php echo $css; ?>

        <?php if(getAppSettings('disable_bg_image')): ?>
        html > body {
            background: <?php echo e(getAppSettings('dark_theme_app_bg_color')); ?>!important;
        }
        <?php endif; ?>
    }
<?php endif; ?>
<?php /**PATH /www/wwwroot/workwatsup-new.jmd-infotech.in/resources/views/custom-styles.blade.php ENDPATH**/ ?>