@media (prefers-color-scheme: dark) {
    .typo3-login-logo {
        filter: invert(1);
    }

    html:not([data-color-scheme='light']) .col-icon .icon-markup img,
    html:not([data-color-scheme='light']) .mt-3 .icon-markup img
    {
        filter: invert(1);
    }
}

html[data-color-scheme='dark'] .col-icon .icon-markup img,
html[data-color-scheme='dark'] .mt-3 .icon-markup img
{
    filter: invert(1);
}

@media (prefers-color-scheme: light) {
    html:not([data-color-scheme='dark']) .topbar-site-logo {
        filter: invert(1);
    }
}

html[data-color-scheme='light'] .topbar-site-logo {
    filter: invert(1);
}