mobilfox.com dark style by Koblizek55555

/* ==UserStyle==
@name           ?
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document domain("mobilfox.com") {
    :root {
        --root-text-color: 137, 90, 254;
        --root-background: 33, 28, 28;
        --root-secondary-background: 137, 0, 254;
        --background: var(--root-background);
        --section-background: var(--root-background);
        --text-color: var(--root-text-color);
        --heading-color: var(--root-text-color);
        --root-heading-color: var(--root-text-color);
    }
    
    #shopify-section-header {
        --header-background: var(--root-background);
        --header-text-color: var(--root-text-color);
    }
    
    #shopify-section-footer .footer {
        --background: var(--root-background);
    }
    
    * svg path {
        fill: rgb(var(--root-text-color)) !important;
    }
    
    .section__color-wrapper {
        --section-background: var(--root-background);
        --heading-color: var(--root-text-color);
    }
    
    .prev-next-button {
        --prev-next-button-color: var(--root-text-color);
    }
    
    .shopify-section {
        --section-accent-background: var(--root-background);
        --heading-color: var(--root-text-color);
        --text-color: var(--root-text-color);
        
        background: var(--root-background) !important;
        color: rgb(var(--root-text-color)) !important;
    }
    
    .product-item__image-wrapper, .container .product product-media, .block-swatch-list.case-type .block-swatch__item, .block-swatch-list.case-type .block-swatch {
        background-color: transparent !important;
    }
    
    .product-color__wrapper .product-form__option-info .product-form__option-value, .custom-block__title, .variant-info__case-type, .variant-info__case-characteristic, .variant-info__price--wrapper .price--highlight, .prouct-type__selector--heading, .product-info__price, .product-info__product-title, .screen-shield__option--no-protector-text, .tabs-nav__item-list .tabs-nav__item, product-list .price--highlight, .custom-product-card-title, .section__color-wrapper, .footer__aside .footer__copyright, * a, .footer__inner .footer__item-title, .heading, .blockquote, .rte h1, .rte h2, .rte h3, .rte h4, .rte h5, .rte h6, .rte blockquote {
        color: rgb(var(--root-text-color)) !important;
    }
    
    .product-popup__wrapper a, .custom-product-card-badge {
        color: white !important;
    }
    
    .screen-shield__option .block-swatch__radio:checked, .block-swatch .block-swatch__radio:checked, .accessories__option:has(input:checked), .screen-shield__option:has(.block-swatch__radio:checked), .header--bordered:not(.header--transparent) {
        box-shadow: none !important;
    }
    
    .product-sticky-form {
        border-bottom: none !important;
    }
    
    .screen-shield__option .block-swatch__radio, .block-swatch-list.case-type .block-swatch__radio {
        border-color: rgb(var(--root-background)) !important;
    }
    
    .custom-product-card-badge {
        background: rgb(var(--root-secondary-background)) !important;
    }
    
    .header__logo-image {
        filter: invert(100%);
    }
    
    .image-with-text::before {
        --section-accent-background: var(--root-background);
    }
    
    .single-item-shock-properties img {
        margin: auto 1vw;
    }
}