/* Черный фон */
body.dark-theme {
    background-color: #121212;
    color: white;
}


/* Цвет текста слабо серый */

body.dark-theme .product-rating-number,
.section-links a:hover,
body.dark-theme .section-links a,
body.dark-theme .nav-links a,
body.dark-theme .nav-button,
body.dark-theme .ck-toolbar button,
body.dark-theme .hamburger-icon,
body.dark-theme .chat-last-message,
body.dark-theme .nav-button:hover,
body.dark-theme .category,
body.dark-theme .comment-delete-btn,
body.dark-theme .delete-news-btn,
body.dark-theme .news-views,
body.dark-theme .open-comments-btn,
body.dark-theme .like-count {
    color: #949494;
}

/* Фон слабо серый */
body.dark-theme .category-list a:hover,
body.dark-theme .category-list a.active,
body.dark-theme .category-list ul li.active,
body.dark-theme .tt-suggestion:hover,
body.dark-theme .select-option:hover,
body.dark-theme .custom-select__dropdown a:hover,
body.dark-theme .toggle-btn.active,
body.dark-theme .add-product-form .checkbox-tags label,
body.dark-theme .taxi-instruction,
body.dark-theme .ride-info-box,
body.dark-theme .hamburger-icon span,
body.dark-theme .nav-left .btn:hover {
    background-color: #949494;
}

/* Фон серый */
body.dark-theme .cancel-warning-modal-content,
body.dark-theme .chat-modal-content-taxi,
body.dark-theme .chat-messages-taxi,
body.dark-theme .order-layout,
body.dark-theme .tt-menu,
body.dark-theme .tt-suggestion-item tt-suggestion tt-selectable,
body.dark-theme .select-option,
body.dark-theme .custom-select__dropdown a,
body.dark-theme .custom-select__btn,
body.dark-theme textarea,
body.dark-theme .review-card-form,
body.dark-theme .opisanie_ava,
body.dark-theme .text_ava,
body.dark-theme .booking-modal-content,
body.dark-theme .ride-form textarea,
body.dark-theme .ride-form input[type="number"],
body.dark-theme .ride-form input[type="time"],
body.dark-theme .ride-form input[type="date"],
body.dark-theme .ride-form input[type="text"],
body.dark-theme .ride-request-form textarea,
body.dark-theme .ride-request-form input,
body.dark-theme .ride-request-form-container,
body.dark-theme .ride-completed,
body.dark-theme .nav-button.active,
body.dark-theme .bottom-nav .nav-button.active,
body.dark-theme .section-links a.active,
body.dark-theme .nav-links a,
body.dark-theme .u-modal__content,
body.dark-theme .comment-emoji-picker-news-detail,
body.dark-theme .select-category,
body.dark-theme .text_product,
body.dark-theme .description_product,
body.dark-theme .price_product,
body.dark-theme .phone_product,
body.dark-theme .ride-filter-input,
body.dark-theme .ride-filter-row input,
body.dark-theme .button-map-delivery,
body.dark-theme .modal-delivery,
body.dark-theme .delivery-textarea,
body.dark-theme .delivery-select,
body.dark-theme .delivery-input,
body.dark-theme .btn,
body.dark-theme .category,
body.dark-theme .search-input,
body.dark-theme .modal_escape-content,
body.dark-theme .taxi-form-section textarea,
body.dark-theme .order-details-card,
body.dark-theme .trip-status-bar,
body.dark-theme .driver-panel,
body.dark-theme .confirmation-wrapper,
body.dark-theme .filter-item select option,
body.dark-theme .job-form,
body.dark-theme .dropdown-content,
body.dark-theme .intro-section,
body.dark-theme .hamburger-dropdown,
body.dark-theme #edit-form,
body.dark-theme .ride-canceled,
body.dark-theme .ride-active,
body.dark-theme .swal2-popup,
body.dark-theme #messageOptionsModal .modal-action,
body.dark-theme .modal-content-chat,
body.dark-theme .content-chat-input,
body.dark-theme .emoji-picker,
body.dark-theme #chat-form,
body.dark-theme .chat-header,
body.dark-theme .chat-container,
body.dark-theme .detail-container,
body.dark-theme .main-nav,
body.dark-theme .ride-form,
body.dark-theme .toggle-btn,
body.dark-theme .ride-item,
body.dark-theme .modal-content,
body.dark-theme .add-product-form,
body.dark-theme .product-item,
body.dark-theme .delivery-form-section,
body.dark-theme .delivery-info-block,
body.dark-theme .title-emoji-picker,
body.dark-theme .news-emoji-picker,
body.dark-theme .ck-editor__main .ck-editor__editable,
body.dark-theme .ck-icon,
body.dark-theme #addNewsForm select,
body.dark-theme .ck-editor__editable,
body.dark-theme .ck-placeholder,
body.dark-theme .ck-toolbar,
body.dark-theme .newsTitleInput,
body.dark-theme #addNewsModal .u-modal__content,
body.dark-theme .modal-content-category,
body.dark-theme .detail-info,
body.dark-theme .detail-description,
body.dark-theme .mobile-topbar,
body.dark-theme .taxi-panel,
body.dark-theme .hamburger-icon,
body.dark-theme #center-choice,
body.dark-theme .taxi-form-section select,
body.dark-theme .taxi-form-section input,
body.dark-theme .chat-search-form,
body.dark-theme .chat-link,
body.dark-theme .settings-dropdown,
body.dark-theme .review-card,
body.dark-theme .delivery-order,
body.dark-theme .stat-item,
body.dark-theme .profile-box,
body.dark-theme .more-menu,
body.dark-theme .bottom-nav,
body.dark-theme .product-tile,
body.dark-theme .product-info,
body.dark-theme .filter-item,
body.dark-theme .footer,
body.dark-theme .comment-emoji-picker,
body.dark-theme .vk-comment-input-wrapper,
body.dark-theme .comment,
body.dark-theme .modal-news-content,
body.dark-theme .mobile-actions,
body.dark-theme .news-card {
    background-color: #2e2e2e;
}


