Topic: Customize spinner color

apichai52 pro asked 6 years ago


Hi, I use mdb-pro for Angular.  I would like to know how I can change the spinner color to 'white'. Regards.  

Damian Gemza staff answered 6 years ago


Dear apichai52, For now we're providing only 5 colors of spinners: Green, blue, yellow, red and primary color of your skin. But if you really want to use the white spinner, you have to overwrite one of our already existing spinners color class, for example, the blue one. That's ugly way, but for now, I can't provide you a better way. Add this code to your global styles.scss stylesheet:
.spinner-blue-only {
border-color: #ffffff !important;
}
.spinner-blue-only.mat-progress-spinner svg path {
stroke: #ffffff !important;
}
And then use code:
<mdb-spinner spinnerType="big" spinnerColor="blue"></mdb-spinner>
Best Regards,
Damian


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags