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


@mixin kendo-table--theme() {

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

    @if($kendo-enable-color-system) {
        .k-table .k-table-tbody {
            td:focus,
            td.k-focus,
            th:focus,
            th.k-focus {
                &::after {
                    background-color: $kendo-table-hover-bg;
                }
            }
        }
    } @else {

        // Selected state
        .k-table-tbody .k-table-row.k-selected,
        .k-table-tbody .k-table-cell.k-selected {
            color: $kendo-table-selected-text;
            background-color: $kendo-table-selected-bg;
        }

        .k-table-tbody .k-table-row.k-selected > td {
            color: inherit;
            background-color: transparent;
        }

        .k-table .k-table-tbody {
            td:focus,
            td.k-focus,
            th:focus,
            th.k-focus {
                color: inherit;
                background-color: $kendo-table-hover-bg;
            }
        }

    }

}