This topic contains 5 replies, has 2 voices, and was last updated by Sean Sean 3 years, 1 month ago.

SASS Support


  • nntounas
    Participant

    Posts: 2
    Member Reply #665

    Hi there,

    I am trying to change the basic bootstrap colors through your sass files. I downloaded the suggested Koala application, but I am not sure what exactly I should edit!

    Any kind of help would be welcome.

    Thanks in advance!

    Sean
    Sean
    Keymaster

    Posts: 4444
    Support Staff Reply #671

    Hi :),

    Please open ‘sass/global/_variables.scss’ and edit the bootstrap state colors in below variables:

    // Bootstrap brand colors

    $brand-default:         #c6c6c6 !default;
    $brand-primary:         #00BCD4 !default;
    $brand-success:         #26A69A !default;
    $brand-info:             #89C4F4 !default;
    $brand-warning:         #ff5722 !default;
    $brand-danger:           #F3565D !default;

    Then just compile component.scss and plugins.scss so the changes will be affected in your assets folder.

    If you are using Meterial design you should do the above changes in _variables-md.scss file and compile
    components-md.scss and plugins-md.scss.

    If you are using the rounded version of the components then you should compile components-rounded.scss as well.

    If you need any further clarifications please let us know.

    Thanks.

     


    nntounas
    Participant

    Posts: 2
    Member Reply #674

    Thank you very much for your fast and accurate support!

    Sean
    Sean
    Keymaster

    Posts: 4444
    Support Staff Reply #676

    You are welcome! Thanks for using Metronic 🙂


    nntounas
    Participant

    Posts: 2
    Member Reply #822

    It seems like changing only the bootstrap colors is not enough. Is there a document somewhere explaining which color is where?

    Thank you once again!

    Sean
    Sean
    Keymaster

    Posts: 4444
    Support Staff Reply #826

    Hi,

    All available colors are in _variables.scss file. There are a few color settings category if you go further. You should try to change them as well.  Also please make sure you complied the scss files properly and get the css files updated accordingly. For more info on scss compilation you can refer to the admin doc under “_documentation/admin/index.html”.

    Thanks.

Tagged: 

You must be logged in to reply to this topic.