body { .shape.light { display: none; @include xs-device { display: none; } } &.theme-dark { .logo-light { display: block; } .logo-dark { display: none; } .shape.light { display: none; } } &.theme-light { color: rgba(0, 0, 0, 0.7); background: #fff; .shape.light { display: block; @include xs-device { display: none; } } .search-mobile-icon button, .hamburger-button { color: $body-light; } .slick-dots { margin-top: 10px; @include xs-device { margin-top: 0; } } .large-mobile-blog-search input { background: #fff; } .footer-inner, .section-bg-separation-2 { background: $body-bg-light; } ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: rgba(0, 0, 0, 0.7); } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: rgba(0, 0, 0, 0.7); } ::-ms-input-placeholder { /* Microsoft Edge */ color: $body-light; } p { color: rgba(0, 0, 0, 0.68); } .btn-outline, .btn-black { border: 2px solid rgba(0, 0, 0, 0.35); color: $body-light; &:hover { border-color: #dd2476; color: #fff; } } .default-tab-list button { border-color: $border-color; &.is-checked { border-color: $color-primary; } &:hover { color: $color-primary; border-color: $color-primary; } } // header light css .mainmenu-nav .mainmenu li a, .single-comment-box .content .title a { color: $body-light; &.active, &:hover { color: $color-primary; } } .search-bar { border-color: rgba(0, 0, 0, 0.5); input, .search-btn { color: $body-light; } } .subscribe-mail input { border-color: rgba(0, 0, 0, 0.5); } .logo-light { display: none; } .logo-dark { display: block; } .theme-swithcher-wrap .theme-switcher-label .mode span, .single-comment-box .content .title span { color: rgba(0, 0, 0, 0.7); } .mainmenu-nav .mainmenu li .submenu, .header-right-inner > li .submenu { background-color: #fff; border: 1px none; box-shadow: 0px 3px 16px rgb(47 83 109 / 12%); } .header-right-inner > li .submenu li a, .single-blog .title a, .avatar-info .content .title a { color: $body-light; &:hover { color: $color-primary; } } .mainmenu-nav .mainmenu li .submenu::after { background: #fff; } h1, h2, h3, h4, h5, h6, .aw-h1, .aw-h2, .aw-h3, .aw-h4, .aw-h5, .aw-h6 { color: $body-light; a { &:hover { color: $color-primary; } } } a { color: rgba(0, 0, 0, 0.75); &:hover { color: $color-primary; } &.btn-gradient { color: #fff; } &.color-primary { color: $color-primary; font-weight: 500; } } .breadcrumb-item { color: rgba(0, 0, 0, 0.75); a { &:hover { color: $color-primary; } } &.active { color: $color-primary; } } .header-fixed.sticky { background: #fff; border-color: #fff; box-shadow: 0px 3px 16px rgb(47 83 109 / 12%); } .bg-1, .bg-4, .bg-3, .bg-5 { background-image: url(../img/headerbg.jpg); background-color: $body-bg-light; } // .bg-5 { // background-image: url(.../../img/bg/bg-10.jpg); // } .bg-6 { background-image: url(../img/headerbg.jpg); } .bg-7 { background-image: url(../img/headerbg.jpg); } .hero-banner-style .banner-content p { font-weight: 400; } .hero-banner-style .banner-content .title { color: $body-light; } .slick-dots li button { border-color: $color-primary; } .hero-banner-style .banner-content .title span { // -webkit-text-stroke-width: 0; // -webkit-text-fill-color: $color-primary; background: linear-gradient(-45deg, #ff512f, #dd2476, #ff512f, #dd2476); background-size: 100% 100%; -webkit-background-clip: text; -webkit-text-stroke: 3px transparent; -webkit-text-fill-color: #fff; } .hero-banner-style-3, .hero-banner-style-4 { &.hero-banner-style .banner-content .title span { background: linear-gradient(-45deg, #ff512f, #dd2476, #ff512f, #dd2476); background-size: 100% 100%; -webkit-background-clip: text; -webkit-text-stroke: 3px transparent; -webkit-text-fill-color: #fff; } } .hero-banner-style-6, .hero-banner-style-2 { &.hero-banner-style .banner-content .title span { -webkit-text-stroke: 0; -webkit-text-fill-color: transparent; } } .default-tab-list button { color: $color-placeholder; &.is-checked { color: #fff; } } .explore-style-one .content .title a, .explore-style-one .product-owner strong a, .explore-style-one .product-owner .biding-price, .more-dropdown i, .popular-collection-style-one .title a, .popular-collection-style-two .content .title a, .single-author .content .title a, .activity-wrapper .custom-history.notification-history h4 a, .activity-wrapper .custom-history .single-item-history h3 a { color: $body-light; &:hover { color: $color-primary; } } .explore-style-one { border: 1px solid $border-color; &.selected { background: $bg-color-selected-light; border-color: $color-primary; } &:hover { border: 1px solid $color-error; border-color: $color-primary-2; } } .slider-activation-banner-4 { .explore-style-one { &.selected { border-color: $body-bg-light2; background: $body-bg-light; } } } .explore-style-two, .signin-form, .signup-wrapper.header-free-signin .signin-form-2 { background: #ffffff; box-shadow: 0px 3px 16px rgb(47 83 109 / 12%); } .signin-form-2 { box-shadow: none; } .explore-style-one { background: #fff; border: 1px solid $body-bg-light2; box-shadow: 0px 3px 16px rgb(47 83 109 / 12%); } .slick-list { margin-top: -25px; margin-bottom: -25px; @include xs-device { margin-top: 15px; margin-bottom: 15px; } } .slider { .explore-style-one, .single-blog, .card-block-style-one, .popular-collection-style-one { margin-top: 25px; margin-bottom: 25px; @include xs-device { margin-top: 15px; margin-bottom: 15px; } } } .hero-banner-style-4 { .slider { .explore-style-one { margin-top: 0; } } } .hero-banner_inner { .slick-list { margin-top: 0; margin-bottom: 0; } } .slick-pagination-50 .slick-dots { bottom: -10px; } button.slide-arrow { background: #fff; box-shadow: 0px 3px 16px rgb(47 83 109 / 12%); i { color: $body-light; } } .top-seller-style-one, .popular-collection-style-one, .top-seller-style-two, .dropdown-menu-dark, .filter-wrapper, .custom-tabs, .custom-tab-content, .blog-content, .single-widget, .styler-1, .blog-details-wrapper blockquote, .contact-form-wrapper input, .contact-form-wrapper textarea, .post-media { background: #fff; box-shadow: 0px 3px 16px rgb(47 83 109 / 12%); } .custom-tab-content { box-shadow: none; } .top-seller-style-one .title a, .top-seller-style-two .title a { color: $body-light; } .top-seller-style-one .price { color: rgba(0, 0, 0, 0.65); } .slick-activation-01 .slick-track { padding-bottom: 15px; } .card-block-style-one { background: #fff; box-shadow: 0px 3px 16px rgb(47 83 109 / 12%); } .reaction-btn { box-shadow: 0px 3px 16px rgb(47 83 109 / 12%); background: #fff; color: $body-light; border: 1px solid $border-color; } .footer-widget ul li a, .footer-widget ol li a { color: rgba(0, 0, 0, 0.75); &:hover { color: $color-primary; } } .social a { border-color: rgba(0, 0, 0, 0.5); &:hover { color: #fff; } } .explore-style-one .action-wrapper { border-top: 1px dashed #999; } .modal-content { background-color: #fff; box-shadow: 0px 3px 16px rgb(47 83 109 / 12%); } .btn-custom-closer { box-shadow: 0px 3px 16px rgb(47 83 109 / 12%); } .modal-header { border-bottom-color: $border-color; } .modal-footer { border-top-color: $border-color; } .single-item-history:not(:last-child) { border-bottom-color: $border-color; } .modal-content label, .bidding-list li strong, .modal-content input, .blog-details-wrapper blockquote { color: $body-light; } .bidding-list li { color: #555; font-weight: 400; } .bid-success-content strong { color: $body-light; } .modal-content input { border-color: $border-color; } .shape.dark { display: none; } .single-blog, .popular-collection-style-two .content, .single-author, .top-seller-style-two, .top-seller-style-one, .popular-collection-style-one, .popular-collection-style-two, .wallet-block, .form-field-wrapper, .upload-area .browse-file-wrapper, .signup-content, .contact-inner-contnet { background: #fff; box-shadow: 0px 3px 16px rgb(47 83 109 / 12%); } .signup-content .medium { color: rgba(0, 0, 0, 0.7); } label { color: $body-light; } b, strong { color: $body-light; } .upload-area label { border: none; } .upload-area label span { color: $body-light; } .form-field-wrapper input, .form-field-wrapper textarea { border-color: $border-color; color: $body-light; } .top-seller-style-one { margin-top: 25px; margin-bottom: 25px; } .counter-style-1, .top-seller-style-two .items-number strong, .dropdown-menu-dark .dropdown-item { color: $body-light; } .hero-banner-style-2 .shape-7 { display: none; } .top-seller-style-two .items-number::before { background: #f5f8fa; } .top-seller-style-two .thumb { border-color: $color-primary; } .dropdown-menu-dark .dropdown-item:focus, .dropdown-menu-dark .dropdown-item:hover { color: #fff; background-color: $color-primary; } .card-block-style-one p { font-weight: 400; } .nice-select { background-color: #fff; border-color: $border-color; color: $body-light; } .nice-select:after { border-bottom-color: $body-color-light; border-right-color: $body-color-light; } .nice-select .list, .biding-block { background: #fff; box-shadow: 0px 3px 16px rgb(47 83 109 / 12%); } .biding-block { h3 { color: $color-primary; } } .details-content .custom-tabs li a { &.active { color: $color-primary; } } .details-content .subtitle, .custom-tab-content .tab-pane .content p, .details-content .custom-history .single-item-history .content span, .custom-tab-content .tab-pane p, .details-content .owner, .biding-block span { font-weight: 400; } .price-history, .avatar-info .content .title { font-weight: 500; } .custom-history { /* Track */ &::-webkit-scrollbar-track { background: #ddd; border-radius: 6px; } /* Handle */ &::-webkit-scrollbar-thumb { background: #999; border-radius: 6px; } } .price-history, .price-history span, .details-content .custom-tabs li a { color: $body-light; } .nice-select .list .option.selected, .filter-wrapper .form-check label, .widget-tag .filter-group .btn { color: $body-light; } .hero-banner-style.hero-banner-style-6 .sub-title { color: $body-light !important; } .custom-tabs, .custom-tab-content, .details-dropdown .ri-more-fill, .bidder { background: #fff; } .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background: #efefef; } .bidder { border: none; box-shadow: 0px 3px 16px rgb(47 83 109 / 12%); .text-white { color: $body-light !important; font-weight: 500; } } .form-check-input { border: 2px solid $border-color; } .filter-wrapper { box-shadow: 0px 3px 16px rgb(47 83 109 / 12%); } .accordion-button, .accordion-button:not(.collapsed) { background: $body-bg-light2; color: $body-light; } .bg-overlay::before { background: transparent; } .hero-banner-style.hero-banner-style-3 .banner-content p, .hero-banner-style.hero-banner-style-5 .banner-content p { color: rgba(0, 0, 0, 0.6); } .btn-play { font-weight: 500; color: $body-light; } .dropdown-menu-dark { border: none; } .nice-select:active, .nice-select.open, .nice-select:focus, .nice-select:hover { border-color: $color-primary; } .single-item-history { a.text-white { font-weight: 500; color: $body-light !important; &:hover { color: $color-primary !important; } } } .blog-content, .single-widget, .styler-1, .upload-btn-wrapper, .create-item-wrapper, .signup-wrapper { background: #fff; color: $body-light; } .create-item-wrapper, .upload-btn-wrapper { box-shadow: 0px 3px 16px rgb(47 83 109 / 12%); } .category-list .count-text, .post-media, .contact-form-wrapper input, .contact-form-wrapper textarea, .blog-details-wrapper blockquote { background: #fff; color: $body-light; } .sidebar .category-list li:not(:last-child) a, .recent-post ul li:not(:last-child) { border-bottom-color: $border-color; } .recent-post ul li a { color: $body-color-light; &:hover { color: $color-primary; } } .recent-post ul li .cate { color: rgba(0, 0, 0, 0.65); } .widget-tag .filter-group .btn:hover { color: #fff; } .title.text-white { color: $body-light !important; } .single-comment-box .content .title span::before { color: $body-color-light; } hr { border-top-color: $border-color; } .custom-tabs.author-tabs .btn:not(.active) { color: rgba(0, 0, 0, 0.75); &:hover { color: $color-primary; } } input[type="text"], input[type="password"], input[type="email"], input[type="number"], textarea { border-color: $border-color; &:focus { border-color: $color-primary; } } .signup-wrapper .register-with { border-color: $border-color; } .popup-mobile-menu { background-color: rgba(255, 255, 255, 0.8); } .popup-mobile-menu .inner, .activity-wrapper .custom-history .single-item-history, .signup { background: #fff; box-shadow: 0px 3px 16px rgb(47 83 109 / 12%); } .popup-mobile-menu .mainmenu li a { color: $body-light; } .popup-mobile-menu .inner .header-top { border-bottom-color: $border-color; } .activity-wrapper .custom-history .single-item-history .date { color: #7b7b7b; } .activity-wrapper .custom-history.notification-history .reaction { background: rgba(0, 0, 0, 0.1); } input[type="text"], input[type="password"], input[type="email"], input[type="number"], textarea { color: $body-light; } .normal { font-weight: 500; } .subscribe-mail input { border-color: $border-color-light; } .inner-page-banner { background-image: url(../img/light-inner.jpg); } .inner-page-banner { .inner { background: rgba(255, 255, 255, 0.25); } } .explore-style-one .profile-share a.more-author-text, .biding-price { font-weight: 500; } .meta li, .single-item-history .content span { font-weight: 400; } // hero 7 .section-bg-separation-3, .hero-banner-style-one { background: #fff; } .product-style-trendy .content-left .title a, .product-style-trendy .content-left small { color: #fff; } .product-style-trendy .content-left .title a:hover { color: $color-primary; } .product-style-trendy .reaction-btn { color: #fff; background: #343444; } .new { color: $body-color-light; } .gallery-thumb .thumb::before, .gallery-thumb .thumb::after, .gallery-thumb .thumb { background: #fff; } .gallery-thumb .thumb::before, .gallery-thumb .thumb::after { box-shadow: 0px 3px 16px rgb(47 83 109 / 12%); } } }