File: /home/hunarpak/public_html/wp-content/themes/courselog/assets/sass/dark.scss
@import 'variable';
/* =======================
// dark mode
=========================== */
.dark-mode{
background: $bg_dark;
position: relative;
body,
.blog-single .entry-content,
#learn-press-profile {
background: $bg_dark;
}
#learn-press-profile {
#profile-sidebar {
background: $bg_dark_gray;
#profile-nav {
.lp-profile-nav-tabs {
li {
> ul {
background: $bg_dark_gray;
li {
a {
&:hover {
background: $primary-color;
}
}
}
}
}
> li {
a {
color: #fff;
}
}
}
}
}
.dashboard-general-statistic__row {
.statistic-box {
background: $bg_dark_gray;
.statistic-box__text,
.statistic-box__number {
color: #fff;
}
&:hover {
background: $primary-color;
}
}
}
}
body,
.nav-tabs .nav-item .nav-link,
.nav-tabs .nav-item .nav-link h3,
.nav-tabs .nav-item .nav-link.active,
.post-title a,
.post-meta span,
.post-meta span a,
.ts-author,
.ts-author a,
.post-content p,
.post-list-item .recen-tab-menu.nav-tabs li a,
.ts-author-content:before,
.ts-author-content .comment a,
.ts-author-media .ts-author-meta,
.breadcrumb li,
.breadcrumb li a,
.post-title,
.blog-single .post-meta li,
.blog-single .post-meta li.post-author a,
.blog-single .post-meta li.post-comment a,
.wp-block-quote:before,
.wp-block-quote p,
.wp-block-quote cite,
h1,
h2,
h3,
h4,
h5,
h6,
.blog-single .tag-lists a,
.blog-single ul li,
.blog-single ol li,
.post-date-info,
.error-page .error-code,
.error-page .btn,
.pagination li a i,
.pagination li span i,
.author-box .author-url a,
.xs-reviewer-details .xs-review-summery > p,
.tab-course-category ul li,
.single-instructor-item .instructor-name a,
.ts-course-category .single-course-category .course-category-title a,
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next,
.archive-widgets ul li a,
.courselog-archive-events .single-course .content-area .etn-title a,
.courselog-archive-events .single-course .content-area .lession-and-rating,
.banner-area .banner-title span,
.courselog-archive-events .courselog-course-order select,
.schedule-tab-wrapper .etn-nav li a,
.etn-schedule-wrap .etn-schedule-info .etn-schedule-time,
.etn-event-item .etn-title a,
.archive-course-container .archive-course-filter .filter-content .filter,
.archive-course-container .course-archive-list .filter-item .courselog-course-order select,
.pagination li a, .pagination li span,
.archive-course-container .course-archive-list .filter-item p,
.tag-lists a, .tagcloud a,
.course-co-instructors .co-single-instructor .co-instructor-title a,
.course-sidebar .course-intro ul li,
.course-sidebar .course-intro ul li i,
.course-sidebar .course-price-details .price-offer,
.course-content-area .curriculum-content .curriculmn-title,
#learn-press-course-curriculum.course-curriculum ul.curriculum-sections .section-content .course-item .section-item-link,
.blog-post-comment .comment-respond .comment-form .form-control.msg-box,
.user-dashboard #learn-press-profile-nav .learn-press-tabs.tabs li a,
.post .entry-header .entry-title a,
.search article.courselog-events .entry-header .entry-title a,
.search article.lp_course .entry-header .entry-title a,
.search article .entry-header .entry-title a,
.sidebar ul li a,
.readmore,
.comment-body .comment-content > p,
.comments-list .comment-body .comment-reply-link,
.comments-list .comment-author a,
.learn-press-form .form-fields .form-field label,
.login-from .password-field .lost-pas,
.login-from .password-field label,
.ts-social li a,
.ts-instructor-profile-info .instructor-follow li,
.courselog-archive-events .archive-widgets .search-event-input,
.course-entry-content .view-review-list .xs-reviewer-author,
.search-course-input,
.view-review-list .xs-review-date{
color: #fff !important;
}
a{
color: $primary-color;
}
.single-course .content-area .author-area .instructor a,
.instructor-profile-header .ts-instructor-info .instructor-designation,
.course-style3 .single-course .label,
.course-content-area .course-entry-content .content-block .curriculum-content .curricolumn-list li a{
color: $text_dark_light;
}
// border color
.courselog-archive-events .archive-widgets,
.single-course .content-area .course-footer,
.courselog-archive-events .course-archive-list.style2 .courselog-course-order select,
.course-sidebar.archive-sidebar-course-advance,
.course-sidebar.archive-sidebar-course-solid,
.archive-course-container .single-course,
.course-sidebar.archive-sidebar-course-advance .archive-widgets,
.course-sidebar.archive-sidebar-course-solid .archive-widgets,
.view-review-list .border-div{
border-color: $bg_dark_gray;
}
.form-control,
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.post .post-body,
.sidebar .widget,
.sidebar ul li ,
.comments-list .comment-body ,
.post-navigation,
.post-navigation .post-previous,
.post-navigation .post-next,
.login-user i,
.course-sidebar .course-intro ul li,
.course-sidebar .social-share ul li a,
.meeting-wrapper .meeting-row,
.meeting-wrapper .meeting-row .info-right,
.content-block .curriculum-content,
.course-co-instructors .co-single-instructor,
.user-meta-summery-single li,
#learn-press-course-curriculum .section-content .course-item,
.banner-course .header-meta li:not(:last-child),
.learn-press-message,
.ts-social li a:hover,
.ts-instructor-profile-info .ts-follow-instructor.btn,
.banner-area.single-event-banner .banner-title-des,
.etn-sidebar .etn-event-meta-info ul li,
.etn-schedule-wrap .etn-single-schedule-item,
.pagination li a, .pagination li span,
.archive-course-container .course-archive-list.style2 .filter-item .courselog-course-order select,
#course-item-content-header,
.tag-lists a, .tagcloud a{
border-color: $dark_border!important;
}
.ts-course-category .owl-nav .owl-prev,
.ts-course-category .owl-nav .owl-next{
border-color: transparent !important;
}
.xs_reviw_title,
.xs_reviwer_website,
.xs_reviw_summery,
.form-control{
&::placeholder{
color: #fff;
}
}
.learn-press-form .form-fields .form-field input[type=text],
.learn-press-form .form-fields .form-field input[type=email],
.learn-press-form .form-fields .form-field input[type=number],
.learn-press-form .form-fields .form-field input[type=password],
input[type=email], .learn-press-form .form-fields .form-field textarea,
.user-dashboard #learn-press-profile-nav .learn-press-tabs.tabs li.active ul,
.user-dashboard #learn-press-profile-nav .learn-press-tabs.tabs li:hover ul,
.course-item-popup .learn-press-content-protected-message,
#xs_review_form_public_data .xs-review-box .xs-review input[type="text"],
.public-xs-review-box .xs-review input,
.public-xs-review-box .xs-review textarea{
background: $bg_dark_gray;
color: $white-color;
}
.single-instructor-item .instructor-profile-content,
.ts-course-category .single-course-category,
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.courselog-search-course-form .search-course-input,
.courselog-archive-events .archive-widgets .search-event-input,
.courselog-archive-events .courselog-course-order select,
.etn-schedule-wrap .etn-schedule-info .etn-schedule-time,
.single-etn .etn-event-attendee-single,
.etn-event-item,
.banner-area.banner-solid,
.archive-course-container .archive-course-filter.archive-course-standard,
.pagination li a, .pagination li span,
.archive-course-container.archive-course-solid .archive-style-solid,
.archive-course-container .course-archive-list .filter-item .courselog-course-order select,
.banner-course,
.course-content-area .content-block .course-co-instructors,
.course-content-area .course-entry-content .content-block .curriculum-content .curriculmn-title[aria-expanded=true],
.course-sidebar .course-widget,
.course-sidebar .course-enroll .wishlist-button,
.course-sidebar .course-enroll .btn-enroll:hover,
#learn-press-course-curriculum.course-curriculum ul.curriculum-sections,
body.course-item-popup #learn-press-course-curriculum,
.course-curriculum ul.curriculum-sections .section-content .course-item,
.blog-post-comment .comment-respond .comment-form .form-control.msg-box,
.sidebar .widget.widget_search .form-control,
.post .post-body, .post .post-quote-content,
.search article.courselog-events .post-body,
.search article.courselog-events .post-quote-content,
.search article.lp_course .post-body,
.search article.lp_course .post-quote-content,
.search article .post-body,
.search article .post-quote-content,
blockquote.wp-block-quote,
.wp-block-pullquote:not(.is-style-solid-color),
.wp-block-quote, .wp-block-quote.is-large,
.wp-block-quote.is-style-large,
.wp-block-quote:not(.is-large):not(.is-style-large),
blockquote.wp-block-pullquote,
blockquote.wp-block-quote,
.user-dashboard .lp-profile-content table th,
.user-dashboard .lp-profile-content .lp-list-table th,
.blog-post-comment .comment-respond .comment-form .form-control,
.user-dashboard #learn-press-profile-nav .learn-press-tabs.tabs li:before,
.learn-press-message {
background: $bg_dark_gray;
}
.meeting-wrapper .meeting-row:nth-child(odd),
.course-style2 .single-course,
.course-curriculum ul.curriculum-sections .section,
#learn-press-course-curriculum.course-curriculum ul.curriculum-sections .section-header,
body.course-item-popup #learn-press-content-item .content-item-scrollable{
background: $bg_dark_gray_light;
}
.archive-course-container .archive-course-filter .courselog-course-category-dropdown select,
.archive-course-container .archive-course-filter .courselog-course-order select{
background: $bg_dark_gray_light;
border-color: $dark_border;
color: $white-color;
background-image: url('../images/white-down_arrow.png');
background-repeat: no-repeat;
background-position: 93% 20px;
}
.login-from .rwmb-field input[type=text],
.login-from .rwmb-field input[type=email],
.login-from .rwmb-field input[type=password]{
background: $bg_dark_gray !important;
}
.banner-area:before{
background-image: linear-gradient(to right, $bg_dark, rgba($bg_dark_gray, 0.2));
}
.archive-course-solid .course-list-widget-wraper .gradient_shade_area{
background: linear-gradient(180deg, rgba(4, 26, 87, 0) 0%, $bg_dark_gray 100%);
}
.pagination li.active a,
.pagination li:hover a{
background: $secondary-color;
}
.single-course{
background: $bg_dark_gray;
.content-area {
.content-top{
ul li{
color: $text_dark_light;
}
}
.ts-course-el-title {
a{
color: $white-color;
}
}
.course-footer{
border-color: #2F3540;
}
}
&:hover{
background: $bg_dark_gray_light;
.ts-course-el-title {
a{
color: $secondary-color;
}
}
.course-footer{
border-color: rgba(#C6C4D1,0.11);
}
}
}
// transparent
.archive-course-advanced .single-course{
background: transparent;
}
.courselog-archive-events{
.single-course{
background: $bg_dark;
.content-area{
ul li a,
.author-area span {
color: $text_dark_light;
}
}
}
}
@media (min-width: 992px){
.course-list-widget-wraper .gradient_shade_area{
background: linear-gradient(180deg, rgba(4, 26, 87, 0) 0%, $bg_dark 100%);
}
}
.login-from .rwmb-field input[type=text],
.login-from .rwmb-field input[type=email],
.login-from .rwmb-field input[type=password],
.login-from .form-field input[type=text],
.login-from .form-field input[type=email],
.login-from .form-field input[type=password] {
background: $bg_dark_gray!important;
}
#popup-course {
#popup-content {
background: $bg_dark_gray;
}
}
}