html[data-theme="dark"] .icon,
html[data-theme="dark"] .img-mode {
    filter: brightness(0) invert(1);
}

html[data-theme="dark"] .bg-white {
    background-color: var(--white) !important;
}


html[data-theme="dark"] .modal-backdrop.show,
.offcanvas-backdrop.fade,
.offcanvas-backdrop.show,
.modal-backdrop.fade {
    opacity: 0.7;
}

html[data-theme="dark"] .grayscale-partial {
    filter: grayscale(1) brightness(0.7);
}

html[data-theme="dark"] input:-webkit-autofill,
html[data-theme="dark"] input:-webkit-autofill:hover,
html[data-theme="dark"] input:-webkit-autofill:focus,
html[data-theme="dark"] textarea:-webkit-autofill,
html[data-theme="dark"] select:-webkit-autofill {
    -webkit-text-fill-color: var(--text-primary) !important;
    caret-color: var(--text-primary) !important;
    box-shadow: 0 0 0 1000px var(--background-quaternary) inset !important;
    -webkit-box-shadow: 0 0 0 1000px var(--background-quaternary) inset !important;
    transition: background-color 9999s ease-in-out 0s;
}