@use "../core/_index.scss" as *;
@use "@progress/kendo-theme-core/scss/components/switch/_theme.scss" as *;


@mixin kendo-switch--theme() {

    @include kendo-switch--theme-base();

    // Switch
    .k-switch {

        .k-switch-thumb {
            box-shadow: k-elevation(2);
        }

        // Thumb ripple
        &.k-switch-on .k-switch-thumb::before {
            background-color: inherit;
        }
        &.k-switch-off .k-switch-thumb::before {
            background-color: if($kendo-enable-color-system, k-color( on-app-surface ), if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ));
        }
    }

}