@use '~@angular/material' as mat;
@mixin drive-layout-mat($theme) {

    $color-config: mat-get-color-config($theme);
    $primary-color: mat.get-color-from-palette(map-get($color-config, primary));

    app-drive-layout{
        #drive-path{
            background-color: map-get($theme, resource-header);
            border-top-color: map-get($theme, sidebar);
        }
    
        #path-root{
            color: $primary-color;
        }
    
        #file-list-table app-file-list-view:hover{
            background-color: map-get($theme, active-selection);
        }
    
        #file-tile-table app-file-block-view:hover, #back-in-folder:hover{
            background-color: map-get($theme, active-selection);
        }
    
        #file-list-view-header{
            border:1px solid map-get($theme, sidebar);
            box-shadow:0px 2px 1px -1px map-get($theme, shadow);
        }
    
        #file-list-view-header>span:not(:last-of-type){
            border-right: 1px solid map-get($theme, sidebar);
        }

        #context-menu{
            background-color: map-get($theme, header);

            li:hover{
                background-color: map-get($theme, sidebar-bg);
            }
        }
    
    }
    


}