triodos banking - dark & 4k by s-light

/* ==UserStyle==
@name           dark & 4k for triodos-banking.de
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    dark & 4k sizing
@author         s-light.eu
==/UserStyle== */
@-moz-document url-prefix("https://www.triodos-banking.de/services_cloud/portal/cas-session-iframe"),
url-prefix("https://www.triodos-banking.de/services_cloud/portal/"),
url-prefix("https://www.triodos-banking.de/services_auth/auth-frontend") {

    :root {

        --color-primary: hsl(220, 100%, 50%);
        --color-primary-500: hsl(240, 100%, 45%);
        --color-primary-600: hsl(240, 100%, 40%);
        --color-primary-700: hsl(240, 100%, 30%);
        --color-primary-800: hsl(240, 100%, 20%);
        --color-primary-900: hsl(240, 100%, 15%);

        --color-background-background-100: hsl(248, 97%, 5%);

        --color-grey-500: hsla(40, 100%, 50%, 0.38);
        --color-grey-600: hsla(40, 100%, 50%, 0.62);
        --color-grey-700: hsla(40, 100%, 50%, 0.65);
        --color-grey-800: hsla(40, 100%, 50%, 0.86);

        --color-background-background: hsl(248, 97%, 5%) !important;
        --color-foreground-text: hsl(40, 100%, 50%);
        --color-foreground-text-dim: hsl(40, 100%, 30%);
        --color-foreground-text-highlight: hsl(63, 100%, 50%);

        --color-foreground-elevation: hsla(40, 100%, 50%, 0.2);
        --color-foreground-hint-text: hsla(40, 100%, 50%, 0.62);
        --color-foreground-secondary-text: hsla(40, 100%, 50%, 0.62);

        --options-headline-color: hsl(180, 100%, 50%);
        --mdc-outlined-button-label-text-color: var(--color-foreground-text-dim);

        color: var(--color-foreground-text);

        --options-effect-box: 0px 0px 30px 0px hsla(100, 100%, 50%, 0.8);
        --options-effect-box-hover: 0px 0px 40px 0px hsla(100, 100%, 50%, 1.0);
        --options-effect-box-on-box: 0px 0px 40px 0px hsla(150, 100%, 50%, .8);
        --options-effect-box-on-box-hover: 0px 0px 50px 0px hsla(150, 100%, 50%, 1.0);

        --options-priority-high-background: transparent;

        --color-background-card: var(--color-primary-900);

        --color-grey-fixed-200: var(--color-primary-900);
    }

    .cdk-global-overlay-wrapper .cdk-overlay-pane.kf-popup-wrap {
        max-width: 100vw !important;
        width: 48rem;
    }

    /*.rsct-opttan_m #rsct-opttan-device.rsct-opttan-size-43*/
    #rsct-opttan-device {
        width: 17cm !important;
        height: 10cm !important;
    }

    .nav-container {
        padding: 0 !important;
    }

    .center-container {
        width: 100% !important;
    }

    .sender-title,
    .recipient-title,
    .details-title {
        color: var(--color-foreground-text-highlight) !important;
    }

    .container.page-container .grid-container > .left-container {
        grid-column: 1/14 !important;
    }


    #rsct-opttan-generation {
        background-color: transparent;
    }

    .umsatz-item-detail-text,
    .umsatz-item-detail-text-shredder {

        color: inherit;
    }
}