Metronic-Customize LESS instead of CSS #6722

SBJ created 5 years ago

Hello,

We recently purchased ASP.NET Zero and started working on our installation.

I looked into adding a custom Metronic theme and I successfully added a new colour (using MetronicThemeChanger) to the pallette of the Default theme, including the custom theme folders with metronic-customize, etc. However, I noticed that assets/common/styles/themes/mytheme/metronic-customize.cssis used and that assets/common/styles/themes/mytheme/metronic-customize.lessis not compiled/built to the .cssvariant. So when I make changes to the .lessfile, the changes are not reflected in the .cssfile.

I saw that DynamicResourcesHelper.tsincludes the PrimeNG CSS and the above mentioned metronic-customize.css, but how can I change this to include/use the .lessvariant without changing core code? Changing it in DynamicResourcesHelper.tswould mean that I can't upgrade without losing this modification. I can't edit AppPreBootstrap, which seems to load in the DynamicResourcesHelper, as that is basically core code as well.

I also tried adding the .lessfile in angular.json(tried it both before styles.cssand after it), but the changes in the .lessfile are still overridden by the .cssone. And I also tried using @importfor that file in src/styles.css, which doesn't seem to work either.

Any tips on how to approach this would be appreciated. :)

Go to accepted answer

2 Answer(s)