@import "/v2/themes/assets/base-colors.less?v=2"; body { background: @body_bg_color; color: @dark_font_color; } html { &::-webkit-scrollbar { _background-color: @body_bg_color; } } .company-name { color: @sb_company_label_color; } .btn, .modal-dialog .modal-content .modal-footer .btn, .sb-widget-form .buttons .send-message-button, #reviews-view .add-review .form .send-btn-container button, .payment-modal #sb_pay_btn, .togg-membership-filters-service, #sb_accept_cookies, .modal-dialog.modal-cancellation-reason .modal-content button.close{ background: @btn_color; color: contrast(@btn_color, @dark_font_color, @light_font_color); a { color: contrast(@btn_color, @dark_font_color, @light_font_color); } &:hover, &:focus, &:active{ color: contrast(@btn_color, @dark_font_color, @light_font_color); background: darken( @btn_color, 6%); } } .pwa-app--btn:hover, .pwa-app--btn:focus, .pwa-app--btn:active{ color: contrast(@btn_color, @dark_font_color, @light_font_color); } #footer .cookies .wrapper a{ color: @sb_base_color; } .subscribe-component--btn-bar .btn-bar--row .btn.btn-danger, .btn-second, .current-booking-info .booking-btns .btn.sb_add_to_cal, .current-booking-info .booking-btns .row .col-sm-12 .btn, .modal-dialog .modal-content .modal-footer .btn.btn-second, .modal-dialog .modal-content .modal-footer .btn-second{ background: #fff; color: @dark_font_color; a { color: @dark_font_color; } .txt{ color: @dark_font_color; } &:hover, &:focus, &:active{ color: @dark_font_color; background: darken( #fff, 7%); opacity: .8; } } .current-booking-info .booking-btns .row .col-sm-12 .btn.sb-book{ border-color: @btn_color; color: @btn_color; a{ color: @btn_color; } } .custom-form .btn{ color: contrast(@btn_color, @dark_font_color, @light_font_color); } .empty-week-time-part { .btn-next-week { padding: 13px; } } .page--online_meeting #header .nav-wrapper #sb_menu .nav li a, #header .nav-wrapper #sb_menu .nav #sb_appended_menu_item ul li a { color: @dark_font_color; } #header .nav-wrapper #sb_menu .nav li a { color: @light_font_color; @media only screen and (max-width: 1024px) { color: #222; } } #header .nav-wrapper #sb_menu .nav li.active a { color: @sb_base_color; } #header .items-wrapper #sb_cart.nav-item .cart-container .item-container .counter { background-color: @sb_base_color; color: @light_font_color; } #header .nav-wrapper #sb_menu .nav li a:before, #header .nav-wrapper #sb_menu .nav li a:after{ background: @sb_base_color; } #header .items-wrapper .nav-item#sb_multiple_book_cart .cart-container .full-info .empty .txt { color: @dark_font_color; } .title-section:after { background-color: @dark_font_color; } #sb_main #main #sb_content #content-view #about-us .title-main:after { background-color: @dark_font_color; } .reviews-wrapper .review-item .avatar .author{ color: @dark_font_color; } #membership-view #sb_membership_list_container > div .membership-item .purchased{ background: @sb_base_color; color: contrast(@sb_base_color, @dark_font_color, @light_font_color); } #membership-view .mb.btn-bar .info-container a.wrapper { .pr-numb, .pr-decimal, .pr-currency{ color: contrast(@btn_color, @dark_font_color, @light_font_color) !important; } color: contrast(@btn_color, @dark_font_color, @light_font_color); } .modal-dialog .modal-content .modal-header{ background: #fff; color: @dark_font_color; } .badge{ color: @dark_font_color; } #news-index .news-list .article .bar .read-more a, #news-single .return-btn a span{ color: @sb_base_color; &:hover{ color: darken( @sb_base_color, 8%); } } #booking-result-view #booking-result-tabs .tabs-container .tab-link a:after, #booking-result-view #booking-result-tabs .tabs-container .tab-link a:before, #booking-result-view #booking-result-tabs .tabs-container .tab-link.active a:after, #booking-result-view #booking-result-tabs .tabs-container .tab-link.active a:before{ background: @sb_base_color; } .custom-checkbox input:checked + .custom-label { border-color: @sb_base_color; background-color: transparent; } .custom-checkbox input:checked + .custom-label:before{ color: @sb_base_color; } #membership-view .mb.btn-bar .info-container .wrapper { border-color: @btn_color; background: #fff; } #sb-timeline #steps-nav #menu-active-bg { background: @sb_base_color; } #sb-timeline #steps-nav li:first-child, #sb-timeline #steps-nav li.passed, #sb-timeline #steps-nav li.passed + li:not(.passed) { background: @sb_base_color; } #sb-timeline #steps-nav li:first-child:after, #sb-timeline #steps-nav li.passed + li:not(.passed):after{ background: #fff; border-top-color: #fff; border-left-color: @sb_base_color; border-bottom-color: #fff; } #sb-timeline #steps-nav li a{ @media only screen and (min-width: 767px) { color: #111; } color: contrast(@sb_base_color, @dark_font_color, @light_font_color); } #sb-timeline #steps-nav li.filled { .content .title-sub{ color: #111; } &.passed{ .content .title-sub{ color: #fff; } } } #main-buttons .wrapper .inner .bar .btn a{ color: contrast(@btn_color, @dark_font_color, @light_font_color); } #sb_booking_content .tab .btn.select, #sb_time_classes_service_container .btn.select, #sb-timeline #steps #steps-content #sb_booking_content .provider-item .btn.select, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb-time-classes-container .inner .provider-container .provider-col .provider-item .full-info .btn, .package-content .tab.tab-col .excerpt-info .btn-bar .btn.select, .samesite-cookies__popup-btn { background: #fff; color: #222; a{ color: #222; } &:hover, &:focus, &:active{ color: contrast(@btn_color, @dark_font_color, @light_font_color); a{ color: contrast(@btn_color, @dark_font_color, @light_font_color); } background: darken( @btn_color, 4%); border-color: darken( @btn_color, 4%); } } .service-bar__icon .icon.icon-reccuring .fa { color: #fff; } .tab.tab-col .full-info .close-full-info, .current-booking-info .location-modal .close-full-info, .modal-dialog.delete-review .modal-content .modal-header .close{ background: @sb_base_color; color: contrast(@sb_base_color, @dark_font_color, @light_font_color); &:hover{ background: darken( @sb_base_color, 4%); } } #reviews-view .add-review .info .name{ color: @dark_font_color; } #steps-content .product-pagination a.current.sb-page{ background: @sb_base_color; color: contrast(@sb_base_color, @dark_font_color, @light_font_color); } #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb-time-classes-container.classes-plugin .inner .provider-container .provider-col .provider-item .full-info .close-full-info{ background: @sb_base_color; color: contrast(@sb_base_color, @dark_font_color, @light_font_color); } .fotorama__thumb-border{ border-color: darken(@sb_base_color, 5%); } #sb-timeline #steps #sb_back_button a, .invoice-pay-page .to-invoices-list, .wrap-client-info-view .back-button { &:hover{ background: @sb_base_color; color: contrast(@sb_base_color, @dark_font_color, @light_font_color); &:before{ background: @sb_base_color; } } } #sb-timeline #steps #steps-content #sb_booking_content #sb_prev_month .txt, #sb-timeline #steps #steps-content #sb_booking_content #sb_next_month .txt, #sb-timeline #steps #steps-content #sb_booking_content #sb_prev_date .txt, #sb-timeline #steps #steps-content #sb_booking_content #sb_next_date .txt{ &:hover{ background: @sb_base_color; color: contrast(@sb_base_color, @dark_font_color, @light_font_color); &:after{ background: @sb_base_color; } } } #news-single .article .back-to-list-news{ &:hover{ background: @sb_base_color; color: contrast(@sb_base_color, @dark_font_color, @light_font_color); &:before{ background: @sb_base_color; } } } .panel .service-deposit { .badge { color: @sb_base_color; } .text { color: @dark_font_color; } } .service-bar__text a, .service-bar__icon .icon.icon-reccuring .fa, .service-bar__text{ color: #000; } #top-points-nav-menu li.active a{ background: @sb_base_color; } #header .items-wrapper .nav-item .bottom-block .btn a{ color: contrast(@btn_color, @dark_font_color, @light_font_color); } #membership-view #membership-payment-history .table-header{ background: @sb_base_color; } #membership-view #membership-payment-history thead > tr > th{ color: contrast(@sb_base_color, @dark_font_color, @light_font_color); } #remind-password .bar #sb_remind_btn{ background: #fff; &:hover, &:focus, &:active{ background: darken( #fff, 6%); } } #sb_gdpr_report_module_container #sb_gdpr_email_form .sb_gdpr_close_form_btn{ background: @btn_color; color: contrast(@btn_color, @dark_font_color, @light_font_color); } .tab.tab-col .read-more, .provider-item .read-more, .membership-item .read-more{ font-weight: 600; color: @sb_base_color; } .promotion-list .promotion-item .tab.tab-col .excerpt-info .btn-bar .select { background: transparent; &:hover { border-color: darken(@btn_color, 5%); } a { background-color: transparent; color: @dark_font_color; &:hover { background-color: darken(@btn_color, 5%); color: contrast(@btn_color, @dark_font_color, @light_font_color); } } } .tab.tab-col .excerpt-info .btn-bar a.btn.select{ color: @dark_font_color; &:hover { background-color: darken(@btn_color, 5%); color: contrast(@btn_color, @dark_font_color, @light_font_color); } } .tab.tab-col .excerpt-info .btn-bar button.btn.select{ color: @dark_font_color; border-color: @dark_font_color; &:hover{ border-color: @dark_font_color; } } #header .items-wrapper #sb_client_info.nav-item .login-container .full-info #sb_login_form .main-form .not-logged .remind-pass { color: @sb_base_color; } .modal-dialog .modal-content button.close, .close-full-info { background-color: @sb_base_color; color: contrast(@sb_base_color, @dark_font_color, @light_font_color); &:hover { color: contrast(@sb_base_color, @dark_font_color, @light_font_color); } } .client-info-modal #client-profile-preview .close-modal, #client-profile-edit .close-modal { background-color: @sb_base_color; color: contrast(@sb_base_color, @dark_font_color, @light_font_color); } .invoice-pay-page #sb_invoice_pager_container .pagination-wrapper a { color: @sb_base_color; &:hover { color: contrast(@sb_base_color, @dark_font_color, @light_font_color); } } .sb-widget-form .buttons .open-booking-widget-button { color: @dark_font_color; } .btn.start-date-btn a { color: @sb_base_color; } #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .weeks-date .date.selected, .datepicker table tr td.active:active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active { background-color: @sb_base_color; color: contrast(@sb_base_color, @dark_font_color, @light_font_color); } #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .weeks-date .date.selected:hover { background: @sb_base_color; } //.appearance, //.official { // .company-name { // color: @dark_font_color; // } //} #main-buttons, #main-buttons { .wrapper .inner .company-name:after { background: @sb_company_label_color; } } #header { &.appearance .nav-wrapper #sb_menu .nav li a { color: @dark_font_color; } } #membership-view #sb_membership_list_container > div .membership-item.panel .date-bar span, .membership-item.panel .session-remind{ color: @dark_font_color; } // Theme main icons color .preloader, .photo, .provider-item .default, .empty-step__image, //.invoice-pay-page, .invoice-notifications, .error-card , .page-content--online-meeting .online-meeting__picture { svg { path[stroke] {stroke: @sb_base_color;} path[fill] {fill: @sb_base_color;} circle[stroke] {stroke: @sb_base_color;} circle[fill] {fill: @sb_base_color;} } } .current-booking-info .package-use-credits-msg .link{ color: @sb_base_color; } // Samesite cookies popup .samesite-cookies { &__popup { &-link { color: @sb_base_color; } } } .login-container__remember-check { background: @sb_base_color; svg path { stroke: contrast(@sb_base_color, @dark_font_color, @light_font_color); } } .tab.tab-col .excerpt-info .btn-bar , .tab.tab-col .excerpt-info .btn-bar { button.btn.select-by-bonus, a.btn.select-by-bonus{ background: @btn_color !important; border: 1px solid @btn_color; color: contrast(@btn_color, @dark_font_color, @light_font_color) !important; &.disabled{ background: @btn_color; border: 1px solid @btn_color; color: contrast(@btn_color, @dark_font_color, @light_font_color) !important; } } } // Date field icon .calendar-toggle { &__icon path { fill: @sb_base_color; &:last-child { fill: none; stroke: @sb_base_color; } } } #header.line .nav-wrapper #sb_menu .nav li a{ color: @dark_font_color; } .products-view--wrapper .product-item .tab.tab-col .excerpt-info .btn.select { background: transparent ; } .products-view--wrapper .product-item .tab.tab-col .excerpt-info .btn.select:hover { border-color: @sb_base_color; background: @sb_base_color; color: contrast(@sb_base_color, @dark_font_color, @light_font_color); }