@use "../core/_index.scss" as *;
@use "./_variables.scss" as *;

@mixin kendo-file-manager--theme() {

    // Filemanager
    .k-filemanager {
        @include fill(
            var( --kendo-file-manager-text, #{$kendo-file-manager-text} ),
            var( --kendo-file-manager-bg, #{$kendo-file-manager-bg} ),
            var( --kendo-file-manager-border, #{$kendo-file-manager-border} )
        );
    }


    // Filemanager toolbar
    .k-filemanager-toolbar {
        @include fill(
            var( --kendo-file-manager-toolbar-text, #{$kendo-file-manager-toolbar-text} ),
            var( --kendo-file-manager-toolbar-bg, #{$kendo-file-manager-toolbar-bg} ),
            var( --kendo-file-manager-toolbar-border, #{$kendo-file-manager-toolbar-border} )
        );
    }


    // Filemanager navigation
    .k-filemanager-navigation {
        @include fill(
            var( --kendo-file-manager-navigation-text, #{$kendo-file-manager-navigation-text} ),
            var( --kendo-file-manager-navigation-bg, #{$kendo-file-manager-navigation-bg} ),
            var( --kendo-file-manager-navigation-border, #{$kendo-file-manager-navigation-border} )
        );
    }


    // Filemanager breadcrumb
    .k-filemanager-breadcrumb {
        @include fill(
            var( --kendo-file-manager-breadcrumb-text, #{$kendo-file-manager-breadcrumb-text} ),
            var( --kendo-file-manager-breadcrumb-bg, #{$kendo-file-manager-breadcrumb-bg} ),
            var( --kendo-file-manager-breadcrumb-border, #{$kendo-file-manager-breadcrumb-border} )
        );
    }


    // Filemanager listview
    .k-filemanager-listview {
        @include fill(
            var( --kendo-file-manager-listview-text, #{$kendo-file-manager-listview-text} ),
            var( --kendo-file-manager-listview-bg, #{$kendo-file-manager-listview-bg} ),
            var( --kendo-file-manager-listview-border, #{$kendo-file-manager-listview-border} )
        );

        .k-listview-item {
            .k-file-icon {
                @include fill(
                    var( --kendo-file-manager-listview-item-icon-text, #{$kendo-file-manager-listview-item-icon-text} ),
                    var( --kendo-file-manager-listview-item-icon-bg, #{$kendo-file-manager-listview-item-icon-bg} ),
                    var( --kendo-file-manager-listview-item-icon-border, #{$kendo-file-manager-listview-item-icon-border} )
                );
            }

            &.k-focus .k-file-icon {
                @include fill(
                    var( --kendo-file-manager-listview-item-icon-focus-text, #{$kendo-file-manager-listview-item-icon-focus-text} ),
                    var( --kendo-file-manager-listview-item-icon-focus-bg, #{$kendo-file-manager-listview-item-icon-focus-bg} ),
                    var( --kendo-file-manager-listview-item-icon-focus-border, #{$kendo-file-manager-listview-item-icon-focus-border} )
                );
            }

            &.k-selected .k-file-icon {
                @include fill(
                    var( --kendo-file-manager-listview-item-icon-selected-text, #{$kendo-file-manager-listview-item-icon-selected-text} ),
                    var( --kendo-file-manager-listview-item-icon-selected-bg, #{$kendo-file-manager-listview-item-icon-selected-bg} ),
                    var( --kendo-file-manager-listview-item-icon-selected-border, #{$kendo-file-manager-listview-item-icon-selected-border} )
                );
            }
        }

    }


    // Filemanager grid
    .k-filemanager-grid {
        @include fill(
            var( --kendo-file-manager-grid-text, #{$kendo-file-manager-grid-text} ),
            var( --kendo-file-manager-grid-bg, #{$kendo-file-manager-grid-bg} ),
            var( --kendo-file-manager-grid-border, #{$kendo-file-manager-grid-border} )
        );
    }


    // Filemanager preview
    .k-filemanager-preview {
        @include fill(
            var( --kendo-file-manager-preview-text, #{$kendo-file-manager-preview-text} ),
            var( --kendo-file-manager-preview-bg, #{$kendo-file-manager-preview-bg} ),
            var( --kendo-file-manager-preview-border, #{$kendo-file-manager-preview-border} )
        );

        .k-file-icon {
            @include fill(
                var( --kendo-file-manager-preview-icon-text, #{$kendo-file-manager-preview-icon-text} ),
                var( --kendo-file-manager-preview-icon-bg, #{$kendo-file-manager-preview-icon-bg} ),
                var( --kendo-file-manager-preview-icon-border, #{$kendo-file-manager-preview-icon-border} )
            );
        }
    }

}