119 lines
3.2 KiB
SCSS
119 lines
3.2 KiB
SCSS
/*==========================================================================
|
|
* Dark CSS
|
|
==========================================================================*/
|
|
.light-n {
|
|
display: none;
|
|
}
|
|
.light {
|
|
display: none;
|
|
}
|
|
.dark-mode {
|
|
background: #1f1f1f;
|
|
--body-color: #CCCCCC;
|
|
--bg-white: #1e1e1e;
|
|
--color-1: #1c1c1c;
|
|
--color-2: #1e1e1e;
|
|
--text-heading-color: #ffffff;
|
|
--border-color-1: #383736;
|
|
--border-color-2: #383736;
|
|
--border-color-3: #383736;
|
|
.light-n {
|
|
display: inline-block;
|
|
}
|
|
.dark-n {
|
|
display: none;
|
|
}
|
|
.process__area {
|
|
background: #222222;
|
|
}
|
|
.choose__three-list-item {
|
|
background: #1f1f1f;
|
|
}
|
|
.about__four-counter,
|
|
.blog__four-item,
|
|
.portfolio__four::after,
|
|
.services__two .services__one-item > i,
|
|
.experience__area-list-item {
|
|
background: #242424;
|
|
}
|
|
.header__area-menubar-right-sidebar-icon,
|
|
.copyright__area.four .copyright__area-social ul li a i,
|
|
.skill__area-item-inner {
|
|
background: #343434;
|
|
}
|
|
.brand__area,
|
|
.banner__four-brand .scroll__slider,
|
|
.banner__four-brand,
|
|
.cta__four::after,
|
|
.footer__four,
|
|
.certification,
|
|
.contact__area-form,
|
|
.copyright__area.four,
|
|
.testimonial__three,
|
|
.testimonial__two {
|
|
background: #1c1c1c;
|
|
}
|
|
.header__four {
|
|
.header__area-menubar-center-menu ul li.menu-item-has-children > a::before,
|
|
.header__area-menubar-center-menu ul li a {
|
|
color: #ffffff;
|
|
}
|
|
}
|
|
.header__area-menubar-center-menu ul li.menu-item-has-children > a::before,
|
|
.price__area-item.active .price__area-item-price span,
|
|
.price__area-item.active .price__area-item-list ul li,
|
|
.header__area-menubar-right-sidebar-popup .sidebar-close-btn i,
|
|
.header__area-menubar-right-search-icon i,
|
|
.header__area-menubar-center-menu ul li a,
|
|
.portfolio__one-item-content span,
|
|
.portfolio__one-item-content h4,
|
|
.portfolio__three-item-content span,
|
|
.portfolio__three-item-content h4,
|
|
.banner__one-content-user h5,
|
|
.banner__one-content h1 {
|
|
color: #222222;
|
|
}
|
|
.cursor {
|
|
#cursor-ball {
|
|
background: var(--primary-color-1);
|
|
}
|
|
#cursor-text {
|
|
color: var(--color-1);
|
|
}
|
|
}
|
|
.services__four-title .build_button:hover {
|
|
color: #ffffff;
|
|
}
|
|
.services__one-item:hover {
|
|
background: var(--primary-color-1);
|
|
.more_btn,
|
|
> i {
|
|
color: var(--color-1);
|
|
}
|
|
h4 a {
|
|
color: var(--color-1);
|
|
}
|
|
}
|
|
.cursor.no #cursor-text,
|
|
.process__area-item h6 {
|
|
background: var(--primary-color-1);
|
|
color: var(--color-1);
|
|
}
|
|
.services__two .services__one-item:hover > i {
|
|
color: var(--primary-color-1);
|
|
}
|
|
.banner__four-brand .scroll__slider ul li img,
|
|
.brand__area ul li img {
|
|
filter: inherit;
|
|
}
|
|
.industry__four-left-item img {
|
|
filter: invert(1);
|
|
}
|
|
.copyright__area.four .copyright__area-social ul li a i:hover {
|
|
background: var(--primary-color-1);
|
|
color: var(--color-1);
|
|
}
|
|
.choose__us-left-counter {
|
|
background-image: url('../../assets/img/shape/shape-dark.png') !important;
|
|
}
|
|
} |