immobilienscout24.de dark by s-light

/* ==UserStyle==
@name           immobilienscout24.de - dark
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    darkmode for immobilienscout24.de
@author         s-light.eu
==/UserStyle== */
@-moz-document domain("immobilienscout24.de") {
    :root {
        --bg: hsl(270, 100%, 10%);
        --text: hsl(40, 100%, 50%);
    }

    html,
    body {
        color: var(--text);
        background: var(--bg);
    }

    .content-wrapper {
        margin: 0 auto;
        padding: 0 16px;
        max-width: none !important;
    }

    .Modal_modal-container__tRxlB {
        width: 50vw !important;
        background-color: var(--bg);
        color: var(--text);
    }

    .page-footer,
    .page-wrapper,
    .content-wrapper--background,
    .page-header--white,
    .background-white {
        background-color: transparent !important;
    }

    .breadcrumb__item,
    .breadcrumb__item--current {
        color: var(--text);
    }

    .breadcrumb__item a:link,
    .breadcrumb__item a:visited,
    .breadcrumb__link:link,
    .breadcrumb__link:visited {
        color: var(--text);
        text-decoration: none;
    }


    .contactBoxContent_41szL {
        background: transparent;
    }

    textarea {
        height: 15em !important;
    }

    textarea,
    select,
    input {
        background: transparent !important;
        color: inherit !important;
    }

    .enrollWithRealtorBoxLContainer_h-v8B {
        background: transparent;
        opacity: 0.3;
    }

    .background {
        background: transparent !important;
    }

    .input-text,
    .select,
    .textarea {
        background: transparent !important;
        caret-color: var(--text);
        color: var(--text);
    }

    div[data-ng-controller="ServicesCarouselController"] {
        opacity: 0.3;
    }
}