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


@mixin kendo-scheduler--theme() {

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

    .k-scheduler-layout td.k-selected,
    .k-scheduler-layout .k-scheduler-cell.k-selected {
        background-color: color-mix(in srgb, k-color(secondary) 25%, transparent);
    }

    // Agenda view
    .k-scheduler-agendaview {
        .k-scheduler-content tr.k-selected {
            background-color: color-mix(in srgb, k-color(secondary) 25%, transparent);
        }
    }

    // Events
    .k-event {

        .k-event-actions {
            .k-link {
                color: $kendo-scheduler-event-bg;
                background-color: $kendo-scheduler-event-text;
            }
        }

        .k-resize-handle::before {
            // TODO: $kendo-scheduler-content-area-bg
            background-color: k-color(on-primary);
        }
    }

    .k-scheduler-edit-form {
        .k-edit-label {
            color: $kendo-floating-label-text;
        }
    }

}