/* Текст белый */
body.dark-theme .trip-car-info .car-model,
body.dark-theme .exit-label,
body.dark-theme .driver-name,
body.dark-theme .search-input,
body.dark-theme .tt-suggestion-item tt-suggestion tt-selectable,
body.dark-theme .select-option,
body.dark-theme .custom-select__dropdown a,
body.dark-theme .custom-select__btn,
body.dark-theme #addNewsForm option,
body.dark-theme .category,
body.dark-theme textarea,
body.dark-theme .review-card-form,
body.dark-theme .opisanie_ava,
body.dark-theme .text_ava,
body.dark-theme .booking-modal-header,
body.dark-theme .ride-form textarea,
body.dark-theme .ride-form input[type="number"],
body.dark-theme .ride-form input[type="time"],
body.dark-theme .ride-form input[type="date"],
body.dark-theme .ride-form input[type="text"],
body.dark-theme .ride-request-form textarea,
body.dark-theme .ride-request-form input,
body.dark-theme .taxi-title,
body.dark-theme .nav-button.active,
body.dark-theme .nav-button.active i,
body.dark-theme .bottom-nav .nav-button.active i,
body.dark-theme .bottom-nav .nav-button.active,
body.dark-theme .section-links a.active i,
body.dark-theme .section-links a.active,
body.dark-theme .nav-links a.active,
body.dark-theme .vk-comment-input-wrapper textarea,
body.dark-theme .comment-author,
body.dark-theme .content-chat-input,
body.dark-theme .select-category,
body.dark-theme .text_product,
body.dark-theme .description_product,
body.dark-theme .price_product,
body.dark-theme .phone_product,
body.dark-theme .add-product-form .checkbox-tags label,
body.dark-theme .ride-notes,
body.dark-theme .ride-filter-input,
body.dark-theme .delivery-textarea,
body.dark-theme .delivery-select,
body.dark-theme .delivery-input,
body.dark-theme .taxi-form-section textarea,
body.dark-theme .order-details-list li,
body.dark-theme .order-details-list strong,
body.dark-theme .details-title,
body.dark-theme .confirmation-wrapper strong,
body.dark-theme .confirmation-wrapper p,
body.dark-theme .job_taxi-button,
body.dark-theme .my-rides-link,
body.dark-theme .settings,
body.dark-theme .nav-button:hover,
body.dark-theme .section-title,
body.dark-theme .swal2-title,
body.dark-theme .swal2-html-container,
body.dark-theme #messageOptionsModal .modal-action,
body.dark-theme .chat-username,
body.dark-theme .detail-info h2,
body.dark-theme .user-name,
body.dark-theme .instruction-sub,
body.dark-theme .select-tag,
body.dark-theme .ride-form label,
body.dark-theme .toggle-btn,
body.dark-theme .add-product-form label,
body.dark-theme .delivery-info-block p,
body.dark-theme .newsTitleInput,
body.dark-theme .apf-label,
body.dark-theme #addNewsModal h2,
body.dark-theme .category-list a,
body.dark-theme .topbar-title,
body.dark-theme .taxi-form-section input,
body.dark-theme .payment_method,
body.dark-theme .taxi-form-section input,
body.dark-theme .chat-link,
body.dark-theme .global,
body.dark-theme .button-settings,
body.dark-theme .review-comment,
body.dark-theme .review-username,
body.dark-theme .product-name,
body.dark-theme .content-footer,
body.dark-theme .commentTextArea,
body.dark-theme .comment-author-profull,
body.dark-theme .comment-text,
body.dark-theme .author-name,
body.dark-theme .news-title,
body.dark-theme .news-content {
    color: white;
}