//
// Styles for light, dark and os default invert
// Background colors examples
// - .td-invert    | Inverts all colors (including childs) on the light theme
// - .td-invert     | Inverts all colors (including childs) on the dark theme

@if $enable-dark-mode {
    [data-bs-theme="light"] {
        // Invert colors on light theme
        .tl-invert {
            filter: invert(100%);
        }
    }

    [data-bs-theme="dark"] {
        // Invert colors on dark theme
        .td-invert {
            filter: invert(100%);
        }
    }
}