@media (prefers-color-scheme: dark) {
    *{color: var(--colorWight);}
    body { background: var(--colorBlack); }
    g{fill:var(--colorWight);}
    h1,h4{color: var(--colorGreen) !important;}
    .search input, nav{background-color: var(--colorBlack) !important; color:var(--colorGreen);}
    .head .logo > svg #layer2,.head .logo > svg #layer3,.head .logo > svg #layer4{fill: var(--colorWight);}
    nav a{color:var(--colorGreen) !important;}
    nav a:hover{color:#0067a5 !important;}
    .domainStatus .base path{fill:var(--colorBlack);}
    .subFooter *{color: var(--colorBlack);}
    .subFooter .photo{border-color: var(--colorBlack);}
    .informationBlock .brandPrice span{color:var(--colorGreen);}
    .logoTextSVG,.priceFilter a svg g{fill:var(--colorWight);}
    svg #moon{display: none !important;}
    svg #sun{display: block;}
    .informationBlock > div:nth-child(4):before{background-image: linear-gradient(to right, var(--colorGrey), var(--colorBlack) 75%);}
    .pagination li:last-child svg g, .pagination li:first-child svg g,#upArrow svg g{fill: var(--colorGreen) !important;}
    .foreignAnalogs ul li b,.multiDomains ul li b{color:var(--colorGreen);}
    .article h2,.article h3, .hSearch{color: var(--colorGreen) !important;}
    div.domainsList > div a:hover, ul.domainsList li a:hover{color: var(--colorGreen);}
    div.domainsList > div a{color:var(--colorWight) !important;}
    .container-e-shop div > .twoBlocks:first-child svg{background-color: var(--colorBlack);}
    .subSvg li svg{background-color: var(--colorBlack);}
}
@media (prefers-color-scheme: dark) {
    .top{background-color: #000;}
    .top .phone, .subTop h5, .subTop h6{
        color:#f7fafc !important;
    }
    h2{color: #f7fafc;}
}