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

@mixin kendo-treeview--theme() {
    @include kendo-treeview--theme-base();

    .k-treeview-leaf.k-selected {
        &:hover,
        &.k-hover {
            background-color: color-mix(in srgb, k-color(on-app-surface) 17%, transparent)
        }
    }

    .k-treeview-leaf:is(:disabled, .k-disabled),
    :is(.k-treeview-item:disabled, .k-treeview-item.k-disabled) .k-treeview-leaf {
        @include fill(
            $kendo-treeview-item-disabled-text,
            $kendo-treeview-item-disabled-bg,
            $kendo-treeview-item-disabled-border,
        );
    }
}