1#@!#!123s

��JFIF�� 1#@!#!123s
: / home / nc6d095 / public_html / study / resources / views / backend / components /
Filename : backend-dynamic-color.blade.php
back
<style>
    :root {
        --white: #fff;
        --icon: #000;
        --backend-main-bg: #F7F7FA;
        --backend-primary-color: #556ee6;
        --header-bg: #fff;
        --sidebar-bg: #2A3042;
        --sidebar-link: #a6b0cf;
        --sidebar-link-active: #fff;
        --dashboard-summery-bg: #fff;
        --header-search-bg: #F3F3F9;
        --theme-default-color: #343a40;
        --notification-count: #fff;
        --icon-color: #555B6D;
        --icon-color-active: #212636;
        --sun-yellow: #c3530f;
        --white-box-bg: #fff;
        --sidebar-mini-link-hover: #2e3548;
        --card-header-bg: rgba(0, 0, 0, 0.03);
        --uppy-title-color: #000;
        --uppy-action-btn-color: #415094;
        --uppy-border: #dfdfdf;
        --selector-bg: #fff;
        --selector-shadow: 0px 10px 20px rgb(0 0 0 / 30%);
        --data-table-info: #415094;
        --data-table-row-hover: #fff;
        --pink-color: var(--backend-primary-color);
        --button-background: #556ee6;
        --button-hover: #485ec4;
        --pagination-bg: #fff;
        --pagination-color: ;
        --disabled-pagination-btn: #fff;
        --disabled-pagination-color: #000;
        --shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, .03);
        --white_box_shadow: 0 0.75rem 1.5rem #12263f08;
        --popup_box_shadow: 0 1rem 3rem rgba(0, 0, 0, .175);
        --backend-border-color: #eff2f7;
        --border-hover-color: #d3dbe9;
        --nav-tab: #cad5f3;
        --nav-tab-active: var(--backend-main-bg);
        --dropdown-bg: var(--white);
        --notification-palse: rgba(85, 110, 230, 0.75);
        --dynamic-text-color: #495057;
        --required-red: #FF0000;
        --table-head: #eff2f7;
        --scroll-thumb: #a6b0cf;
        --scroll-thumb-hover: var(--backend-primary-color);
        --topnav-link: #fff9;
        --topnav-submenu-link: #545a6d;
        --footer-bg: #f2f2f5;
        --muted-text: rgba(33, 37, 41, 0.75);
        --bs-modal-bg: var(--backend-main-bg);
    }


    .dark {
        --white: #fff;
        --icon: #fff;
        --backend-main-bg: #222736;
        --backend-primary-color: #556ee6;
        --header-bg: #262b3c;
        --sidebar-bg: #2A3042;
        --sidebar-link: #a6b0cf;
        --sidebar-link-active: #fff;
        --dashboard-summery-bg: #2A3042;
        --header-search-bg: #2A3042;
        --theme-default-color: #f6f6f6;
        --notification-count: #ffffff;
        --icon-color: #f6f6f6;
        --icon-color-active: #fff;
        --uppy-border-color: #32394e;
        --white-box-bg: #2A3042;
        --sidebar-mini-link-hover: #2e3548;
        --card-header-bg: #2e3548;
        --uppy-title-color: #fff;
        --uppy-action-btn-color: #6275cb;
        --uppy-border: #353d55;
        --selector-bg: #2A3042;
        --selector-shadow: 0px 10px 20px rgb(0 0 0 / 30%);
        --data-table-info: #f6f6f6;
        --data-table-row-hover: #2A3042;
        --pink-color: var(--backend-primary-color);
        --button-background: #556ee6;
        --button-hover: #485ec4;
        --pagination-bg: #2A3042;
        --pagination-color: #fff;
        --disabled-pagination-btn: #2A3042;
        --disabled-pagination-color: #fff;
        --shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, .03);
        --white_box_shadow: 0 0.75rem 1.5rem #12263f08;
        --popup_box_shadow: 0 1rem 3rem rgba(0, 0, 0, .175);
        --backend-border-color: #32394e;
        --border-hover-color: #6a7492;
        --nav-tab: var(--header-bg);
        --nav-tab-active: var(--backend-main-bg);
        --dropdown-bg: var(--backend-main-bg);
        --notification-palse: rgba(255, 255, 255, 0.75);
        --dynamic-text-color: #a6b0cf;
        --required-red: #FF3535;
        --table-head: #32394e;
        --scroll-thumb: #a6b0cf;
        --scroll-thumb-hover: var(--backend-primary-color);
        --topnav-link: #fff9;
        --topnav-submenu-link: var(--topnav-link);
        --footer-bg: #262b3c;
        --muted-text: rgba(255, 255, 255, 0.5);
        --bs-secondary-color: rgba(255, 255, 255, 0.5);
        --bs-modal-bg: var(--backend-main-bg);
    }
</style>