.dark-theme {
    --menu-selection-color: #FA633B;
    --menu-selection-color-hover: #bb492d;
    --menu-color: #E0E4EB;
    --menu-icon-filter: invert(98%) sepia(1%) saturate(2852%) hue-rotate(181deg) brightness(99%) contrast(87%);
    --bg-menu-color: #2D3443;
    --bg-menu-footer-color: #455168;
    --color-btn-disabled: #727991;

    --bg-pages-color: #212631;
    --bg-content-color: #181D25;
    --content-main-color: #E0E4EB;
    --content-position-color: #97A3BA;
    --content-border-color: #EAECF1;
    --comtemt-optional-color: #727689;

    --font-main-color: #FFFFFF;
    --selector-border-color: #20242f;
    --selector-bg-active-color: #212631;
    --selector-shadow-color: rgb(52, 52, 52);

    --shadow: 0px 0px 7px 0px rgba(17, 17, 17, 0.79);

    --error: #FF5252;
    --white-mode-index-plan: #2962FF;

    --table-header-color: #212631;
    --table-border-color: #333948;
    --search-wrapper-color: #50555f;
    --table-icon-filter: invert(50%) brightness(170%) contrast(120%);
    --table-sort-active-color: #4d5665;
    --table-shadow: 12px 12px 20px 0px rgb(20 21 21 / 55%);
    --table-input-clean-color: #becae3;

    --calendar-days-color: #ececec;
    --pagination-icon-filter: invert(98%) sepia(1%) saturate(78%) hue-rotate(181deg) brightness(135%) contrast(92%);

    --table-header-color: #181D25;
    --table-border-color: #333948;
    --search-wrapper-color: #50555f;
}

.light-theme {
    --menu-selection-color: #FA633B;
    --menu-selection-color-hover: #bb492d;
    --menu-color: #455168;
    --menu-icon-filter: invert(28%) sepia(45%) saturate(310%) hue-rotate(179deg) brightness(95%) contrast(87%);
    --bg-menu-color: #FFFFFF;
    --bg-menu-footer-color: #97A3BA;
    --color-btn-disabled: #d5d5d5;

    --bg-pages-color: #FFFFFF;
    --bg-content-color: #F9FAFB;
    --content-main-color: #455168;
    --content-position-color: #667799;
    --content-border-color: #2D3443;
    --comtemt-optional-color: #97A3BA;

    --font-main-color: #212631;
    --selector-border-color: #EAECF1;
    --selector-bg-active-color: #ececec;
    --selector-shadow-color: rgb(204, 204, 204);
    --shadow: 0px 0px 7px 0px rgb(215 231 255 / 79%);
    --error: #FF5252;
    --white-mode-index-plan: #2962FF;

    --table-header-color: #F3F4F7;
    --table-border-color: #EAECF1;
    --search-wrapper-color: #EAECF1;
    --table-icon-filter: invert(28%) sepia(45%) saturate(310%) hue-rotate(179deg) brightness(95%) contrast(87%);
    --table-sort-active-color: #dfe2e9;
    --table-shadow: 12px 12px 20px 0px rgba(166, 171, 189, 0.12);
    --table-input-clean-color: #679;

    --calendar-days-color: #212631;
    --pagination-icon-filter: none;
}