body[data-theme="dark"]{
    color:white;
background-color: var(--darkmode-bg-color);
}

body[data-theme="dark"] .main-menu{
background-color: var(--darkmode-bg-color);
}
body[data-theme="dark"] .main-menu li a:hover {
    
    border-bottom:1px solid #ffffff;
}
body[data-theme="dark"] .main-menu li a:focus {
    color: rgb(168, 168, 243);
    border-bottom: 2px solid rgb(168, 168, 243);
}
body[data-theme="dark"] .past-work-wrapper, 
body[data-theme="dark"] .past-work-wrapper::before,
body[data-theme="dark"] .about-us-wrapper, 
body[data-theme="dark"] .about-us-wrapper::before,
body[data-theme="dark"] .background,
body[data-theme="dark"] .contactForm-wrapper,
body[data-theme="dark"] .contactForm-wrapper::before   {
    background-color: var(--darkmode-bg-color);
} 
body[data-theme="dark"] footer{
background-color:rgb(40, 40, 72);
}
body[data-theme="dark"] #list li figure{
    background-color: rgba(255, 255, 255, 0.089);
}
body[data-theme="dark"].slider-prev,
body[data-theme="dark"].slider-next {
background-color: rgba(255, 255, 255, 0.5);
}
@media (min-width: 769px){
    body[data-theme="dark"] .main-menu {
        background: transparent;
    }
}