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

Markdown is supported
Copy & paste or drag & drop images (max 30 MB per image)

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.

    Markdown is supported
    Copy & paste or drag & drop images (max 30 MB per image)
  • 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.

    Markdown is supported
    Copy & paste or drag & drop images (max 30 MB per image)
  • 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.

    Markdown is supported
    Copy & paste or drag & drop images (max 30 MB per image)
  • User Avatar
    0
    antonis created

    Hi,

    You mean replace primary color everywhere?

    Thanks

    Markdown is supported
    Copy & paste or drag & drop images (max 30 MB per image)
  • 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.

    Markdown is supported
    Copy & paste or drag & drop images (max 30 MB per image)
  • User Avatar
    0
    antonis created

    Can you tell me which file ?

    Markdown is supported
    Copy & paste or drag & drop images (max 30 MB per image)
  • User Avatar
    0
    antonis created

    Cant find scss files in the solution

    Markdown is supported
    Copy & paste or drag & drop images (max 30 MB per image)
  • 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:

    Markdown is supported
    Copy & paste or drag & drop images (max 30 MB per image)
  • User Avatar
    0
    ismcagdas created
    Support Team

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

    Markdown is supported
    Copy & paste or drag & drop images (max 30 MB per image)