body.dark-theme {
    --primary-color: #2559eb; /**/
    --primary-light-color: #7999F1; /**/
    --primary-dark-color: #3b6cf6; /**/
    --primary-color-hover: #A76BC5;
    --secondary-color: #C7D3E0; /**/
    --secondary-color-hover: #b946c9;
    --secondary-font-color: #6C5573;
    --stroke-color: #38495A; /**/
    --bg-color: #1F2B3C; /**/
    --secondary-bg-color: #213145; /**/
    --dark-bg-color: #B7C2CE; /**/
    --error-color: #970003;
    --error-bg-color: #FFDADA;
    --success-color: #007760;
    --success-bg-color: #BFFFF2;
    --overlay-color: rgba(0, 0, 0, 0.5);
    --light-selection-color: #F0D2FF;

    --active-bg-color: #ebe1fb;

    --inactive-bg-color: #38495A; /**/
    --inactive-text-color: #C7D3E0; /**/

    --light-green: #E1FBEF;
    --dark-green: #2a9919;
    --light-blue: #1C3861;
    --dark-blue: #2559eb;
    --light-red: #FBE1E1;
    --dark-red: #e92020;
    --light-yellow: #FAFBE1;
    --dark-yellow: #ca9802;

    --light-grey: #ebecf0;

    --light-font-color: #C7D3E0; /**/
    --dark-font-color: #fff;

    --font-main: "Roboto", sans-serif;

    --container-width: 928px;

    --transition: 0.5s ease;
}

.dark-theme footer,
.dark-theme .form-control--grey {
    background: #1F2B3C !important;
}

.dark-theme .btn-primary {
    color: #fff !important;
}

.dark-theme .header__theme {
    background: var(--bg-color);
}

.dark-theme .header__theme-toggler {
    background: var(--primary-dark-color);
}
.dark-theme .header__theme {
    border: 1px solid var(--dark-blue);
}

.dark-theme .pagination .next,
.dark-theme .pagination .prev {
    background: var(--stroke-color);
    border-radius: 10px;
}

.dark-theme .form-control,
.dark-theme option {
    color: var(--secondary-color);
}

.dark-theme .mobile-menu__add-story-btn svg {
    fill:#fff !important;
}

.dark-theme .form-block span.select2-selection.select2-selection--single {
    background: #1F2B3C !important
}