:root.dark {
    --surfacePrimary: #0d0d72;
    --darkBlue: #0068be;
    --brightTeal: #0ae0c7;
}

#login > form > img {
    /* Default 4em */
    width: 6em;
    height: 6em;
}

#login > form {
    font-size: 1.5em;
    max-width: 26em;
}

:root.dark #login .button {
    background: var(--darkBlue);
}

:root.dark .file-icons [data-dir="true"] i {
    color: var(--brightTeal);
}

.file-icons [aria-selected="true"] i {
    color: var(--iconSecondary);
}

/* https://stackoverflow.com/questions/2182716/is-it-possible-to-set-a-src-attribute-of-an-img-tag-in-css */
/* http://www.audenaerde.org/csstricks.html */
@media (prefers-color-scheme: light) {
    img[src*="logo.svg"] {
        width: 0 !important;
        height: 0 !important;
        background: url("/static/img/logo-no-back.svg");
    }

    #login > form > img {
        padding: 3em;
        background-size: 6em;
    }

    header > img[src*="logo.svg"] {
        padding: 1.2em;
        background-size: 2.4em;
    }
}