//
// Styles for light, dark and os default background theme
// Background colors examples
// - .bg-td-white  | White background on light theme
// - .bg-td-blue    | Blue background on dark theme
// - .bg-theme              | Dark background on dark theme, light background on light theme

@if $enable-dark-mode {
    [data-bs-theme="light"] {
        .bg-theme {
            @include bg-theme-color("light");
        }

        @each $name, $value in $utilities-bg-colors {
            .bg-tl-#{$name} {
                @include bg-theme-color($name);
            }
        }
    }

    [data-bs-theme="dark"] {
        .bg-theme {
            @include bg-theme-color("dark");
        }

        @each $name, $value in $utilities-bg-colors {
            .bg-td-#{$name} {
                @include bg-theme-color($name);
            }
        }
    }
}