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!
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.
Thank you very much for your fast and accurate support!
You are welcome! Thanks for using Metronic 🙂
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!
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”.
You must be logged in to reply to this topic.