Можно ли определить пользовательскую тему angular материал, используя меньше?

Question

Я начал применять пользовательскую тему для моего проекта angular, но меня немного смущает, возможно ли определить тему как меньший файл. иерархия моей новой темы такая:

**

1. -custom-theme.s css

2. -custom-components-themes.s css

** желаемое значение **

1. -custom-theme.less
2. -custom-components-themes.less

**

- custom-components-themes.s css eaxmple:

    // you only have to add additional componenets here (instead of in every theme class)
@mixin custom-components-theme($theme) {
    // Extract whichever individual palettes you need from the theme.
    $primary: map-get($theme, primary);
    $accent: map-get($theme, accent);
    $background-color: map_get($primary, A1000);

    // Use mat-color to extract individual colors from a palette as necessary.
    .mat-sidenav {
        Background: linear-gradient( mat-color($primary, A900), mat-color($primary, A1000)) ;    }
    .mat-sidenav .mat-toolbar {
        background-image: linear-gradient(mat-color($primary, A50), mat-color($primary, A800)) !important;
        color: mat-color($primary, 50) ;
        font-family: "Segoe UI";
        font-size: 23px ;
    }

заранее спасибо