halfapx.com - Prefers Dark Mode by opsaaaaa

/* ==UserStyle==
@name         halfapx.com - Prefers Dark Mode
@version      20220519.20.09
@namespace    userstyles.world/user/opsaaaaa
@description  add prefers dark mode support.
@author       opsaaaaa
@license      No License
==/UserStyle== */

@-moz-document domain("halfapx.com") {

@media (prefers-color-scheme: dark) {
    body, .header, .related-post,
    div.asl_r.vertical
    {
        color: #ddd;
        background-color: #000;
    }
    .header a {
        color: #ddd;
    }
    #ajaxsearchlite1 .probox .proinput input::placeholder, div.asl_w .probox .proinput input::placeholder {
        color: #bbb!important;
    }
    #ajaxsearchlite1 .probox, div.asl_w .probox,
    .sticky-foot, input,
    div.asl_r .results .item,
    div.asl_r .results .item,
    #ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input,
    .footer
    {
        background-color: #222;
        color: #fff!important;
    }
    .article-wrapper__foot {
        background-color: #080808;
    }
    .article__main-container {
        background-color: #111;
    }
    
    div.asl_r .results .item.hovered {
        background-color: #444;
        color: #fff!important;
    }
    
    div.asl_r .results .item {
        border-left: 1px solid #000;
        border-right: 1px solid #000;
    }
    div.asl_r.asl_w.vertical .results .item:after,
    div.asl_r.vertical .results .item:after
    {
        background-color: #000;
    }
    
    div.asl_w .probox .promagnifier {
        box-shadow: none;
    }
    
    a:hover {
    
        color: #fff;
    }
    
    svg text, #logo .st3, #icon .st3,
    div.asl_w .probox .promagnifier .innericon svg
    {
        fill: #fff;
    }
    #logo .st0, #icon .st0 {
        fill: #000;
    }
    
    
    /* Form Inputs */
    .in-focus .form__field, .in-focus .form__input, .in-focus .form__textarea {
        box-shadow: 0px 0px 15px rgb(157 157 157 / 74%);
    }
    
    .form__field, .form__input, .form__textarea {
        border: 1px solid rgb(123 123 123 / 63%);
    }
    .more-link, .button, input[type=button], input[type=submit], button, .btn {
        border: 1px solid #ddd;
        box-shadow: 0px 0px 1px rgba(145, 145, 145);
    }
    .more-link:hover, .button:hover, input[type=button]:hover, input[type=submit]:hover, button:hover, .btn:hover {
        box-shadow: 0px 0px 15px rgb(145 145 145);
    }
    
    .newsletter-form .in-focus .form__input, .newsletter-form .in-focus .form__textarea {
        border-color: transparent;
        box-shadow: 0px 0px 15px rgb(145 145 145);
    }

}
}