Customize spinner color

  1. MDB Home Page
  2. Support Main Page
  3. MDB Angular
Topic: Customize spinner color

apichai52 pro asked 7 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 7 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
Write
Create snippet
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
  • User: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
About author
apichai52
Pro User
18Support score
6Questions 5Answers
0Snippets likes 0Snippets