Base solution for your next web application
Open Closed

Change metronic colors #7785


User avatar
1
antonis created

Hi,

Can I change the colors of metronic? e.g instead of pink I want to use blue. I know I can go and replace it one by one in css files but is there any better way?

Thanks in advance


9 Answer(s)
  • User Avatar
    0
    ismcagdas created
    Support Team

    Hi @antonis

    You can change it in Metronic's less/saas files and rebuild Metronic using its own build pipeline. After all, you can override Metronic styles in AspNet Zero with the ones you have generated for the new colors you have selected.

  • User Avatar
    0
    XugoWebTeam created

    Hi @ismcagdas - is the build of Metronic a 'standard' or 'modified' version? If its the latter, can you please provide the link to the original sass/less files that you used.

  • User Avatar
    0
    ismcagdas created
    Support Team

    Hi @xugowebteam

    It is the default version of Metronic. We don't modify Metronic files. You can find related Metronic version at the bottom of https://aspnetzero.com/download page.

  • User Avatar
    0
    antonis created

    Hi,

    You mean replace primary color everywhere?

    Thanks

  • User Avatar
    0
    ismcagdas created
    Support Team

    Hi @antonis

    I mean just in scss files. Then running Metronics build process sohuld generate output files with the colors you want.

  • User Avatar
    0
    antonis created

    Can you tell me which file ?

  • User Avatar
    0
    antonis created

    Cant find scss files in the solution

  • User Avatar
    0
    ismcagdas created
    Support Team

    Hi @antonis

    Sorry, not in the solution. It is in Metronics source code. I mean this one for example:

  • User Avatar
    0
    ismcagdas created
    Support Team

    This issue is closed because it has not had recent activity for a long time.